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