/* latin-ext */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/static/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuvMR6WR.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: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/static/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.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;
}

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/static/fonts/KFOkCnqEu92Fr1Mu51xGIzIFKw.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: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/static/fonts/KFOkCnqEu92Fr1Mu51xIIzI.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;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/static/fonts/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.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: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/static/fonts/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.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;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/static/fonts/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.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: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/static/fonts/KFOjCnqEu92Fr1Mu51TzBic6CsQ.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;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/static/fonts/KFOmCnqEu92Fr1Mu7GxKOzY.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: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/static/fonts/KFOmCnqEu92Fr1Mu4mxK.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;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/static/fonts/KFOlCnqEu92Fr1MmEU9fChc4EsA.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: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/static/fonts/KFOlCnqEu92Fr1MmEU9fBBc4.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;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/static/fonts/KFOlCnqEu92Fr1MmWUlfChc4EsA.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: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/static/fonts/KFOlCnqEu92Fr1MmWUlfBBc4.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: roboto, sans-serif; padding-top: 90px}
body.body-new{ padding-top: 60px}
H1,H2{font-family: 'Open Sans Condensed', sans-serif; font-weight: 700}
H1{ margin-bottom: 20px; font-size: 36px; 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}
.section{ text-align: center}
.section.grey{ background-color: #EDEDED; margin-bottom: 20px }
.wrap{ width: 100%; max-width: 1304px; margin: 0 auto; text-align: left; position: relative; box-sizing: border-box; padding:0 12px}
body.body-emisiune .wrap{ max-width: 980px}
.section.bg-white .wrap{ background-color: #FFF}
section .wrap, .section .wrap{ background-color: #FFF; padding-top: 20px}
.section.grey .wrap{ background-color:#EDEDED }
/*--------------HEADER--------*/
#header{position: fixed; left: 0; top: 0; width: 100%; z-index: 10001; background-color: #FFF; display: flex; flex-direction: column}
#logo{ display: block; background-position: left bottom; background-repeat: no-repeat; background-size:contain; position: relative; background-image: url("../images/antena3.svg?v=1");  margin: 5px 0;  text-indent: -9999px; overflow: hidden; height: 38px;  width: 138px; order: 2; left: 12px}

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

/*--------------MENU TOP--------*/
#menu-top{ justify-content:flex-end; display: flex; flex-direction: row;background-color: #FFF; align-items: center; height: 35px}
#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}

/*--------------NAV--------*/
NAV{ background: #0a93fa;  justify-content: flex-end; display: flex; flex-direction: row; flex-wrap: wrap; height: 37px; position: relative; order: 2; flex: 1; }
NAV A{ color:#FFF; font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; width: auto; order:1; text-align: center; padding: 10px 10px; box-sizing: border-box; display: none; }

#live{ width: auto}


#vremea { background-image: url("https://www.antena3.ro/static/images/vremea.svg?v=2"); background-repeat: no-repeat;  width: 45px; background-size: auto 25px; background-position:7px center; order: 1}
#video_menu{ width: 60px; order: 1; background-color: #ff8a65}
#live { background-image: url("https://www.antena3.ro/static/images/live.svg?v=2"); background-repeat: no-repeat; background-position: 10px center; background-size: auto 20px; background-color: #FF0000; padding-left: 40px; order: 1}
#search{ display: none; order: 2; color: #FFF; text-align: center; overflow: hidden; text-indent: -99999px;  background-image: url('https://www.antena3.ro/static/images/search_white.svg'); background-size: 22px 22px; background-repeat: no-repeat; width: 50px; background-position: center}
#more{ order: 1;  padding-right: 20px; width: auto; overflow: hidden; position: relative}
#more::before{content: ''; width:14px; height:14px; display:block; position: absolute; right: 0; top: 11px;  background-image: url('https://www.antena3.ro/static/images/arrow-down.svg?v=2'); background-position: center; background-size: 14px 14px; background-repeat: no-repeat;}
#more::after{ content: 'Închide'; display: none; position: absolute; left: 0px; top: 9px; text-indent: 0}

.header-new.submenu #more{ text-indent: -9999px; width: 73px}
.header-new.submenu #more::before{transform: rotate(180deg);}
.header-new.submenu #more::after{ display: block; }
.burger{order: 2; padding: 5px 15px; cursor: pointer; padding-top: 6px}
.burger .bar1, .burger .bar2, .burger .bar3 {
  width: 25px;
  height: 4px;
  background-color: #FFF;
  margin: 3px auto;
	margin-right: 0;
  transition: 0.4s;
}
#header.active .bar1, #header.submenu .bar1 {  -webkit-transform: rotate(-45deg) translate(-9px, 6px);  transform: rotate(-45deg) translate(-6px, 5px);}
#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(-5px, -4px);}
#header.active a{ display: block}
#header.active #menu-top LI, #header #vreamea{ display: block}
#header.active a#search{ display: none; }

.header-new{ background-color: #0a93fa !important }
.header-new .wrap{ position: initial; display: flex; flex-direction: column; flex-wrap: wrap}
body.body-emisiune .header-new .wrap{ max-width: 1304px}

.header-new NAV{ height: auto; align-items: center}
.header-new NAV #search{ display:block !important; order: 1; padding-right: 10px}
.header-new NAV #live, .header-new NAV #video_menu{ display: none}
.header-new #menu-top{ order: 2; display: none; background-color: #0a93fa; justify-content:center; padding: 15px 0; box-sizing: border-box; width: 100%}
.header-new.search #menu-top{ display: flex; height: auto}


#preview-video{ position:relative; order: 1; height: 60px; width: 100%;  display: flex; flex-wrap: nowrap}
#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; background-color: #f7f700; font-size: 15px; font-weight: 500}
#preview-video .thumb IMG {position: absolute;    left: 50%;    top: 0px;    display: block;    transform: translateX(-50%);    width: auto;    height: 100%;}


#submenu{ order: 3;  padding: 15px 0; box-sizing: border-box; width: 100%;  max-height: calc(100vh - 100px); overflow: auto; display: none; max-width: 980px; margin: 0 auto}
.header-new.submenu #submenu{ display: block}
#submenu #subsectiuni{display: flex; flex-wrap:wrap;}
#submenu .submenu-item{ width: 120px; flex: 1; margin-bottom: 20px}
#submenu .submenu-item LI{ display: block}
#submenu .submenu-parent{ text-transform: uppercase; margin-bottom: 6px; font-weight: bold; display: block; font-size: 15px}
#submenu a{ color: #FFF ;font-family: 'Open Sans Condensed', 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}

/*--------LIST ARTICLE-----------*/
.cols1 { display: flex; flex-wrap: wrap;  margin: 0px -12px; }
.cols1 LI { flex: 0 0 auto; width: 100%; padding:0px 12px; 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%; }

/*--------ARTICLE-----------*/
article{width: 100%;  box-sizing: border-box; position: relative; }
article.main{ margin-bottom:10px ;width: 100% !important}
article.main b{z-index: 10;background-color: #f7f700;display: block;position: absolute;bottom: 0;width: 100%;box-sizing: border-box;padding: 5px 10px;font-size: 30px;text-transform: uppercase;border: 1px solid #000;}
article:hover H2 a{ text-decoration: underline}
article .thumb{ position: relative; display: block; margin-bottom: 3px; overflow: hidden}
article .thumb:hover{ border:0px !important}
article .thumb::after {
    content: '';
    display: block;
    padding-top: 56.25%;
}
article.portret .thumb::after { padding-top: 107.25%}
article.portret H2{ font-size: 20px}
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: rgba(12,12,12,.3);   background-repeat: no-repeat;    background-size: 40%;    background-image: url(https://www.antena3.ro/static/images/play.svg?v=3);  background-position:16px center;  content: "";   width: 50px;  height: 50px;    pointer-events: none;    position: absolute;    left: calc(50% - 25px) ; top: calc(50% - 25px);       z-index: 1; border-radius: 100%}
article A{ display: block; font-size: 16px;  padding-bottom: 0px; box-sizing: border-box; font-weight: bold; font-family: 'Open Sans Condensed', sans-serif}
article A::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
[data-label]:before {content: attr(data-label); font-size: 80%; display: inline-block; background-color: #FF0000; color: #FFF; text-transform: uppercase; padding: 0 5px; margin-right: 5px}
A.ptr[data-label]:before{ background-color: #0a93fa}

article H2{ box-sizing: border-box}
article.main A{font-size: 24px; }
article .categ_name{font-family: 'Open Sans Condensed', sans-serif;font-weight: 400; font-size: 12px; position: absolute; bottom:0px; left: 0px; text-transform: uppercase;background-color: #0a93fa;color: #FFF; padding: 3px 6px;}
article .date{ font-family: 'Open Sans Condensed', sans-serif; font-weight: 400; font-size: 12px; position: absolute; bottom:0px; right: 0px}
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 .thumb span {    font-size: 30px; padding: 3px 20px; font-weight: bold;}

/*--------ULTIMA ORA-----------*/
.top-stiri{ padding-bottom: 20px }
.ultima-ora{ margin-bottom: 20px}
.ultima-ora article {background-color: #EDEDED;  border-bottom: 1px solid #FFF; padding:7px 10px; margin-bottom: 0px}
.ultima-ora article A{ font-size: 15px; padding-bottom: 0}
.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: 'Open Sans Condensed', sans-serif; text-transform: uppercase; padding: 5px}
.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 > UL{ background-color: #EDEDED; padding: 10px}
.arhiva li ul { margin-left:20px; }
.arhiva li a {display:block; padding:0px 0 10px 0px;}
.arhiva li a:hover {color:#FF1500; }

/*--------INLIEN ARTICLES-----------*/
.inline_articles .head{ background-color: transparent; color: #FF0000}
.inline_articles .head STRONG{ padding: 0px}
.inline_articles article{ display: flex !important; align-items: flex-start}
.inline_articles article .thumb {
    flex: 0 0 auto;
    width: 30% !important;
    margin: 0;
    margin-top: 0px;
    margin-top: 3px;
}
.inline_articles article .thumb::after{ padding-top: 90%}
.inline_articles article A {
    flex: 0 0 auto;
    width: 70% !important;;
    padding: 0 10px !important;
    padding-bottom: 0px;
    padding-bottom: 30px;
    font-size: 16px !important;

}
#box_calendar{ background-color: #EDEDED; padding: 10px}

.topviews OL{ counter-reset: mvp-trend;}
.topviews LI{ list-style-type: none; margin-bottom: 15px}
.topviews A{ color: #008cff; font-size: 18px}
.topviews article{ background-color: #FFF; counter-increment: mvp-trend; padding-left: 40px}
.topviews article::before {content: "0"counter(mvp-trend);position: absolute; left: 0; top: -3px; color: #e6e6e6; font-family: 'Open Sans Condensed', sans-serif; font-size: 30px; font-weight: bold}

/*--------VIDEO -----------*/
#video{ background-color: #ff8a65; padding: 10px; margin-bottom: 20px}
#video .head{ background-color: transparent;}
#video .head IMG{ width:20px;}
#video .head a{ background-color: transparent}
#video A{ color:#FFF; padding: 0px}
SECTION.video{ margin-bottom: 30px}

/*--------TODAY NEWS -----------*/
.today_news{ margin-bottom: 20px }
.today_news{}
.today_news .head{ margin-bottom: 10px}
.today_news article { margin-bottom: 10px}
.today_news ARTICLE{ display:flex; align-items: center}
.today_news article A{ font-size: 15px; text-overflow:ellipsis; }
.today_news article A{text-overflow:ellipsis; height: 80px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical}
.today_news article .categ_name{ display:none}
.today_news article .date{ display:none}
.today_news ARTICLE .thumb{ width:35%; overflow: hidden}
.today_news ARTICLE .thumb::after{ padding-top: 69.25%}
.today_news ARTICLE IMG{ margin-bottom: 0px}
.today_news ARTICLE A{ width:65%; padding: 0px 0px 0px 10px; box-sizing: border-box}


/*--------FOCUS-----------*/
.focus-box{ background-color: #8fd4fb; margin-top: 50px; margin-bottom: 30px; background-repeat: no-repeat; background-position: 100% bottom; background-size:auto 100%;}
.focus-box.voro{ background-color: #0b0c21}
.focus-head{ position: absolute; top: -30px; background-color: #ff1500; font-family: 'Open Sans Condensed', sans-serif;  color: #FFF; display: flex; flex-wrap:wrap; font-size: 36px; padding: 7px 20px; font-weight: bold; box-sizing: border-box; max-width: calc(100% - 20px); align-items: center}
.focus-head EM{font-style: normal;font-size: 20px;padding-left: 30px;}
.focus-box .wrap{ background-repeat: no-repeat; background-position: right bottom; background-size:auto 100%;   padding-bottom: 35px; padding-top: 60px; background-color: transparent}
.focus-content { display: flex; flex-wrap: wrap; flex-direction:column; justify-content:space-between; width: 70%; height: 300px }
.focus-content LI { flex: 0 0 auto;  width: 60%; height: 30%; padding:0px; box-sizing: border-box; margin-bottom: 0px; overflow: hidden}
.focus-content LI:first-child { height: 100%; width: 40%; padding-right: 2%}
.focus-content LI:first-child ARTICLE{ flex-direction: column;}
.focus-content LI:first-child A{ font-size:20px}
.focus-content LI:first-child ARTICLE .thumb, .focus-content LI:first-child ARTICLE h2{ width:100%}
.focus-content LI ARTICLE{background-color: #FFF; display:flex; align-items: center}
.focus-content ARTICLE A,.focus-box ARTICLE{ }
.focus-content ARTICLE .thumb{ width:40%; overflow: hidden}
.focus-content ARTICLE IMG{ margin-bottom: 0px}
.focus-content ARTICLE H2{ width:60%; padding: 10px; box-sizing: border-box}
.focus-content .categ_name{ display:none}
.focus-content .date{right:10px; bottom: 10px}

/*--------STIRILE ZILEI-----------*/
.stirile-zilei{ background-color: #000; padding: 10px 0px; margin-bottom: 20px}
.stirile-zilei .wrap{ display: flex; flex-direction: row; height: 70px; overflow: hidden; background-color: transparent}
.stirile-zilei .head{ background-color: #ff1500; height: auto; text-align: center; width: 80px}
.stirile-zilei .carousel{ position: relative;  width:calc(100% - 130px)}


.stirile-zilei .owl-nav{ position: absolute; right: -50px; top: 10px}
.stirile-zilei .owl-nav button.owl-prev{width: 0;height: 0;border-style: solid;border-width: 25px 20px 25px 0;border-color: transparent #ff1500 transparent transparent; margin-right: 5px}
.stirile-zilei .owl-nav button.owl-next{width: 0;height: 0;border-style: solid;border-width: 25px 0 25px 20px;border-color: transparent transparent transparent #ff1500;}
.stirile-zilei .carousel article{ padding:0px 10px }
.stirile-zilei .thumb, .stirile-zilei .categ_name, .stirile-zilei .date{ display: none}
.stirile-zilei A{ color: #FFF;font-size: 14px; padding: 0px; text-overflow:ellipsis;  overflow: hidden; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical}

/*--------SLIDER EMISIUNI-----------*/
#slider-emisiuni .wrap{ padding-bottom: 0px}
#slider-emisiuni .item{ background-repeat: no-repeat; background-position: right bottom; padding-bottom: 15px}
#slider-emisiuni .owl-dots{ display: flex; position: absolute; top: -79px; left: 0px; background-color: #ededed; padding: 15px 15px 0px 15px; width: 100%; box-sizing: border-box}
#slider-emisiuni .owl-dots button{ background-color: transparent; font-family: 'Open Sans Condensed', sans-serif;border: 0;font-size: 18px;font-weight: bold;padding: 5px 10px;text-transform: uppercase;  }
#slider-emisiuni .owl-dots .active button{ background-color: #8fd4fb; } 
#slider-emisiuni .item >a{ display: inline-block; background-color: #FF0000; color: #FFF; margin-top: 15px; font-family:'Open Sans Condensed', sans-serif; padding: 5px 15px}

/*--------OPINII-----------*/
.section.grey.opinii{ padding-top: 0px; margin-top: 50px; margin-bottom: 20px}
.opinii-left .focus-head{ top:-90px}
.opinii .wrap{ padding-top: 60px;}
.opinii-left{ position: relative}
.opinii-left UL{ display: flex; flex-wrap: wrap}
.opinii-left LI{width:100%; flex: 0 0 auto; box-sizing: border-box; padding: 0 12px; padding-left: 50px; margin-bottom: 20px}
.opinii-left LI article{ display: flex; align-items: center; flex-direction:row; background-color: #fff}
.opinii-left LI .h2{ padding:0px 10px; flex: 1; font-size: 15px}
.opinii-left LI .thumb{ border-radius: 100%; margin-left: -50px; width: 110px; height: 110px; overflow: hidden; margin-bottom: 0px; background-color: #DDD}
.opinii-left LI .thumb::after{ padding-top: 100%}
.opinii-left span{ display: block;color: #0a93fa}

.opinii-sidebar .opinii-left .focus-head{ position: relative; top: 0; font-size: 18px; text-transform: uppercase}
.opinii-sidebar .opinii-left LI{ padding:0 7px; margin-bottom: 7px }
.opinii-sidebar .opinii-left LI .thumb{ width:60px; height: 60px}
.opinii-sidebar .opinii-left LI H2{ padding: 10px;}
.opinii-sidebar .opinii-left LI article{ padding-left: 58px}


#opinii_sidebar{position: absolute; left: 0px;  bottom: 0px; top: 0px;}
#opinii_sidebar.opinii-left{ width: auto;}
#opinii_sidebar UL{position:-webkit-sticky; position: sticky; top: 80px; width: 280px; margin: 0px; padding: 0px; padding-top: 7px; box-sizing: border-box; background-color: #ebebeb;}
#opinii_sidebar .head{ width: 100%;}
#opinii_sidebar.opinii-left LI{ width:100%; padding:0px 7px; margin-bottom: 7px }
#opinii_sidebar.opinii-left LI .thumb{ width:60px; height: 60px}
#opinii_sidebar.opinii-left LI H2{ padding: 10px;}
#opinii_sidebar.opinii-left LI article{ padding-left: 58px}

/*--------METEO-----------*/
.meteo{ position: relative; display: flex; flex-direction: column;}
.meteo .focus-head{ top:-90px}
.meteo h3 A{ color: #0a93fa; font-size: 16px}
.meteo .prognoza{ background-color: #FFF; padding: 15px }
.meteo UL{ display: flex; flex-wrap: nowrap}
.meteo UL LI{ flex: 0 0 auto; width: 20%}
.meteo .prognoza H3{ margin-bottom: 10px}
.meteo .prognoza IMG{ float:left; margin-right: 5px}
.meteo .prognoza .temp_max{ font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; font-size: 22px}
.meteo .prognoza .temp_min{ font-family: 'Open Sans Condensed', sans-serif; }
.meteo .prognoza .data{ font-family: 'Open Sans Condensed', sans-serif;}
.meteo article{ display: flex; flex-direction: row; background-color: #FFF; box-sizing: border-box; margin-top: 20px; align-items: center}
.meteo article .thumb{ width: 30%; flex: 0 0 auto; margin: 0}
.meteo article h2{ width: 70%; flex: 0 0 auto; padding: 0 10px}

/*--------LIST TITLE-----------*/
.list_title .thumb, .list_title .categ_name{ display: none}
.list_title .head{ margin-bottom: 10px}
.list_title article{ margin-bottom: 15px}
.list_title .date{ left:0; right: auto;}

.section_articles A{ padding-bottom: 18px}
.section_articles .categ_name{ display: none}
.section_articles .date{ left:0px; right: auto;}


/*--------VIDEO-----------*/
.section.videos{ padding-top: 0px; margin-top: 50px; background-color: #007ec7;  counter-reset: mvp-trend;}
.section.videos .wrap{ background-color: transparent;}
.videos .wrap{ padding-top: 60px;}
.videos .focus-head{ background-color: #ff8a65}
.videos .focus-head IMG {    width: 20px;    margin-right: 10px;}

.videos .elements{ width: 50%}

.videos .video_main  A{ font-size: 22px}
.videos article H2{ counter-increment: mvp-trend; padding-left: 60px; color: #FFF}
.videos .categ_name{ background-color:#ff8a65; display: none}

.videos H2::before {
    content: counter(mvp-trend);
    color: #FFF;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    position: absolute;
    background-color: #ff8a65;
    bottom: 40px;
    left: 0;
    text-align: center;
    width: 40px;
    height: 40px;
    
}

/*--------ARTICOL-----------*/
.articol-page .wrap{ max-width: 1010px; background-color: #FFF}
.articol h1{ text-align: justify}
.articol .body{padding-left: 0; box-sizing: border-box; position: relative; max-width: 640px; 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 }
.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: 24px; font-weight: 500; line-height: 30px; margin-top: 20px; margin-bottom: 20px; text-align: justify}
.articol P.sapou a{color:#008cff;}
.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:#008cff; 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%}

.deschidere .player{ margin-bottom: 10px;}
.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: 20px; top: 100px; max-width: 500px; width: 400px; z-index: 10; }
.sticky-video::after{ content:''; padding-bottom: 56.25%; display: block  }
#playerHolder .close, .ivmWrapper .close {display: none; background-color: #F00;width: 35px;height: 35px;z-index: 10001; position: absolute;right: -14px;top: -14px; font-size: 30px;border-radius: 100%;text-align: center;
color: #FFF !important; line-height: 35px;cursor: pointer;
}
#playerHolder .close,.ivmWrapper .close:hover{ text-decoration: none}
#playerHolder .sticky-video .close, .ivmWrapper .sticky-video .close{ display: block}

.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: 10px}
.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;
}
.subh1{ overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 15px}
.bara_social{ margin-bottom: 25px}
.autor-ora-comentarii{ flex: 1;}
.autor-ora-comentarii a{ color:#008cff}
.social{ flex: 0 0 auto; width: 300px}
.social UL{display: flex; justify-content: space-between;}
.social li{ flex: 0 0 auto; width: 24%; text-align: center; font-size: 12px}
.social li A svg{background-color:#cc0000;  width: 100%; height: 40px; display: block; color: #FFF; box-sizing: border-box; padding: 7px}
.social li A:hover{ text-decoration: none}
.social li A .fa-facebook-f{ background-color:#4267b2}
.social li A .fa-twitter{ background-color:#1da1f2}
.social li A .fa-whatsapp{ background-color:#00e676;}
.social li A .copy-link{ background-color:#222;}
.social li A .fa-print{ background-color:#666;}

.gal{ display: flex; flex-wrap: wrap}
.gal .thumb{ flex: 0 0 auto; width: 50%; position: relative; border: 2px solid #000; box-sizing: border-box }
.gal .thumb::after{ content: '';display: block;padding-top: 56.25%}
.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;bottom: 15px;right: 15px;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: 26px;z-index: 10;}
.gallery-more{ display: block; text-align: center; color: #000 !important; line-height: 35px}

/*--------ARTICOL READ MORE-----------*/
.read_more{ margin: 0px; padding: 0px; }
.read_more article{ display: flex; background-color: #EDEDED; flex-direction: row; flex-wrap: wrap; align-items: center} 
.read_more article .thumb{ width: 40%; margin-bottom: 0}
.read_more article A{ width: 100%; padding: 15px; box-sizing: border-box; font-size: 18px; margin-bottom: 0 !important;}
.read_more .categ_name, .read_more .date{ display:none}

/*--------RELATED MAIN-----------*/
.related_main{ margin-bottom: 20px}
.related_main .categ_name, .related_main .date{ display:none}
.related_main A{ padding-bottom: 15px; padding-left: 15px; position: relative; font-size: 18px}
.related_main H2:before, .related_main article DIV:before {
    content: "";  
    border-color: transparent #0a93fa;  
    border-style: solid;  
    border-width: 0.35em 0 0.35em 0.45em;  
    display: block;  
    height: 0;  
    width: 0;  
    left: -0px;  
    top: 6px;  
    position: absolute;
    font-size: 17px;
}
.related_main.red .h3{ font-size: 22px; margin-bottom: 15px; color: #000}
.related_main.red a{ color:#008cff}
.related_main.red article DIV:before{ border-color:transparent #008cff}

/*--------------  PAGINA PROGRAM TV -------------*/
.program-page {
    padding:0 0 0 0;
    margin-bottom:20px;
}
.program-page UL{ display: flex}
.program-page li {
    flex:1;
    display:block;
    padding:0;
    margin:0;
    background-color:#ebebeb;
    text-align:center;
    color:#010101;
    text-shadow:0 1px 0 #fff;
    font-size:12px;
    font-weight:bold;
    overflow:hidden;
    border-left:1px solid #d3d3d3;
    border-top:1px solid #f7f7f7;
    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:14px;
    font-weight:bold;
    font-family:'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
}
.program-page li a:hover {
    color:#008cff;
}
.program-page H2{ margin-top: 20px; margin-bottom: 5px; text-transform: uppercase; font-family:'Open Sans Condensed', sans-serif;}
.program-page table {
    border:none;
    width:100%;
    font-size:14px;
}
.program-page tr:nth-child(odd) {
    background:#f2fbff;
}
.program-page td {
    padding:8px 10px;
}
.program-page td:first-child {
    width:40px;
    color:#ff1500;
    font-weight:bold;
}
.program-page td a {
    padding:10px 0;
}
.program-page td a:hover {
    color:#ff1500;
}
.program-page td span {
    font-weight:bold;
}

#formpoll{ width: 100%; max-width: 500px; margin: 0 auto; margin-bottom: 20px}
.poll-item{margin-top:10px; border-bottom: 1px solid #CCC; margin-bottom: 25px; padding-bottom: 10px; overflow: hidden; position: relative; z-index: 1}
.poll-item .bar{background-color:#CC0001; width:0; height:12px; float:left; font-size: 14px}
.poll-item .votes{float:left; font-size:10px; padding-left:3px; line-height:normal}
#formpoll span{ color: #FF0000}

.poll-home #formpoll{ max-width: 100%; background-color: #0a93fa; padding: 10px; font-family: 'Open Sans Condensed', sans-serif; box-sizing: border-box}
.poll-home strong{ font-size: 18px; color: #FFF}
.poll-home .poll-items{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; margin-bottom: 10px}
.poll-home .poll-item{ width: 49%; flex: 0 0 auto; background-color: #FFF; padding: 5px 10px; box-sizing: border-box; font-weight: 700; margin-bottom: 0; border: 0}
.poll-home .poll-item .bar{ position: absolute; left: 0; top: 0; height: 100%; z-index: -1; padding: 0; background-color: #f7f700}
.poll-home #formpoll span{ color: #FFF}
.poll-home .btn{ background-color: #ff8a65; border: 0}

/*------------------PAGINATION--------------------*/
.pagination { display: flex; flex-wrap: wrap; flex-direction: row; line-height: 40px; margin: 30px auto}
.pagination A{ background-color: #CCC; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; margin:4px;}
.pagination A:hover{background-color: #EBEBEB; text-decoration:none}
.pagination A.activ{ background-color: #FF0000; color: #FFF; font-weight: bold}

/*--------------  EMISIUNI -------------*/
.emisiuni H2 { font-size: 26px; text-transform: uppercase; padding-bottom: 0px}
.emisiuni H3 { font-size: 16px; padding-bottom: 10px}
.emisiuni span{ font-size: 14px; font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; color: #FF0000}

.letter-list{ display: flex; justify-content:space-between; margin: 20px 0px}
.letter-list LI A{ text-transform: uppercase; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; font-weight: bold}

.emisiune-header{ background-color: #273864; 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: 70%; }
.emisiune-header .icons{ flex: 0 0 auto; width: 30%; display: flex; justify-content: flex-end }
.emisiune-header .icons A{ flex: 0 0 auto; padding-left: 10px}
.emisiune-header .icons svg{ height: 25px; padding: 5px  15px; border-radius: 7px}
.emisiune-header a.antenaplay svg{ background-color: #000}
.emisiune-header a.facebook svg{ background-color: #4267b2}
.emisiune-header a.youtube svg{ background-color: #ff0000}

    /*----------------partners--------------*/
.partners{ padding-top: 40px; margin-top: 30px; position: relative}
.partners .head{ position: absolute; top: -60px;}
.partners.first{ padding-top: 0; margin-top: 0}
.partners.first .head{ position: relative; top: 0px; margin-bottom: 10px}

/*-----------------------------HARTA--------------------------*/
#harta path {
    fill: #FFF;
    fill-opacity: 1;
    stroke: #ccc;
}
#harta path.over {
    fill: #0a93fa;
    cursor: pointer;

}
#harta text {
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-anchor: middle;
    pointer-events: none;
    fill: #333;
}
text {
    pointer-events: none;
}

.prezenta-vot LI{padding: 10px; border-bottom: 1px solid #CCC}
.prezenta-vot LI span{ float: right; }

/* --------------------- SLIDEBOX-----------------------------  */
#slidebox{
    width:365px;
    /*height:167px;*/
	height:206px;
	z-index:1000;
    background-color:#fff;
   
    position:fixed;
    bottom:0px;
    right:-430px;
	-moz-box-shadow:-2px 0px 5px #aaa;
	-webkit-box-shadow:-2px 0px 5px #aaa;
	box-shadow:-2px 0px 5px #aaa;
}
#slidebox p, a.more{
    font-size:12px;
    
    font-family: 'Roboto';
    letter-spacing:1px;
    color:#555;
}
#slidebox a.more{
    cursor:pointer;
    color:#1e1e1e;
    letter-spacing: -0.5px;
}
#slidebox a.more:hover{
    text-decoration:underline;
}

#slidebox a.close{
    background:transparent url(https://www.antena3.ro/static/images/close2.png) no-repeat top left;
    width:16px;
    height:17px;
    position:absolute;
    cursor:pointer;
    top:12px;
    right:10px;
}

#slidebox .head{
    width:365px;
    height:42px;
    background-image: url(https://www.antena3.ro/static/images/header.jpg)
}

#slidebox .interior{
    padding-top:16px;
    padding-right:16px;
    padding-left:16px;
}

#slidebox .pop_foto{
    float:left;
    margin-right:13px;
    width: 121px;

}
#slidebox .interior .titlu{
    font-family: 'Roboto';
    font-weight: 700;
    font-size:15px;
    color:#1e1e1e;
    width:195px;
    float:left;
    overflow: hidden;
	text-align:left
}
#slidebox .interior .titlu a{
    text-decoration: none;
    color:#1e1e1e;
}
#slidebox .pop_foto img{
    margin-bottom:5px;
}

#minimized{
    position:fixed;
    bottom:-8px;
    right:0;
    cursor: pointer;
    display: none;
    -moz-box-shadow:-2px 0px 5px #aaa;
    -webkit-box-shadow:-2px 0px 5px #aaa;
    box-shadow:-2px 0px 5px #aaa;

}

/*------------------DIV OVER BOX EMAIL--------------------*/
#overlay{ width:100%; height:100%; background-color:#000; position:fixed; left:0px; top:0px; 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 {
border-radius: 5px;
color: #fff;
padding: 10px 30px;
background: #0a93fa;
text-align: center;
font-weight: bold;
display:inline-block;
}
.btn-black { background-color: #000}

/* NOTIFICATION */
.push-notification{ position:fixed; top:0px; z-index:200000; background-color:#FFF; padding:25px 10px; display:none; text-align:center; font-family:Roboto , Arial, Helvetica, sans-serif; width:500px; max-width: 100%; margin:0px auto; left:50%; -moz-box-shadow: 0px 0px 14px #000;	-webkit-box-shadow: 0px 0px 14px #000;	box-shadow: 0px 0px 14px #000; transform: translateX(-50%)}
.push-notification IMG{ vertical-align:middle}
.push-notification .close{ color:#008cff; text-transform:uppercase; text-decoration:none; font-size:13px; margin-right:10%}
.push-notification .close:hover{ color:#000}
.push-notification A.accept{ font-family:"Roboto"; text-decoration:none; padding:10px 20px; background-color:#0a93fa; border-radius: 3px; display: inline-block !important; color:#FFF; font-size:14px; margin-top:20px; font-weight:bold; text-transform:uppercase}
.push-notification A.accept:hover{ background-color:#008cff}

/* FOOTER */

footer {
    background-color: #ededed;
    padding: 20px 0px
}
.footer_copyright {
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
	color:#959595;
     flex: 1;
}
footer .wrap{ display: flex; flex-wrap: wrap}
.trusted-anpc img{ height: 50px}

/*---------SPLITER----------*/
.spliter { display: flex; flex-wrap: wrap;  margin: 0px -12px; margin-bottom: 0; box-sizing: border-box; justify-content: center}
.spliter .elements { flex: 0 0 auto; padding-left:12px; padding-right: 12px; box-sizing: border-box; float: left;}
section .wrap{ display: flex; flex-wrap: wrap; fle; justify-content: space-between }
main{ display: block; width: calc(100% - 360px); flex:0 0 auto; }
aside{ width: 360px; flex: 0 0 auto; box-sizing: border-box}
.marginbottom20{ margin-bottom: 20px}

/*---------HEAD----------*/
.head{ background-color: #0a93fa; font-family: 'Open Sans Condensed', sans-serif;  color: #FFF; display: flex; flex-wrap:wrap; height: 40px; z-index: 1}
.head STRONG, .head H2{ text-transform: uppercase; font-size: 18px; flex: 1; align-items:center; display: flex; padding: 0 10px}
.head a{ background-color: #007ec7; font-size: 13px; align-items:center; display:flex; padding: 0 10px}

.grey .bannerBox{ padding: 20px 0}
.bannerBox{ text-align: center; margin: 0 auto; margin-bottom: 20px; box-sizing: border-box; width: 100%; min-height: 250px; overflow: hidden }
.bannerGrey{ background-color: #EDEDED; text-align:center; margin: 0 auto; padding: 20px 0; display: block; width: 100%; box-sizing: border-box }
.bannerBox > DIV, .bannerGrey > DIV{  margin: 0 auto;}
.DAGInScrollInner .bannerBox{ overflow: initial}
.max600{ max-width: 600px}
.bH250{ min-height: 250px; margin-bottom: 20px; position: relative}
.bH600{ min-height: 600px; margin-bottom: 20px}
.bH400{ min-height: 400px; margin-bottom: 20px}

/*---------GALLERY----------*/
#gallery{ overflow: hidden; display: flex; flex-wrap: wrap}
#gallery MAIN{ text-align: center; height: calc(100vh - 60px); background-color: #202020; position: relative; }
#gallery MAIN .gallery-photo IMG { max-height: 100%; max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#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: 40px; height: 40px; line-height: 40px; font-size: 30px; text-align: center; right: 10px; top: 10px; background-color: #8d103c; border-radius: 300px; display: block; font-family: Arial; color: #FFF; font-weight: bold; z-index: 3 }
#gallery MAIN .close:hover{ text-decoration:none; background-color:#AD1349 }
#gallery ASIDE{  height: calc(100vh - 60px); background-color: #404040; padding-top: 20px; box-sizing: border-box }

#gallery MAIN{ display: flex; flex-direction: column}
.gallery-photo{ flex: 1; position: relative}
.gallery-photo H1{ background-color:rgba(0,0,0,.7); padding:5px; color:#fff; font-weight:normal; position: absolute; left: 50%; top: 10px; transform: translateX(-50%); font-size: 16px; line-height: 26px; z-index: 2; margin-bottom: 0}
.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: 10px }
.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}

#gallery .photo-prev{ left:10px;}
#gallery .photo-next{ right:10px; }
#gallery .photo-prev, .photo-next{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}

#utile{ margin-bottom: 15px}
#utile .head{ background-color: #FF0000;}
#utile article .thumb{ float: left; width: 25%; margin-right: 10px}
#utile img{ width: 100%}
#utile article .thumb::after{ padding-top: 130%}
#utile article{ padding: 10px; border:1px solid #DDD; overflow: hidden; position: relative}
#utile H2{ font-size: 18px; padding-bottom: 10px;}
#utile .btn{ background-color: #ff0000; position: absolute; left: 25%; bottom: 10px; margin-left: 15px}

.lazy{ background-image: none !important}
#ribbon{ display: none}



/*---------CNN----------*/
.cnn-menu{ background-image: url('/static/images/power_by_cnn2.png?v=4'); background-position: center bottom; background-repeat: no-repeat; padding-right: 46px}
.cnn-menu img{ height: 30px; display: block}
.cnn-menu.with-cnn{ background: none; padding-right: 10px}

.cnn-international{ position: absolute; left: 0; margin-top: 4px}
.cnn-international-white{ display: none !important;}

.focus-box.cnn{ background-color: #FFF;}
.focus-box.cnn .focus-head{ top: -10px}
.focus-box.cnn .wrap{ padding-top: 0}

.focus-box .focus-content li:nth-child(5) {height: 100%; width: 40%; padding-left: 2%}
.focus-box .focus-content li:nth-child(5) article{flex-direction: column;}
.focus-box .focus-content li:nth-child(5) article .thumb, .focus-box  .focus-content li:nth-child(5) article h2{ width: 100%}
.focus-box.white{ background-color: #FFF}

.special-box{ background-color:#f7f700; border: 1px solid #000; padding: 10px; margin-bottom: 15px}
.special-box-pm{ border: 1px solid #0062a3; padding: 10px; margin-bottom: 15px; color: #0062a3}

.cnn-eticheta::before{ background-image: url('/static/images/cnn.png'); background-repeat: no-repeat; background-size:contain; background-position: left center; content:''; width:21px; display: inline-block;  color: #FFF; text-transform: uppercase;   padding: 0 5px;  margin-right: 5px; height: 28px; vertical-align: middle; background-color: transparent }
.cnn-flex{ display: flex; flex-direction: column}

.news-hour-eticheta::before{ background-image: url('/static/images/cnn-news-hour.png'); background-repeat: no-repeat; background-size:contain; background-position: left center; content:''; width:50px; display: inline-block; color: #FFF; text-transform: uppercase;   padding: 0 5px;  margin-right: 5px; height: 26px; vertical-align: middle; background-color: transparent }

.news-hour, .cnn-hour-eticheta::before{ background-image: url('/static/images/cnn-news-hour.png'); background-repeat: no-repeat; background-size: contain; background-position: left center; content:''; width:135px; display: inline-block;   color: #FFF;        text-transform: uppercase;   padding: 0 5px;  margin-right: 5px; height: 57px; vertical-align: middle; background-color: transparent; position: relative; text-indent: -9999px; overflow: hidden; margin-bottom: 10px }
.main .cnn-eticheta{ min-height: 40px}
h1.cnn-eticheta::before{ width: 32px;  height: 35px;}
h1.news-hour-eticheta::before{ width: 68px;  height: 35px; }

.int-news{background-image: url('/static/images/international.svg'); background-repeat: no-repeat; background-position: left top; padding: 0;text-indent: -9999px; position: relative; overflow: hidden; width: 300px;  font-size: 52px; line-height: normal; background-color: transparent}


/*------------------------------QA-------------------------------------*/
.qa{ margin-bottom:32px; background-color: #f9f9f9; border: 2px solid #f9f9f9; box-shadow: 0 1px 5px 0 rgba(0,0,0,.15);  }
.qa .question{ font-weight:bold; font-size:16px; display:block; padding:10px 15px; cursor:pointer}
.qa .answer{ text-decoration: none;	font-weight: normal;	color:#000;	float:none;	display:none; padding:10px 15px; background-color:#FFF;}
.qa A.action{ color:#37a000; text-decoration: none;	font-weight: 700; display:block; cursor:pointer; padding:10px 15px; padding-top:0; padding-left: 32px; position: relative}
.qa A.action:before{content: "^";
    display: inline-block;
    width: 14px;
    height: 10px;
    font-family: Verdana;
    position: absolute;
    left: 15px;
    top: 7px;
    transform: rotate(-180deg);
}

.qa.activ .answer{ display:block}
.qa.activ A { padding-top:10px}
.qa.activ A span:first-child { display:none;}
.qa.activ A span:last-child { display:inline-block;}
.qa.activ A:before{transform: rotate(0deg); top:12px}

.textfield {
    border:1px solid #d2d2d2;
    border-radius:5px;
    box-shadow:inset 0 1px 5px rgba(72,72,72,0.15);
    width:474px;
    height:33px;
    margin-bottom:10px;
    color:#333;
    font-size:16px;
    padding:0 12px;
    max-width: 100%;
    box-sizing: border-box;
}
.dropdown {
    border:1px solid #d2d2d2;
    border-radius:5px;
    box-shadow:inset 0 1px 5px rgba(72,72,72,0.15);
    width:474px;
    height:33px;
    margin-bottom:10px;
    color:#333;
    font-size:12px;
    padding:0 12px;
    display:block;
    overflow:hidden;
    background-image:url(../images/motz-dropdown.png);
    background-position:right 15px;
    background-repeat:no-repeat;
}
.max-width980 .wrap{ max-width: 980px}
/*
@media all and (min-width: 1338px)  {
	NAV a{ display: block; order: 1; width: auto;}
	.burger{ display: none} 
}
@media all and (min-width: 1238px) and (max-width: 1337px)  {
	NAV a{ display: block; order: 1; width: auto;}
	NAV a:nth-last-child(4), NAV a:nth-last-child(5), NAV a:nth-last-child(6){ display: none; width: 100%; padding-right: 251px; order: 3; text-align: right; background-color: #0a93fa}
}

@media all and  (min-width: 1138px) and (max-width: 1237px) {
	NAV a{ display: block; order: 1; width: auto;} 
	NAV a:nth-last-child(4), NAV a:nth-last-child(5), NAV a:nth-last-child(6), NAV a:nth-last-child(7), NAV a:nth-last-child(8){ display: none; order: 3; width: 100%; padding-right: 251px; text-align: right; background-color: #0a93fa}
}

@media all and  (min-width: 984px) and (max-width: 1137px) {
    NAV a{ display: block; order: 1; width: auto;}
    NAV a:nth-last-child(4), NAV a:nth-last-child(5), NAV a:nth-last-child(6), NAV a:nth-last-child(7), NAV a:nth-last-child(8),NAV a:nth-last-child(9), NAV a:nth-last-child(10){ display: none; order: 3; width: 100%; padding-right: 251px; text-align: right; background-color: #0a93fa}
}

@media all and  (min-width: 769px) and (max-width: 983px) {
    NAV a{ display: block; order: 1; width: auto;}
    NAV a:nth-last-child(4), NAV a:nth-last-child(5), NAV a:nth-last-child(6), NAV a:nth-last-child(7), NAV a:nth-last-child(8),NAV a:nth-last-child(9), NAV a:nth-last-child(10), NAV a:nth-last-child(11), NAV a:nth-last-child(12){ display: none; order: 3; width: 100%; padding-right: 251px; text-align: right; background-color: #0a93fa}
}
*/

.nomargin{ margin: 0}
.margintop20{ margin-top: 20px}
.fullpage{ height: calc(100vh - 190px); box-sizing: border-box; display: flex; align-items: center}
.contact{ font-size: 20px; font-weight: bold; margin-bottom: 20px; line-height: 30px  }
.contact a{ color:#008cff}

.best-bet-home{ background-color:#ffb91d; margin-top: 0px}
.best-bet-home .wrap{ display: flex; padding-top: 20px !important; padding-bottom: 20px !important;}
.best-bet-home .wrap .logos{ flex: 0 0 auto;width: 300px; display: flex; flex-direction: column; box-sizing: border-box; padding-right: 15px}
.best-bet-home .wrap .focus-content{ flex: 1; flex-direction: row; width: auto; height: auto; padding-right: 15px}
.best-bet-home .focus-content LI{ width: 48%; padding: 0; height: auto; display: block !important; }
.best-bet-home ARTICLE{ flex-direction: column; background-color: transparent !important; }
.best-bet-home ARTICLE .thumb, .best-bet-home ARTICLE  H2{ width: 100%}
.best-bet-home .focus-content LI A{ font-size: 16px}
.best-bet-home .focus-content ARTICLE H2{ padding: 10px 0}
.best-bet-home .wrap .banner{ flex: 0 0 auto; width: 300px;}
.best-bet-home .bet-bet-logo{ flex: 0 0 auto; background-repeat: no-repeat; background-image: url("../images/best-bet.png"); text-indent: -9999px; overflow: hidden; background-size: contain; display: block; width: 100%; height: 200px}
.best-bet-home .mozzart{ flex: 0 0 auto; margin-top: 15px; display: flex; align-items:flex-end; justify-content: flex-end; font-size: 14px}
.best-bet-home .mozzart span, .best-bet-home .mozzart a{ flex:  0 0 auto; width: auto}
.best-bet-home .mozzart span{ padding-right: 10px}
.best-bet-home .mozzart img{ width: 115px}

.focus-ND-home{ background-color:#0038b8; margin-top: 0}
.focus-ND-home .wrap{ display: flex; padding-top: 20px !important; padding-bottom: 20px !important;}
.focus-ND-home .wrap .logos{ flex: 0 0 auto;width: 300px; display: flex; flex-direction: column; box-sizing: border-box; padding-right: 15px}
.focus-ND-home .wrap .focus-content{ flex: 1; flex-direction: row; width: auto; height: auto; padding-right: 15px}
.focus-ND-home .focus-content LI{ width: 32%; padding: 0; height: auto; display: block !important; }
.focus-ND-home ARTICLE{ flex-direction: column; background-color: transparent !important; }
.focus-ND-home ARTICLE .thumb, .focus-ND-home ARTICLE  H2{ width: 100%}
.focus-ND-home .focus-content LI A{ font-size: 16px; color: #FFF}
.focus-ND-home .focus-content ARTICLE H2{ padding: 10px 0}

.focus-ND-home .bet-bet-logo{ flex: 0 0 auto; background-repeat: no-repeat; background-image: url("../images/zi-nationala-israel-269h.jpg"); text-indent: -9999px; overflow: hidden; background-size: contain; display: block; width: 100%; height: 260px; background-color: #eeeff3; background-position: center}
.focus-ND-home .power{ flex: 0 0 auto; margin-top: 0; display: flex; align-items:flex-end; justify-content: center; font-size: 14px; background-color: #eeeff3; padding: 10px}
.focus-ND-home .power span, .focus-ND-home .power a{ flex:  0 0 auto; width: auto}
.focus-ND-home .power span{ padding-right: 10px}
.focus-ND-home .power img{ width: 115px}

.focus-ND-home.america{ background-color:#ac000b; margin-top: 0}
.focus-ND-home.america .bet-bet-logo{  background-image: url("../images/USA_Widget.jpg");}

.focus-ND-home.franta{ background-color:#0027d7; margin-top: 0}
.focus-ND-home.franta .bet-bet-logo{  background-image: url("../images/ZiNationala_Franta_Widget.png");}

.focus-ND-home.philip-moris{ background-color:#0062a3; margin-top: 0}
.focus-ND-home.philip-moris .focus-content LI{ width: 31%; }
.focus-ND-home.philip-moris .bet-bet-logo{  background-image: url("../images/Proiect-Inovatie.jpg"); background-color: #FFF}

.best-bet{ display: flex;  align-items: center; flex-direction: row}
.best-bet .col-left{ flex: 1}
.best-bet .col-left { background-repeat: no-repeat; background-image: url("../images/best-bet.png"); padding-left: 120px; box-sizing: border-box; background-position: left 7px; background-size: 100px auto }
.best-bet .mozzart{ flex: 0 0 auto; width: 275px;  display: flex; align-items:flex-end; font-size: 14px; box-sizing: border-box;
   }
.best-bet .mozzart span{ padding-right: 10px}
.best-bet .mozzart span, .best-bet .mozzart a{ flex: 0 0 auto; box-sizing: border-box; width: 50% }
.best-bet .mozzart a{ padding: 10px; display: block; box-sizing: border-box; background-color:#ffb91d;}
.best-bet .mozzart img{ width: 100%}

.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: #000; display: block; line-height: 16px}

.focus-title,.focus-more{ display: none}

@media all and  (min-width: 1300px) {
    NAV a{ display: block; }
    .header-new NAV a:nth-last-child(4), .header-new NAV a:nth-last-child(5){ display: none}
    .header-new .burger{ display: none}

    .header-new.submenu NAV A{ display: none}
    .header-new.submenu NAV A#more{ display: block}
}

@media all and  (min-width: 701px) {
    .mobile_only{ display:none !important}
    .mobile_only_v{ visibility: hidden  !important}
    NAV{ position: absolute; right: 300px; top: 9px}
    #preview-video{position:absolute; top: 0; right:0; width: 300px;}
    #logo{ width: 130px; height: 50px;}
}
@media all and  (min-width: 769px) {
    #logo{ left: 0 }
    .cnn-flex{ flex-direction: row}
}
@media all and  (max-width: 768px) {
	.opinii-left{ width: 100%;}
	.opinii-right{ display: none}
	.deschidere .spliter .elements{ width: 100% !important}
	#slider-emisiuni .owl-dots button{ font-size: 17px}

	#menu-top{ order:2; flex-wrap: wrap; background-color: #0a93fa; justify-content: center; height: auto}
	#menu-top LI:first-child{display: none !important}
	#header.search #menu-top LI:first-child{display: block !important; width: 100%; padding: 30px}

	#menu-top LI{ width: 50%; text-align: center; display: none}
	#menu-top LI A{ color: #fff}
	NAV{ height: auto}

    #video_menu{ order: 3; width: 50%; display: none; background-color: transparent}
	#search{ display: block; }
    #header.active a#search { display: block;}
	.articol .body{ padding-left:0px ;}
	#opinii_sidebar{ display: none;}

    /*----------HOMEPAGE OPINII-------------*/
    .opinii-left LI{ width: 100%; padding: 0px; padding-left: 50px}

    #slidebox, #minimized{ display: none !important}
    .spliter .elements.ipad100{ float:none; width:100% !important; }

    .header-new .wrap{ padding: 0}
    .header-new NAV #search{ order: 2}

    #submenu{ padding: 12px}
    #submenu .submenu-item{ flex: 0 0 auto; width: 100%}
    #submenu .submenu-item LI{ display: inline-block; }
    #submenu .submenu-item LI a{border-right: 1px solid #FFF; padding-right: 10px; margin-right: 10px}
    article.main b{ font-size: 22px}
}

@media screen and (max-width: 700px) {
	body{ padding-top: 61px}
    body.body-new{ padding-top: 108px}
	h1{ font-size: 28px; line-height: 32px;margin-bottom: 5px}
	#live B{ display: none}
    article A{ font-size: 18px}
    .ultima-ora article A{ font-size: 18px}
    .header-new .wrap{flex-direction: row;}
	.owl-carousel{ display: block}
	.demand-supply__sd{ display: none}
	.desktop_only{ display:none !important}
	.desktop_only_v{ visibility: hidden  !important}
   	.spliter .elements{ float:none; width:100% !important; }
    main{ width: 100%; float:none; margin-bottom: 20px}
    aside{ width: 100%; float: none; margin-bottom: 20px}
	
	article.main .thumb{ margin-left: -12px; margin-right: -12px}
	article.main .thumb span{ padding: 3px 12px; font-size: 26px}
    article.main .thumb::after{ padding-top: 61%;}

	/*----------METEO-------------*/
	.meteo {background-color: #FFF; margin-bottom: 15px; padding-bottom: 10px}
	.meteo article{align-items:flex-start; padding:0px 10px;}
	.meteo article .thumb{ margin-top: 3px}
	.meteo article A{padding-bottom: 20px}
	.meteo article .date{left:calc(30% + 15px);}
    .meteo{ padding-top: 50px}
	
	/*----------OPINII-------------*/
	.opinii .focus-head{ top:0px;}
	.opinii .wrap{ padding-top: 20px}
	.opinii-left{ width: 100%; padding-top: 50px}
	.opinii-left LI{ width: 100%; padding: 0px; padding-left: 50px}

	
	/*----------SLIDER EMISIUNI----------*/
	#slider-emisiuni .wrap{ padding-top: 0px;}
	#slider-emisiuni .owl-carousel{ display: flex; flex-wrap: nowrap; overflow-x: scroll; margin: 0px -6px; width: auto; padding: 10px 0px}
	#slider-emisiuni .owl-carousel .item{ flex: 0 0 auto; width: 70%; background-image:none !important; padding: 0px 6px; box-sizing: border-box; position: relative; padding-top: 34px}
	#slider-emisiuni BUTTON{ position: absolute; left: 6px; top: 0px; font-family: 'Open Sans Condensed', sans-serif;border: 0px;font-size: 20px;font-weight: bold;padding: 5px 10px; text-transform: uppercase; background-color: #ff1500; color: #FFF;}
	#slider-emisiuni .focus-content{ flex: 1}
	#slider-emisiuni .focus-content LI{ height: 100%;}
    #slider-emisiuni .item{ display: flex; flex-direction: column}
    #slider-emisiuni .item > a{ height: 30px; overflow: hidden; font-size: 13px}
	
	.focus-content{ display: block; width: auto; height: auto}
	.focus-content LI:first-child{ display: block; width: auto; height: auto; padding: 0px; }
	.focus-content LI{ display: none;}
	.focus-content LI:first-child A{ font-size: 16px; padding: 0px 10px 30px 10px}

    .cols2, .cols3, .cols4{}
    .cols2 LI, .cols3 LI, .cols4 LI{ width: 100% }
	
	.cols2 LI article,				.cols4 LI article{ display: flex; align-items:flex-start}
	.cols2 LI article .thumb,		.cols4 LI article .thumb{ flex: 0 0 auto; width: 30%; margin: 0; margin-top: 3px;}
    .cols2 LI article .thumb::after,		.cols4 LI article .thumb::after{ padding-top: 75%}
    .cols2 LI article A,			.cols4 LI article A{ flex: 0 0 auto; width: 70%; padding: 0 10px; }
	.cols2 LI article H2,			.cols4 LI article H2{ flex: 0 0 auto; width: 70%; padding: 0 10px; }
    .cols2 LI article H2 A,         .cols4 LI article H2 A{ flex: 0 0 auto; width: 100%; padding: 0; }

	.cols2 LI article .categ_name,	.cols4 LI article .categ_name{left:calc(30% + 10px);}

    .videos LI article, .partners LI article,	 .cols2 LI:nth-of-type(1) article, 				.cols4 LI:nth-of-type(4n) article{ display: block; align-items:flex-start}
    .videos LI article .thumb, .partners LI article .thumb,	 .cols2 LI:nth-of-type(1) article .thumb, 		.cols4 LI:nth-of-type(4n) article .thumb{ width: 100%; margin-bottom: 3px}
    .videos LI article .thumb::after, .partners LI article .thumb::after, .cols2 LI:nth-of-type(1) article .thumb::after, 		.cols4 LI:nth-of-type(4n) article .thumb::after{ padding-top: 56.25%}
    .videos LI article A, .cols2 LI:nth-of-type(1) article A,     .cols4 LI:nth-of-type(4n) article A{ width: 100%; font-size: 20px}
    .videos LI article h2, .cols2 LI:nth-of-type(1) article h2,     .cols4 LI:nth-of-type(4n) article h2{padding: 0; width: 100%; font-size: 20px}
    .videos LI article h2 A,  .cols2 LI:nth-of-type(1) article h2 A,      .cols4 LI:nth-of-type(4n) article h2 A{padding: 0; width: 100%;}
	.partners LI article .categ_name,	.cols2 LI:nth-of-type(1) article .categ_name, 	.cols4 LI:nth-of-type(4n) article .categ_name{ left:0px;}
    .partners LI article A{ width: 100%; padding-left: 0; padding-right: 0}
    .partners a{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4; /* number of lines to show */
        -webkit-box-orient: vertical;
        padding: 0;
        padding-bottom: 0 !important;
    }
	.partners LI{ width: 50%}
	.partners article A{ font-size: 16px !important}
	
	.h-scroll{ overflow-x: auto; flex-wrap: nowrap; margin-bottom: 20px; padding: 20px 0px 20px 12px; background-color: #ededed }
	.h-scroll LI{ width: 45%; margin-bottom: 0px; padding: 0px; padding-right: 12px }

    /*----------VIDEO-------------*/
    .videos .h-scroll{ background-color: transparent}
    .videos .cols2 LI article A{ padding-left: 60px !important; font-size: 16px}
    .videos .h-scroll LI{ width: 70%}
    
	.topviews article .date{ left: 70px}
	
	/*----------stirile zilei-------------*/
	.stirile-zilei{ margin-bottom: 20px; margin-top: 30px}
	.stirile-zilei .wrap{ overflow: visible; display: block; height: auto}
	.stirile-zilei .head{ position: absolute; top: -30px; white-space: nowrap; width: auto; height: 40px}
	.stirile-zilei .carousel{ width: auto;  margin: 0px -12px; }
	.stirile-zilei .owl-carousel{ display: flex; flex-wrap: nowrap;  overflow-x: auto; padding: 20px 0px 20px 12px; box-sizing: border-box}
	.stirile-zilei .owl-carousel article{ width: 45%; flex:  0 0 auto; padding:0px; padding-right: 12px;}
	
	.focus-box, .focus-box .wrap{ background-image: none !important}
	.focus-box .wrap{ padding-bottom:30px; padding-top: 40px }
	.focus-head{ font-size:23px; padding: 5px 10px; top: -20px}
	.focus-head EM{ padding-left: 10px; font-size: 16px;}
	
	/*----------ARTICOL-------------*/
	.articol .poza-articol{margin:0 -12px; margin-bottom: 15px}
	.articol P.sapou{ font-size: 18px;}
	.autor-ora-comentarii{ margin-bottom: 10px;}
	.read_more{ padding: 0px; margin: 0px -12px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC}
	.read_more article{ padding: 10px} 
	.read_more article .thumb{ width: 30%; margin-bottom: 0px}
	.read_more article A{ width: 100%; margin-bottom: 0 !important; line-height: normal;padding-right: 0;}
	

	.section #SC_TBlock_104850_recreative.wrapperAddBlock .containerAddBlock .itemAddBlock{ width: 50% !important; overflow: hidden; display: inline-block}
	.social{ width: 100%;}
	.bara_social{ display: none}
	
	.push-notification{ bottom: 0; top: auto}

    #gallery{}
    #gallery main{ height: 500px; margin-bottom: 0}
    #gallery aside{ height: auto;}
    #gallery main .social{ position: fixed; left: auto; top: auto}
    .gallery-photo{  display: flex; flex-direction: column}
    .gallery-photo H1{ position: relative; transform: none; left: 0; top: 0}
    .gallery-photo-container{ flex: 1; position: relative}

    .bannerGrey{ padding: 20px}

    .bH400{ min-height: 250px; height: 250px; margin-bottom: 20px; overflow: hidden}
    #menu-top .camp-cautare input{ font-size: 20px}

    .sticky-video{ right: 0; top: 51px; width: 100%;  }
    #playerHolder .close, .ivmWrapper .close{ bottom: -35px; border-radius: unset; top: auto; right: 0}

    .emisiune-header .text-icons .text{  width: 100%; margin-bottom: 15px }
    .emisiune-header .icons{  width: 100%;}

    /*----------------CNN-----------------*/
    .focus-box.cnn{ margin: 0}
    .focus-box.cnn .wrap{ padding-top: 0; padding-bottom: 0}
    .focus-box .logo-cnn{font-size:27px; background-size: contain; padding: 16px 74px 15px 0; position: relative; display: inline-block; top: 0; margin-bottom: 10px }

    .best-bet-home .wrap{ flex-direction: column}
    .best-bet-home .wrap .logos{ width: 100%; margin-bottom: 15px; padding-right: 0}
    .best-bet-home .wrap .focus-content{ padding-right: 0}
    .best-bet-home .focus-content LI{ width: 100%}
    .best-bet-home .mozzart img{ width: 90px}

    .focus-ND-home .wrap{ flex-direction: column}
    .focus-ND-home .wrap .logos{ width: 100%; margin-bottom: 15px; padding-right: 0}
    .focus-ND-home .wrap .focus-content{ padding-right: 0}
    .focus-ND-home .focus-content LI{ width: 100% !important;}
    .focus-ND-home .power img{ width: 90px}


    .best-bet{ flex-direction: column; margin-left: -12px; margin-right: -12px}
    .best-bet .mozzart{ width: 100%; background-color: #ffb91d; padding: 10px; justify-content: flex-end }
    .best-bet .mozzart a{ padding: 0}
    .best-bet .col-left{ padding-right: 10px}
    .best-bet .mozzart img{ width: 90px}
    .best-bet .mozzart span, .best-bet .mozzart a{ width: auto}
    .trusted-anpc{ text-align: center; margin-top: 20px}

}

@media screen and (max-width: 415px) {
    #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: 35px; height: 35px;z-index: 10001; position: absolute; right: 0; top: -35px; font-size: 30px; text-align: center; color: #FFF; cursor: pointer}
    .bH250{ margin-left: -12px; margin-right: -12px}
}

.clear{clear:both; margin:0 !important; padding:0 !important; border:0 none !important; line-height:0 !important; height:0 !important; font-size:0 !important}