/*********************
0- Body
1- Header
2- Main Menu
3- Content
4- Footer
*********************/
/*********************
0- Body
*********************/
@font-face {
font-family: "DIN-Expert";
src: url('../fonts/din/FF_DIN_Condensed_Regular_Expert.otf') format("truetype");
}
@font-face {
font-family: "DIN-Regular";
src: url('../fonts/din/FF_DIN_Condensed_Regular.otf') format("truetype");
}
@font-face {
font-family: "DIN-Medium";
src: url('../fonts/din/FF_DIN_Condensed_Medium.otf') format("truetype");
}
@font-face {
font-family: "DIN-Light";
src: url('../fonts/din/FF_DIN_Condensed_Light.otf') format("truetype");
}
@font-face {
font-family: "DIN-Bold";
src: url('../fonts/din/FF_DIN_Condensed_Bold.otf') format("truetype");
}
@font-face {
font-family: "DIN-Bold-Alternate";
src: url('../fonts/din/FF_DIN_Condensed_Bold_Alternate.otf') format("truetype");
}
@font-face {
font-family: "DIN-Black";
src: url('../fonts/din/FF_DIN_Condensed_Black.otf') format("truetype");
}
body, html { overflow-x:hidden; }
#body{
width : 100%;
overflow-x : hidden;
background : #fff;
padding : 0px;
margin : 0px;
}
#body.inner{
/* skin styling
background-image: url(/app/assets/img/background-skin/left3.jpg), url(/app/assets/img/background-skin/right3.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-size: calc( 50vw - 535px ), calc( 50vw - 535px );
background-position: left 45px, right 45px;*/
}
section{
max-width : 1050px;
margin : 0 auto;
}
h1, h2, h3, h4, h5, h6, p, div, span, a{
font-family : "DIN-Regular";
}
.hidden-mobile{
display: block;
}
.hidden-desktop{
display: none !important;
}
/**********************
/Body
***********************/
/*********************
1- Top-Bar
*********************/
#top-bar{
background-color : #15bece;
width : 100%;
height : 45px;
}
#top-bar .inner{
max-width : 1050px;
margin : 0 auto;
width : 100%;
height : 100%;
}
#top-bar .left{
width : calc(100% - 140px);
float : left;
}
#top-bar .right{
width : 110px;
float : right;
margin : 15px;
}
#top-bar .right ul{
float : right;
}
#top-bar .right ul li{
padding : 0px 3px;
}
#top-bar ul{
padding : 0;
margin-top : 0px;
margin-bottom : 0px;
list-style-type : none;
line-height : 43px;
}
#top-bar ul li {
float : left;
color : #fff;
}
#top-bar ul li a{
color : #fff;
}
#top-bar ul li a:hover {
color : #000;
}
.submenu-container:hover .top-bar-menu-submenu{
display : inline;
}
.top-bar-menu-submenu{
display : none;
position : absolute;
background-color : #15bece;
min-width : 160px;
box-shadow : 0px 8px 16px 0px rgba(0,0,0,0.2);
padding : 12px 16px;
z-index : 1;
}
#top-bar .left{
display: none;
}
#top-bar .center{
display: none;
height: 100%;
float: left;
background-color: white;
padding-right: 5px;
margin-left: 177px;
}
#top-bar .center ul{
height: 100%;
}
#top-bar .center ul li{
margin-left:5px;
height: 100%;
}
#top-bar .center ul li:nth-child(1){
background-color: #af4a8b;
}
/*
#top-bar .center ul li:nth-child(2){
background-color: #283c92;
}
*/
#top-bar .center ul li:nth-child(2){
background-color: #3eb64b;
}
#top-bar .center ul li:nth-child(3){
background-color: #241f20;
}
#top-bar .center ul li img{
width: 175px;
height: 100%;
float: left;
object-fit: cover;
}
.bottom-menu .bottom-menu-submenu{
display: none;
}
.bottom-menu > li:hover > .bottom-menu-submenu{
display: block;
}
.bottom-menu > li{
position: relative;
}
.bottom-menu > li > .bottom-menu-submenu{
position: absolute;
background-color: #14bece;
z-index: 1000;
right: 10px;
padding: 4px !important;
top: 0;
border-radius: 5px;
box-shadow: 0 0 12px #0000007a;
}
.bottom-menu > li > .bottom-menu-submenu a{
color: #fff !important;
}
/*********************
1- Header
*********************/
section#header{
position : relative;
height : 90px;
}
section .header{
display: block;
width: 100%;
}
section#menu{
position : relative;
}
section#header .header-logo{
width : 30%;
display : block;
float : left;
}
section#header .header-logo img{
}
#header-banner{
width : 70%;
float : left;
}
/*********************
/Header
*********************/
/*********************
2- Main Menu
*********************/
#main-menu{
border-top : 1px solid #15bece;
border-bottom : 3px solid #15bece;
}
.desktop-main-menu a{
font-size : 29px;
font-family : "DIN-Medium";
text-decoration : none;
line-height : 25px;
padding-bottom:15px;
padding-left:12px;
padding-right:13px;
padding-top:17px;
}
.desktop-main-menu a.active{
/* color: #15bece !important;
background-color: initial !important; */
}
body.in-news #main-menu a.active{
/* background : #ed1d25 !important; */
background : #000 !important;
color : #FFF !important;
}
.in-news-page .top-bar-menu-submenu {
/* background : #ed1d25 !important; */
background : #000 !important;
}
.in-news-page #header > .header {
/*background : #ed1d25 !important; */
}
.in-news-page #top-bar {
/* background : #ed1d25 !important; */
background : #000 !important;
}
.in-news-page #main-menu {
/*border-top : unset !important; */
}
.in-news-page #header > .header img{
/*margin-top : 2px; */
height : 135px;
vertical-align : middle;
}
.in-news-page #header {
padding : 1px 0px;
opacity : 0;
}
.in-life-page #header {
padding : 1px 0px;
opacity : 0;
}
.in-smart-page #header {
padding : 1px 0px;
opacity : 0;
}
.in-sport-page #header {
padding : 1px 0px;
opacity : 0;
}
.in-news-page #main-menu {
opacity : 0;
}
.in-life-page #main-menu {
opacity : 0;
}
.in-smart-page #main-menu {
opacity : 0;
}
.in-sport-page #main-menu {
opacity : 0;
}
.in-sport-page section#header {
height : 141px;
}
.in-news-page .header-logo > a > img{
height : 141px !important;
}
.in-news-page .topnav a.active {
background-color: #000;
color: #fff;
}
.in-news-page #desktop-search{
background-color: #000;
}
.in-news-page #main-menu {
border-top: 1px solid #000;
border-bottom: 3px solid #000;
}
body.in-news-page .left-menu a:hover{
color: #000;
}
.in-news-page h3#article-title {
color : #000 !important;
}
.in-life-page h3#article-title {
color : #af4a8a !important;
}
.in-sport-page h3#article-title {
color : #3fb64b !important;
}
.in-smart-page h3#article-title {
color : #283c92 !important;
}
body.in-news-page .modal-content .keyword{
border-bottom: 2px solid #000;
}
.in-news-page #article-container #article-title {
border-bottom : 3px solid #000 !important;
}
.in-life-page #article-container #article-title {
border-bottom : 3px solid #af4a8a !important;
}
.in-sport-page #article-container #article-title {
border-bottom : 3px solid #3fb64b !important;
}
.in-smart-page #article-container #article-title {
border-bottom : 3px solid #283c92 !important;
}
body.in-life-page #main-menu a.active{
background-color : #af4a8a;
color : #FFF !important;
}
body.in-life-page #top-bar{
background : #af4a8a !important;
}
body.in-life-page #main-menu {
border-top: 1px solid #af4a8a;
border-bottom: 3px solid #af4a8a;
}
body.in-life-page #desktop-search {
background-color: #af4a8a;
}
body.in-life-page #load-more-button {
background: #af4a8a;
}
body.in-life-page .top-bar-menu-submenu {
background-color: #af4a8a;
}
body.in-life-page .modal-content .keyword {
border-bottom: 2px solid #af4a8a;
}
body.in-life-page .header-logo > a > img {
height: 141px !important;
}
body.in-life-page #header {
padding: 1px 0px;
}
body.in-life-page .category-item h2:hover{
color: #af4a8a;
}
body.in-life-page .left-menu a:hover{
color: #af4a8a;
}
body.in-life-page .pulse-menu {
background: #af4a8a;
color: white !important;
}
body.in-smart-page #main-menu a.active{
background-color : #283c92;
color : #FFF !important;
}
body.in-smart-page #top-bar{
background : #283c92 !important;
}
body.in-smart-page #main-menu {
border-top: 1px solid #283c92;
border-bottom: 3px solid #283c92;
}
body.in-smart-page #desktop-search {
background-color: #283c92;
}
body.in-smart-page #load-more-button {
background: #283c92;
}
body.in-smart-page .top-bar-menu-submenu {
background-color: #283c92;
}
body.in-smart-page .modal-content .keyword {
border-bottom: 2px solid #283c92;
}
body.in-smart-page .header-logo > a > img {
height: 141px !important;
}
body.in-smart-page #header {
padding: 1px 0px;
}
body.in-smart-page .category-item h2:hover{
color: #283c92;
}
body.in-smart-page .left-menu a:hover{
color: #283c92;
}
body.in-smart-page .pulse-menu {
background: #283c92;
color: white !important;
}
body.in-sport-page #main-menu a.active{
background-color : #3fb64b;
color : #FFF !important;
}
body.in-sport-page #top-bar{
background : #3fb64b !important;
}
body.in-sport-page #main-menu {
border-top: 1px solid #3fb64b;
border-bottom: 3px solid #3fb64b;
}
body.in-sport-page #desktop-search {
background-color: #3fb64b;
}
body.in-sport-page #load-more-button {
background: #3fb64b;
margin-top: 20px;
}
body.in-sport-page .top-bar-menu-submenu {
background-color: #3fb64b;
}
body.in-sport-page .modal-content .keyword {
border-bottom: 2px solid #3fb64b;
}
body.in-sport-page .header-logo > a > img {
height: 141px !important;
}
body.in-sport-page #header {
padding: 1px 0px;
}
body.in-sport-page .category-item h2:hover{
color: #3fb64b;
}
body.in-sport-page .left-menu a:hover{
color: #3fb64b;
}
body.in-sport-page .pulse-menu {
background: #3fb64b;
color: white !important;
}
.show-only-in-life{
display: none;
}
body.in-life-page .show-only-in-life{
display: block;
}
.show-only-in-news{
display: none;
}
body.in-news-page .show-only-in-news{
display: block;
}
.show-only-in-sport{
display: none;
}
body.in-sport-page .show-only-in-sport{
display: block;
}
.hidden-in-smart{
display: none !important;
}
.show-only-in-smart{
display: none;
}
body.in-smart-page .show-only-in-smart{
display: block;
}
.in-smart-page [data-banner="494"] {
display: none;
}
#menu-flash-news {
text-align : center;
height : 141px;
position : relative;
width : 100%;
}
#menu-flash-news a{
}
#menu-flash-news a.news-item{
display : inline-block;
font-size : 30px;
text-overflow : ellipsis;
width : 80%;
white-space : nowrap;
overflow : hidden;
/* color : #ed1d25 !important; */
color : #000 !important;
text-decoration : unset;
line-height : 137px;
}
#menu-flash-news > a.previews{
font-size : 28px;
/* color : #ed1d25 !important; */
color : #000 !important;
text-decoration : unset;
position : absolute;
left : 0px;
top : 51px;
}
#menu-flash-news > a.next{
font-size : 28px;
/* color : #ed1d25 !important; */
color : #000 !important;
text-decoration : unset;
position : absolute;
right : 0px;
top : 51px;
}
.desktop-top-menu a{
font-family : "DIN-Medium";
font-size : 20px!important;
text-decoration : none;
padding : 10px 5px 8px;
}
.fixed-menu{
position : fixed;
top : 0px;
z-index : 10;
background : white;
max-width : 1050px;
display : block !important;
}
#header {
padding : 25px 0px;
}
#header > .header{
height: 100%;
}
#header-banner {
height: 100%;
display: flex;
align-items: center;
}
.header-logo > a > img{
height : 103px !important;
}
#desktop-search{
background-color : #15bece;
cursor : pointer;
line-height : 33px;
width : 32px;
}
.mobile-right-components{
position : absolute;
right : 14px;
top : 2px;
display : none;
}
div.main-menu-container{
display : inline-block;
width : 100%;
}
div.main-menu-container > ul.main-menu{
list-style-type : none;
margin : 0;
padding : 0;
overflow : hidden;
background-color : #c4161c;
}
div.main-menu-container > ul.main-menu > li {
float : left;
}
div.main-menu-container > ul.main-menu > li a {
display : block;
color : white;
text-align : center;
padding : 14px 16px;
font-size : 16px;
text-decoration : none;
text-transform : uppercase;
font-weight : bold;
}
div.main-menu-container > ul.main-menu > li.active a {
background-color : rgba(17, 17, 17, 0.37);
}
div.main-menu-container > ul.main-menu > li a:hover {
background-color : rgba(17, 17, 17, 0.37);
}
.topnav {
overflow : hidden;
}
.topnav a {
float : left;
display : block;
color : #000;
text-align : center;
transition : background-color 350ms
}
.topnav a.active{
color : #15bece;
}
.topnav a:hover {
background : rgba(0, 0, 0, 0.1);
}
.topnav .icon {
display : none;
}
#mobile-search {
display : none;
}
.canvas-toggle-container{
display: inline-block;
}
.canvas-toggle-container .canvas-toggle:hover{
background : rgba(0, 0, 0, 0.44);
}
.canvas-toggle-container .canvas-toggle{
cursor : pointer;
width : 31px;
height : 18px;
background : rgba(0, 0, 0, 0.3);
border : 0;
padding : 11px 6px;
}
.canvas-toggle .bar1,.bar2,.bar3{
width : 18px;
height : 2px;
background-color : #fff;
margin : 3px 6px;
transition : 0.4s;
}
body.body-loaded{
transition : margin-left 0.5s;
}
#body.left-menu-opened{
margin-left : 230px;
}
.left-menu{
transition : all 0.5s;
position : absolute;
z-index : 2;
left : -230px;
width : 230px;
}
.left-menu-opened .left-menu{
left : 0;
top : 0;
bottom : 0;
}
.menu-page-overview{
transition : all 0.5s;
background-color : rgba(45, 45, 45, 0);
position : fixed;
left : 0;
}
.left-menu-opened .menu-page-overview{
top : 0;
left : 230px;
right : 0;
bottom : 0;
z-index : 2;
background-color : rgba(45, 45, 45, 0.6);
}
.left-menu .inner-container{
padding : 10px;
}
.left-menu a:hover, .left-menu a:focus{
color : #1d6fa5;
}
.left-menu a.active{
color : #15bece;
}
.left-menu a{
display : block;
text-decoration : none;
color : #333333;
padding : 5px 10px;
font-family : "DIN-Medium";
font-size : 22px;
font-weight : 700;
}
.facebook-live-video iframe{
width : 100% !important;
}
.facebook-live-video:before{
content : "LIVE";
padding : 0px 30px;
background : #16bece;
cursor : pointer;
box-shadow : 0 0 0 rgb(22, 190, 206);
animation : pulse 2s infinite;
color : white;
border-radius : 1px;
font-size : 28px;
margin : 0 auto;
display : table;
margin-bottom : 15px;
}
/*********************
/Main Menu
*********************/
/*********************
3- Content
*********************/
#innerpage-container .content-container{
float : left;
width : calc( 100% - 310px );
}
section .main-body div.main-body-sidebar{
text-align : center;
width : 310px;
float : left;
}
section#main-body{
border-radius: 0 0 8px 8px;
position: relative;
z-index: 1;
}
section .main-body{
border-radius : 0 0 8px 8px;
display: inline-block;
width: 100%;
}
section .main-body .main-body-container{
width : 100%;
}
section .main-body > div.main-body-components{
/* width : 66%;
float : left; */
}
section .main-body > div.main-body-sidebar-1{
width : 300px;
float : left;
padding-bottom : 20px;
-webkit-box-shadow : inset 1px 0 0 #e1e1e1, inset -1px 0 0 #fff;
-moz-box-shadow : inset 1px 0 0 #e1e1e1,inset -1px 0 0 #fff;
box-shadow : inset 1px 0 0 #e1e1e1, inset -1px 0 0 #fff;
text-align : center;
padding : 0 5px;
}
#article-content{
padding-top : 10px;
}
#article-content p{
font-family : "DIN-Medium";
font-size : 21px;
color : #333;
margin : 0 0 10px;
}
#article-content img{
max-width :100% !important;
width : 100%;
}
#article-content iframe{
max-width :100% !important;
width : 100%;
}
#article-container{
padding : 10px;
width : calc( 100% - 330px );
float : left;
}
#article-container iframe{
max-width : 100% !important;
width : 100%;
}
#article-container img{
max-width : 100% !important;
width : 100%;
}
#article-container #article-title{
color : #15bece;
font-family : "DIN-Bold";
font-size : 35px;
border-bottom : 3px solid #15bece;
line-height : 110%;
padding : 0 0 10px 0;
font-weight : 500;
margin : 10px 0px 15px;
}
#article-container img{
width : 100%;
}
#article-container > img#article-img{
width : 100%;
}
#article-date{
padding : 0 8px;
border-left : 1px solid #e5e5e5;
border-right : 1px solid #e5e5e5;
margin : 0 5px;
color : #999;
display : inline;
}
#article-date a{
color : #9e0000;
text-transform : uppercase;
font-weight : bold;
}
.article-introtext{
font-family : "DIN-Medium";
font-size : 21px;
color : #333333;
line-height : 24px;
font-weight : 400;
}
.article-footer{
margin : 0px 0 4px 0;
border-top : 1px solid #ddd;
padding : 4px;
}
.article-footer .article-modification-date strong{
font-weight : initial;
}
.article-modification-date{
text-align : right;
color : #999;
}
#related-items{
width : 100%;
display : inline-block;
border-bottom : 3px solid #15bece;
}
#related-items > .related-item > a{
width : 100%;
font-size : 14px !important;
color : #9e0000;
text-decoration : none;
line-height : 20px;
}
.related-items-title{
color : #15bece;
font-family : "DIN-Bold";
font-size : 35px;
border-bottom : 3px solid #15bece;
line-height : 110%;
padding : 10px 0 10px 0;
font-weight : 500;
margin : 15px 0 10px;
}
.related-item-container h3{
color : #15bece;
font-family : "DIN-Bold";
font-size : 35px;
line-height : 110%;
padding : 10px 0 10px 0;
font-weight : 500;
}
.related-item-container{
width : 25%;
float : left;
}
.related-item {
padding : 5px;
}
.related-item a{
text-decoration : none;
}
.related-item h3{
width : 100%;
font-size : 17px!important;
line-height : 20px;
margin : 5px 0 0 0;
}
.related-item h3:hover{
color : rgba(103, 103, 103, 0.79);
}
.related-item img{
width : 100%;
height : 110px;
object-fit : cover;
}
#previous-next-item span{
color: #999;
}
#previous-next-item{
padding : 10px;
display : inline-block;
}
#previous-next-item a{
color : #333;
text-decoration : none;
font-family : "DIN-Medium";
}
.category-item{
width :50%;
float :left;
}
.category-item{
}
.category-item img{
width : 100%;
height : 200px;
object-fit : cover;
}
.category-item a {
text-decoration : none;
font-family : "DIN-Medium";
}
.category-item h2:hover {
color : #3498db;
}
.category-item h2 {
font-family : "DIN-Medium";
font-size : 25px;
color : #333333;
font-weight : normal;
margin : 20px 0 10px 0;
}
.category-item p {
text-decoration : none;
color : #000;
margin : 6px 0 0px 0;
line-height : 24px;
}
.category-item span {
font-family : "DIN-Medium";
font-size : 16px;
color : #333333;
}
.load-more-cotainer {
width : 100%;
text-align : center;
}
/* Categories */
.category-header a{
color: #3498db;
}
.category-header a:hover{
color: #1d6fa5;
}
.category-header p{
font-family: "DIN-Medium" !important;
font-size: 16px !important;
line-height: 22px;
}
.category-header{
text-align: center;
padding: 13px 10px;
border-bottom: 1px solid #c2c2c2;
margin-top: 5px;
margin-bottom: 35px;
}
#load-more-button {
border: none;
background: #00abbc;
padding: 5px 28px;
color: #ffffff;
font-size: 20px;
border-radius: 5px;
box-shadow: 1px 2px 7px rgba(0,0,0,0.64);
cursor: pointer;
margin-bottom: 30px;
clear: both;
margin-left: auto;
display: block;
margin-right: auto;
}
#searching-modal{
max-height: 100vh;
overflow: hidden;
}
#searching-form{
padding-bottom: 10px;
max-width: 100%;
overflow: hidden;
}
#searching-form input.keyword{
width : 100%;
line-height : 32px;
padding : 5px;
font-size : 46px;
float : left;
}
#searching-form button.search-btn{
width : 20%;
line-height : 32px;
padding : 5px;
font-size : 24px;
float : left;
}
#searching-results{
background-color : #FFF;
max-height: 80vh;
overflow-y: scroll;
}
.search-results-title{
width : 100%;
display : grid;
clear : both;
border-bottom : 1px solid rgba(25, 24, 24, 0.67);
}
.search-results-title h3{
color : #9e0000;
text-align : center;
}
.search-item{
width : 100%;
display : grid;
clear : both;
border-bottom : 1px dotted rgba(25, 24, 24, 0.67);
}
.search-item a{
padding : 10px;
}
.search-item .image{
float : left;
}
.search-item .image img{
object-fit : cover;
width : 250px;
height: 150px;
}
.search-item .content{
width : calc(100% - 265px);
float : left;
padding-left : 13px;
text-align : justify;
}
.search-item .content h3{
margin-top : 10px;
color : #9e0000;
}
.search-item .content p{
color : #111;
}
.search-item .content p span.created{
color : #9e0000;
}
.categories-view .category-item > a {
min-height : 392px;
}
.categories-view a {
padding : 0 10px 8px 10px;
float : left;
}
.sidebar-container {
padding : 0 5px;
}
/*----- Tabs -----*/
.tabs {
width:100%;
display:inline-block;
}
/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
display:block;
clear:both;
content:'';
}
.tab-links li {
margin:0px 1px;
float:left;
list-style:none;
border: 1px solid #ddd;
border-radius: 5px 5px 0px 0px;
}
.tab-links a {
padding:9px 15px;
display:inline-block;
border-radius:3px 3px 0px 0px;
font-size:16px;
font-weight:600;
color:#3071a9;
transition:all linear 0.15s;
text-decoration: none;
}
.tab-links a:hover {
background:#d9f4f7;
text-decoration:none;
}
li.active{
border-bottom: initial !important;
}
li.active a, li.active a:hover {
background:#fff;
color:#4c4c4c;
}
/*----- Content of Tabs -----*/
.tab-content {
padding:0px 15px 15px 15px;
border-radius:3px;
box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
background:#fff;
}
.tab {
display:none;
}
ul.tab-links{
padding: 0px;
margin: 0px;
}
.tab.active {
display:block;
}
.tags-container .tag-item-category{
min-height : initial !important;
}
.tag-item-category{
color : #15bece !important;
font-size : 18px;
}
/*----- /Tabs -----*/
/* Sidebar 1 */
a.searching-form-popup{
padding : 13px 13px 11px 13px !important;
float : right;
}
.searching-form-popup img{
width : 18px;
height : 18px;
}
#mod-search-module {
width : 95%;
padding : 5px;
}
.modal {
display : none; /* Hidden by default */
position : fixed; /* Stay in place */
z-index : 100; /* Sit on top */
padding-top : 23px; /* Location of the box */
left : 0;
top : 0;
width : 100%; /* Full width */
height : 100%; /* Full height */
overflow : auto; /* Enable scroll if needed */
background-color : rgba(0, 0, 0, 0.8); /* Black w/ opacity */
}
.modal-content {
margin : auto;
padding : 20px;
width : 100%;
max-width : 950px;
color : #FFF;
top : calc( 50vh - 76px );
position : absolute;
text-align : center;
left : 0;
right : 0;
transition : top 0.7s;
}
.modal-content.seached{
top : calc(10vh - 76px);
}
.g-recaptcha{
width : 310px;
float : left;
}
.rc-anchor-light.rc-anchor-normal{
border : none !important;
}
.rc-anchor-light {
background : transparent !important;
color : #fff;
}
.modal-content .keyword {
width : 100%;
float : left;
color : #FFF;
background-color : transparent;
font-size : 32px;
padding : 10px;
border : none;
border-bottom : 2px solid #15bece;
background : url(../img/blank.png);
background-position : 98% 20px !important;
background-repeat : no-repeat !important;
background-size : auto 54% !important;
}
.modal-content .keyword:focus {
outline : none;
}
.modal-content .box-header{
text-align : center;
}
.modal-content .box-header h3.box-title{
border-bottom : 2px solid #e60000;
padding-bottom : 5px;
}
.close {
color : #e60000;
font-size : 60px;
font-weight : 100;
position : fixed;
top : 20px;
right : 40px;
}
.close:hover, .close:focus {
color : #FFF;
text-decoration : none;
cursor : pointer;
}
/* Sidebar 2 */
/* general modules styling */
.module-header {
padding-bottom: 7px;
}
.module-header .module-title{
font-weight: 700;
margin: 0;
color: #555555;
text-transform: uppercase;
}
/* end general modules styling */
/* Homepage Modules styling */
.homepage-position-1-container{
width : calc( 69% - 20px );
float : left;
padding : 0 10px;
}
.homepage-position-2-container{
width : calc(31% - 20px);
float : left;
padding : 0 10px;
}
.homepage-position-3-container{
width: 100%;
display: inline-block;
}
.homepage-position-4-container{
width : calc( 69% - 20px );
float : left;
padding : 0 10px;
}
.homepage-position-5-container{
width : calc(31% - 22px);
border-left : 2px solid #dddddd;
float : left;
padding : 0 10px;
}
.homepage-block-title-in-news{
display : table;
}
.homepage-block-title-in-news .module-header hr{
border-top : 2px solid #333;
color : #333;
text-align : center;
height : 0;
margin : 30px 0px;
}
.homepage-block-title-in-news .module-header span:after{
content : "IN NEWS";
font-family : "DIN-Medium";
display : inline-block;
position : relative;
top : -60px;
font-size : 50px;
padding : 0px 15px 0 15px;
background : white;
color : #15bece;
}
.homepage-block-title-in-news .module-header span{
margin : 0 auto;
display : table;
margin-bottom : -60px;
}
.homepage-block-title-in-news .news-item-container{
width : 50%;
float : left;
margin-bottom : 10px;
}
.homepage-block-title-in-news .news-item{
padding : 0 10px 10px 10px;
height : 365px;
}
.homepage-block-title-in-news .news-item img{
width : 100%;
height : 195px;
object-fit : cover;
}
.homepage-block-title-in-news a{
text-decoration : none;
color : #333;
}
.homepage-block-title-in-news .news-item .publish .fa-calendar{
width: 23px !important;
height: unset !important;
object-fit: unset !important;
margin: 0px 8px -2px 0px;
}
.homepage-block-title-in-news .news-item .publish{
margin : 0 auto;
display : table;
margin-top : 0px;
margin-bottom : 10px;
font-family : "DIN-Medium";
font-size : 20px;
color : #999999;
}
.homepage-block-title-in-news .news-item h2{
margin-top : 0px;
margin-bottom : 0px;
padding-bottom : 5px;
text-align : center;
}
.homepage-block-title-in-news .news-item h2:hover{
color: #3498db;
}
.homepage-block-title-in-news .news-item p{
margin-top : 0px;
margin-bottom : 0px;
font-family : "DIN-Regular";
font-size : 18px;
}
.homepage-block-title-in-news .read-more{
display : inline;
width : 100%;
float : left;
text-align : center;
}
.read-more{
margin-bottom : 10px;
}
.homepage-block-title-showbiz-and-gossip{
display : table;
}
.homepage-block-title-showbiz-and-gossip .module-header p{
text-align : center;
font-family: "DIN-Bold";
font-size: 25px;
color: #859299;
margin-bottom: 20px;
padding-top: 16px;
}
.homepage-block-title-showbiz-and-gossip .module-header hr{
border-top : 2px solid #333;
color : #333;
text-align : center;
height : 0;
margin : 30px 0px;
}
.homepage-block-title-showbiz-and-gossip .module-header span:after{
content : "SHOWBIZ AND GOSSIP";
font-family : "DIN-Medium";
display : inline-block;
position : relative;
top : -60px;
font-size : 50px;
padding : 0px 15px 0 15px;
background : white;
color : #15bece;
}
.homepage-block-title-showbiz-and-gossip .module-header span{
margin : 0 auto;
display : table;
margin-bottom : -60px;
}
.homepage-block-title-showbiz-and-gossip .news-item-container{
width : 50%;
float : left;
margin-bottom : 10px;
}
.homepage-block-title-showbiz-and-gossip .news-item .publish .fa-calendar{
width: 23px !important;
height: unset !important;
object-fit: unset !important;
margin: 0px 8px -2px 0px;
}
.homepage-block-title-showbiz-and-gossip .news-item{
padding : 0 10px 10px 10px;
height : 365px;
}
.homepage-block-title-showbiz-and-gossip .news-item img{
width : 100%;
height : 195px;
object-fit : cover;
}
.homepage-block-title-showbiz-and-gossip a{
text-decoration : none;
color : #333;
}
.homepage-block-title-showbiz-and-gossip .news-item .publish{
margin : 0 auto;
display : table;
margin-top : 0px;
margin-bottom : 10px;
font-family : "DIN-Medium";
font-size : 20px;
}
.homepage-block-title-showbiz-and-gossip .news-item h2{
margin-top : 0px;
margin-bottom : 0px;
padding-bottom : 5px;
text-align : center;
}
.homepage-block-title-showbiz-and-gossip .news-item h2:hover{
color: #3498db;
}
.homepage-block-title-showbiz-and-gossip .news-item p{
margin-top : 0px;
margin-bottom : 0px;
font-family : "DIN-Regular";
font-size : 18px;
}
.homepage-block-title-showbiz-and-gossip .read-more{
display : inline;
width : 100%;
float : left;
text-align : center;
}
.homepage-block-title-magazina{
display : table;
}
.homepage-block-title-magazina .module-header p{
text-align : center;
font-family: "DIN-Bold";
font-size: 25px;
color: #859299;
margin-bottom: 20px;
padding-top: 16px;
}
.homepage-block-title-magazina .module-header hr{
border-top : 2px solid #333;
color : #333;
text-align : center;
height : 0;
margin : 30px 0px;
}
.homepage-block-title-magazina .module-header span:after{
content : "MAGAZINA";
font-family : "DIN-Medium";
display : inline-block;
position : relative;
top : -60px;
font-size : 50px;
padding : 0px 15px 0 15px;
background : white;
color : #15bece;
}
.homepage-block-title-magazina .module-header span{
margin : 0 auto;
display : table;
margin-bottom : -60px;
}
.homepage-block-title-magazina .news-item-container{
width : 50%;
float : left;
margin-bottom : 10px;
height : 365px;
}
.homepage-block-title-magazina .news-item .publish .fa-calendar{
width: 23px !important;
height: unset !important;
object-fit: unset !important;
margin: 0px 8px -2px 0px;
}
.homepage-block-title-magazina .news-item{
padding : 0 10px 10px 10px;
}
.homepage-block-title-magazina .news-item img{
width : 100%;
height : 195px;
object-fit : cover;
}
.homepage-block-title-magazina a{
text-decoration : none;
color : #333;
}
.homepage-block-title-magazina .news-item .publish{
margin : 0 auto;
display : table;
margin-top : 0px;
margin-bottom : 10px;
font-family : "DIN-Medium";
font-size : 20px;
}
.homepage-block-title-magazina .news-item h2{
margin-top : 0px;
margin-bottom : 0px;
padding-bottom : 5px;
text-align : center;
}
.homepage-block-title-magazina .news-item h2:hover{
color: #3498db;
}
.homepage-block-title-magazina .news-item p{
margin-top : 0px;
margin-bottom : 0px;
font-family : "DIN-Regular";
font-size : 18px;
}
.homepage-block-title-magazina .read-more{
display : inline;
width : 100%;
float : left;
text-align : center;
}
.homepage-block-title-music{
display : table;
}
.homepage-block-title-music .module-header p{
text-align : center;
font-family: "DIN-Bold";
font-size: 25px;
color: #859299;
margin-bottom: 20px;
padding-top: 16px;
}
.homepage-block-title-music .module-header hr{
border-top : 2px solid #333;
color : #333;
text-align : center;
height : 0;
margin : 30px 0px;
}
.homepage-block-title-music .module-header span:after{
content : "MUSIC";
font-family : "DIN-Medium";
display : inline-block;
position : relative;
top : -60px;
font-size : 50px;
padding : 0px 15px 0 15px;
background : white;
color : #15bece;
}
.homepage-block-title-music .module-header span{
margin : 0 auto;
display : table;
margin-bottom : -60px;
}
.homepage-block-title-music .news-item-container{
width : 50%;
float : left;
margin-bottom : 10px;
height : 365px;
}
.homepage-block-title-music .news-item .publish .fa-calendar{
width: 23px !important;
height: unset !important;
object-fit: unset !important;
margin: 0px 8px -2px 0px;
}
.homepage-block-title-music .news-item{
padding : 0 10px 10px 10px;
}
.homepage-block-title-music .news-item img{
width : 100%;
height : 195px;
object-fit : cover;
}
.homepage-block-title-music a{
text-decoration : none;
color : #333;
}
.homepage-block-title-music .news-item .publish{
margin : 0 auto;
display : table;
margin-top : 0px;
margin-bottom : 10px;
font-family : "DIN-Medium";
font-size : 20px;
}
.homepage-block-title-music .news-item h2{
margin-top : 0px;
margin-bottom : 0px;
padding-bottom : 5px;
text-align : center;
}
.homepage-block-title-music .news-item h2:hover{
color: #3498db;
}
.homepage-block-title-music .news-item p{
margin-top : 0px;
margin-bottom : 0px;
font-family : "DIN-Regular";
font-size : 18px;
}
.homepage-block-title-music .read-more{
display : inline;
width : 100%;
float : left;
text-align : center;
}
.homepage-block-title-in-smart{
display : table;
}
.homepage-block-title-in-smart .module-header p{
text-align : center;
font-family: "DIN-Bold";
font-size: 25px;
color: #859299;
margin-bottom: 20px;
padding-top: 16px;
}
.homepage-block-title-in-smart .module-header hr{
border-top : 2px solid #333;
color : #333;
text-align : center;
height : 0;
margin : 30px 0px;
}
.homepage-block-title-in-smart .module-header span:after{
content : "IN SMART";
font-family : "DIN-Medium";
display : inline-block;
position : relative;
top : -60px;
font-size : 50px;
padding : 0px 15px 0 15px;
background : white;
color : #15bece;
}
.homepage-block-title-in-smart .module-header span{
margin : 0 auto;
display : table;
margin-bottom : -60px;
}
.homepage-block-title-in-smart .news-item-container{
width : 50%;
float : left;
margin-bottom : 10px;
height : 365px;
}
.homepage-block-title-in-smart .news-item .publish .fa-calendar{
width: 23px !important;
height: unset !important;
object-fit: unset !important;
margin: 0px 8px -2px 0px;
}
.homepage-block-title-in-smart .news-item{
padding : 0 10px 10px 10px;
}
.homepage-block-title-in-smart .news-item img{
width : 100%;
height : 195px;
object-fit : cover;
}
.homepage-block-title-in-smart a{
text-decoration : none;
color : #333;
}
.homepage-block-title-in-smart .news-item .publish{
margin : 0 auto;
display : table;
margin-top : 0px;
margin-bottom : 10px;
font-family : "DIN-Medium";
font-size : 20px;
}
.homepage-block-title-in-smart .news-item h2{
margin-top : 0px;
margin-bottom : 0px;
padding-bottom : 5px;
text-align : center;
}
.homepage-block-title-in-smart .news-item h2:hover{
color: #3498db;
}
.homepage-block-title-in-smart .news-item p{
margin-top : 0px;
margin-bottom : 0px;
font-family : "DIN-Regular";
font-size : 18px;
}
.homepage-block-title-in-smart .read-more{
display : inline;
width : 100%;
float : left;
text-align : center;
}
.homepage-block-title-sports{
display : table;
}
.homepage-block-title-sports .module-header p{
text-align : center;
font-family: "DIN-Bold";
font-size: 25px;
color: #859299;
margin-bottom: 20px;
padding-top: 16px;
}
.homepage-block-title-sports .module-header hr{
border-top : 2px solid #333;
color : #333;
text-align : center;
height : 0;
margin : 30px 0px;
}
.homepage-block-title-sports .module-header span:after{
content : "SPORTS";
font-family : "DIN-Medium";
display : inline-block;
position : relative;
top : -60px;
font-size : 50px;
padding : 0px 15px 0 15px;
background : white;
color : #15bece;
}
.homepage-block-title-sports .module-header span{
margin : 0 auto;
display : table;
margin-bottom : -60px;
}
.homepage-block-title-sports .news-item-container{
width : 50%;
float : left;
margin-bottom : 10px;
}
.homepage-block-title-sports .news-item .publish .fa-calendar{
width: 23px !important;
height: unset !important;
object-fit: unset !important;
margin: 0px 8px -2px 0px;
}
.homepage-block-title-sports .news-item{
padding : 0 10px 10px 10px;
}
.homepage-block-title-sports .news-item img{
width : 100%;
height : 195px;
object-fit : cover;
}
.homepage-block-title-sports a{
text-decoration : none;
color : #333;
}
.homepage-block-title-sports .news-item .publish{
margin : 0 auto;
display : table;
margin-top : 0px;
margin-bottom : 10px;
font-family : "DIN-Medium";
font-size : 20px;
}
.homepage-block-title-sports .news-item h2{
margin-top : 0px;
margin-bottom : 0px;
padding-bottom : 5px;
text-align : center;
}
.homepage-block-title-sports .news-item h2:hover{
color: #3498db;
}
.homepage-block-title-sports .news-item p{
margin-top : 0px;
margin-bottom : 0px;
font-family : "DIN-Regular";
font-size : 18px;
}
.homepage-block-title-sports .read-more{
display : inline;
width : 100%;
float : left;
text-align : center;
}
.homepage-block-title-med_plus{
display : table;
}
.homepage-block-title-med_plus .module-header p{
text-align : center;
font-family : "DIN-Bold";
font-size : 25px;
color : #859299;
margin-bottom : 20px;
padding-top : 16px;
}
.homepage-block-title-med_plus .module-header hr{
border : none;
color : #333;
text-align : left;
height : 0;
margin : 30px 0px;
}
.homepage-block-title-med_plus .module-header span:after{
content : "MED+";
font-family : "DIN-Medium";
display : inline-block;
position : relative;
top : 0px;
font-size : 50px;
padding : 0px 15px 0 15px;
background : white;
color : #15bece;
}
.homepage-block-title-med_plus .news-item-container{
width : 100%;
float : left;
}
.homepage-block-title-med_plus .news-item{
padding : 0 10px 10px 10px;
}
.homepage-block-title-med_plus .news-item img{
width : 100%;
height : 195px;
object-fit : cover;
}
.homepage-block-title-med_plus a{
text-decoration : none;
color : #333;
}
.homepage-block-title-med_plus .news-item .fa-calendar{
width: 23px !important;
height: unset !important;
object-fit: unset !important;
margin: 0px 8px -2px 0px;
}
.homepage-block-title-med_plus .news-item .publish{
margin : 0 auto;
display : table;
margin-top : 0px;
margin-bottom : 10px;
font-family : "DIN-Medium";
font-size : 20px;
}
.homepage-block-title-med_plus .news-item h2{
margin-top : 0px;
margin-bottom : 0px;
padding-bottom : 5px;
color : #00abbc;
font-size : 20px;
}
.homepage-block-title-med_plus .news-item h2:hover{
color: #3498db;
}
.homepage-block-title-med_plus .news-item p{
display : none;
margin-top : 0px;
margin-bottom : 0px;
font-family : "DIN-Regular";
font-size : 18px;
}
.homepage-block-title-med_plus .read-more{
display : inline;
width : 100%;
float : left;
text-align : center;
}
.homepage-block-title-most-read .module-header{
font-family : "DIN-Bold";
font-size : 30px;
text-align : left;
color : #00abbc;
padding-bottom : 0px;
}
.homepage-block-title-most-read .module-header h3{
margin-top : 5px;
margin-bottom : 20px;
margin-left : 10px;
}
.homepage-block-title-most-read{
display : table;
width : 100%;
}
.homepage-block-title-most-read .module-header p{
text-align : center;
font-family : "DIN-Bold";
font-size : 25px;
color : #859299;
margin-bottom : 20px;
padding-top : 16px;
}
.homepage-block-title-most-read .module-header hr{
border-top : 2px solid #333;
color : #333;
text-align : center;
height : 0;
margin : 30px 0px;
}
.homepage-block-title-most-read .module-header hr:after{
content : "MED+";
font-family : "DIN-Medium";
display : inline-block;
position : relative;
top : -30px;
font-size : 50px;
padding : 0px 15px 0 15px;
background : white;
color : #15bece;
}
.homepage-block-title-most-read .news-item-container{
width : 100%;
float : left;
}
.homepage-block-title-most-read .news-item{
padding : 0 10px 10px 10px;
}
.homepage-block-title-most-read .news-item img{
width : 95px;
height : 75px;
object-fit : cover;
display : block;
float : left;
margin : 0 20px 25px 0;
}
.homepage-block-title-most-read a{
text-decoration : none;
color : #333;
}
.homepage-block-title-most-read .news-item .fa-calendar{
width: 23px !important;
height: unset !important;
object-fit: unset !important;
margin: 0px 8px -2px 0px;
}
.homepage-block-title-most-read .news-item .publish{
margin : 0 auto;
display : table;
margin-top : 0px;
margin-bottom : 10px;
font-family : "DIN-Medium";
font-size : 19px;
}
.homepage-block-title-most-read .news-item h2{
margin-top : 0px;
margin-bottom : 0px;
padding-bottom : 5px;
font-size : 20px;
color : #15bece;
text-align : left;
}
.homepage-block-title-most-read .news-item h2:hover{
color : #258cd1;
}
.homepage-block-title-most-read .news-item p{
margin-top : 0px;
margin-bottom : 0px;
font-family : "DIN-Regular";
font-size : 18px;
display : none;
}
.homepage-block-title-most-read .read-more{
display : inline;
width : 100%;
float : left;
text-align : center;
}
.homepage-block-title-latest-category-items .module-header{
font-family : "DIN-Bold";
font-size : 30px;
text-align : left;
color : #00abbc;
padding-bottom : 0px;
}
.homepage-block-title-latest-category-items .module-header h3{
margin-top : 5px;
margin-bottom : 20px;
margin-left : 10px;
}
.homepage-block-title-latest-category-items{
display : table;
}
.homepage-block-title-latest-category-items .module-header p{
text-align : center;
font-family : "DIN-Bold";
font-size : 25px;
color : #859299;
margin-bottom : 20px;
padding-top : 16px;
}
.homepage-block-title-latest-category-items .module-header hr{
border-top : 2px solid #333;
color : #333;
text-align : center;
height : 0;
margin : 30px 0px;
}
.homepage-block-title-latest-category-items .module-header hr:after{
content : "MED+";
font-family : "DIN-Medium";
display : inline-block;
position : relative;
top : -30px;
font-size : 50px;
padding : 0px 15px 0 15px;
background : white;
color : #15bece;
}
.homepage-block-title-latest-category-items .news-item-container{
width : 100%;
float : left;
}
.homepage-block-title-latest-category-items .news-item{
padding : 0 10px 10px 10px;
}
.homepage-block-title-latest-category-items .news-item img{
width : 95px;
height : 75px;
object-fit : cover;
display : block;
float : left;
margin : 0 20px 25px 0;
}
.homepage-block-title-latest-category-items a{
text-decoration : none;
color : #333;
display : inline-block;
}
.homepage-block-title-latest-category-items .news-item .publish{
margin : 0 auto;
display : table;
margin-top : 0px;
margin-bottom : 10px;
font-family : "DIN-Medium";
font-size : 19px;
}
.homepage-block-title-latest-category-items .news-item h2{
margin-top : 0px;
margin-bottom : 0px;
padding-bottom : 5px;
font-size : 20px;
color : #15bece;
text-align : left;
}
.homepage-block-title-latest-category-items .news-item h2:hover{
color : #258cd1;
}
.homepage-block-title-latest-category-items .news-item p{
margin-top : 0px;
margin-bottom : 0px;
font-family : "DIN-Regular";
font-size : 18px;
display : none;
}
.homepage-block-title-latest-category-items .read-more{
display : inline;
width : 100%;
float : left;
text-align : center;
}
.block-title-funday .module-header span:after{
content : "FUN DAY MOMENTS";
font-family : "DIN-Medium";
display : inline-block;
position : relative;
top : -39px;
font-size : 50px;
padding : 0px 15px 0 15px;
background : white;
color : #af4a8a;
}
.popup-img-module img.popup-homepage{
width : 100%;
}
.slideshow-header-homepage {
height : 400px;
overflow : hidden;
}
.slideshow-header-homepage .slick-dots {
position : absolute;
bottom : 0;
right : 0;
left : 0;
list-style-type : none;
margin-right : 15px;
text-align : center;
padding : 0;
margin-bottom : 50px;
}
.slideshow-header-homepage .slick-dots li {
display : inline-block;
width : 12px;
height : 12px;
margin : 0px 3px;
border : 2px solid #00abbc;
border-radius : 20px;
cursor : pointer;
}
.slideshow-header-homepage .slick-dots li.slick-active {
background-color : #00abbc;
}
.slideshow-header-homepage .slick-dots li:hover {
background-color : #00abbc;
}
.slideshow-header-homepage .slick-dots button {
display :none;
}
.slideshow-header-homepage img {
max-width : 100%;
height : 400px;
width : 100%;
object-fit : cover;
}
.slideshow-header-homepage h2{
color : #000;
font-size : 24px;
padding : 10px;
background-color : rgba(255, 255, 255, 0.8);
font-size : 35px;
text-align : center;
text-transform : uppercase;
font-family : "DIN-Bold";
margin : 0;
}
.slideshow-header-homepage .publish-date{
display : none;
}
.slideshow-header-homepage p{
color : #fff;
}
.slideshow-header-homepage .read-more{
color : #d91e18;
}
.slideshow-header-homepage .slideshow-slide{
position : relative;
}
.slideshow-header-homepage-container{
height : 400px;
position : relative;
overflow : hidden;
width : 100%;
}
.slideshow-header-homepage .slideshow-slide .black-shadow{
position : absolute;
width : 100%;
bottom : 0;
top : 0;
background : -moz-linear-gradient(top,rgba(0,0,0,0) 60%,rgba(0,0,0,0.4) 100%);
background : -webkit-gradient(linear,left top,left bottom,color-stop(60%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.4)));
background : -webkit-linear-gradient(top,rgba(0,0,0,0) 60%,rgba(0,0,0,0.4) 100%);
background : -o-linear-gradient(top,rgba(0,0,0,0) 60%,rgba(0,0,0,0.4) 100%);
background : -ms-linear-gradient(top,rgba(0,0,0,0) 60%,rgba(0,0,0,0.4) 100%);
background : linear-gradient(to bottom,rgba(0,0,0,0) 60%,rgba(0,0,0,0.4) 100%);
}
.slideshow-header-homepage .text-container{
position : absolute;
bottom : 19%;
padding : 5px 0;
left : 0;
right : 0;
}
.slideshow-header-homepage .slideshow-slide{
position : relative;
}
.slideshow-header-homepage .slick-prev.slick-arrow{
position : absolute;
bottom : 0;
left : 0;
}
.slideshow-header-homepage .slick-next.slick-arrow{
position : absolute;
bottom : 0;
right : 0;
}
.slideshow-header-homepage .read-more{
}
.slideshow-header-homepage-arrows{
text-align : center;
background-color : white;
display : none;
}
.slideshow-header-homepage-arrows div{
color : #FFF;
display : inline-block;
margin : 5px;
padding : 3px 10px;
border-radius : 3px;
background : #c4161c;
text-transform : capitalize;
cursor : pointer;
-webkit-user-select : none; /* Chrome/Safari */
-moz-user-select : none; /* Firefox */
-ms-user-select : none; /* IE10+ */
/* Rules below not implemented in browsers yet */
-o-user-select : none;
user-select : none;
}
.news-item a:focus{
outline : none;
}
.slideshow-showbiz-dhe-lifestyle-homepage-container .module-header .module-title{
margin : 0;
float : left;
}
.slideshow-showbiz-dhe-lifestyle-homepage .news-item-container{
width : 25%;
float : left;
}
.slideshow-showbiz-dhe-lifestyle-homepage .news-item{
padding : 0 10px 0 5px;
}
.slideshow-showbiz-dhe-lifestyle-homepage .news-item img{
width : 100%;
height : 83px;
object-fit : cover;
}
.slideshow-showbiz-dhe-lifestyle-homepage .news-item h2{
font-size : 14px!important;
padding : 10px 0 4px 0!important;
color : #9e0000;
}
.slideshow-showbiz-dhe-lifestyle-homepage-container a{
text-decoration : none;
}
.slideshow-showbiz-dhe-lifestyle-homepage .news-item .publish{
color : #999;
font-size : 12px;
}
.slideshow-showbiz-dhe-lifestyle-homepage-arrows{
text-align : right;
}
.slideshow-showbiz-dhe-lifestyle-homepage-arrows .prev:hover {
background : #7D0000!important;
}
.slideshow-showbiz-dhe-lifestyle-homepage-arrows .prev{
display : block;
float : right;
width : 24px;
height : 24px;
background : #9E0000;
cursor : pointer;
margin-right : 5px;
}
.slideshow-showbiz-dhe-lifestyle-homepage-arrows .next:hover {
background : #7D0000!important;
}
.slideshow-showbiz-dhe-lifestyle-homepage-arrows .next{
display : block;
float : right;
width : 24px;
height : 24px;
background : #9E0000;
cursor : pointer;
}
.slideshow-showbiz-dhe-lifestyle-homepage-arrows .prev .triangle{
border : 8px solid #fff!important;
border-top : 5px solid transparent!important;
border-bottom : 5px solid transparent!important;
border-left : none!important;
margin : 6px 9px 0 6px!important;
}
.slideshow-showbiz-dhe-lifestyle-homepage-arrows .next .triangle{
border : 8px solid #fff!important;
border-top : 5px solid transparent!important;
border-bottom : 5px solid transparent!important;
border-right : none!important;
margin : 6px 9px 0 9px!important;
}
.full-slideshow-fashion .title{
color : #00abbc;
font-family : "DIN-Medium";
font-size : 60px;
text-transform : uppercase;
margin : 0;
text-align : center;
}
.full-slideshow-fashion{
background : #222;
padding : 15px 20px 15px;
position : relative;
max-height : 380px;
}
.full-slideshow-fashion a{
text-decoration : none;
}
.full-slideshow-fashion p.publish-date{
color : #afafaf;
}
.full-slideshow-fashion p{
text-align : center;
color : #fff;
}
.full-slideshow-fashion img{
width : 90%;
height : 180px;
object-fit : cover;
margin : 0 auto;
max-width : 350px;
}
.full-slideshow-fashion .full-slideshow-fashion-arrows{
position : absolute;
right : 20px;
top : 20px;
}
.full-slideshow-fashion .slick-arrow.prev{
margin-right : 15px;
}
.full-slideshow-fashion .slick-arrow.next{
}
.full-slideshow-fashion .slick-arrow{
border : 1px solid rgba(255,255,255,0.5);
color : #fff;
width : 26px;
height : 26px;
text-align : center;
display : inline-block;
cursor : pointer;
line-height : 22px;
}
.full-slideshow-fashion .slick-arrow:hover{
background-color : #3498db;
border-color : #3498db;
}
.top-10 .top10-title{
color : #00abbc;
font-family : "DIN-Bold";
font-size : 30px;
text-align : center;
margin-top : 0px;
margin-bottom : 20px;
}
.blog-item{
margin-bottom : 35px;
}
.blog-item a{
text-decoration: none;
color: #333;
text-align: center;
width: 100%;
display: block;
}
.blog-item .module-header span:after{
content: "IN BLOG";
font-family: "DIN-Bold";
display: inline-block;
position: relative;
font-size: 38px;
padding: 0px 15px 0 13px;
background: white;
color: #00abbc;
}
.blog-item p{
display :none;
}
.blog-item .news-item-container{
width: 100%;
float: left;
}
.blog-item .news-item-container .news-item{
padding: 0 10px 50px 10px;
position: relative;
}
.blog-item .news-item-container .news-item img{
width: 95px;
height: 75px;
object-fit: cover;
display: block;
float: left;
margin: 0 20px 25px 0;
}
.blog-item .news-item-container .news-item img.fa-calendar{
width: 23px !important;
height: unset !important;
object-fit: unset !important;
margin: 0px 8px -2px 0px;
}
.blog-item .news-item-container .news-item h2{
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 5px;
font-size: 20px;
color: #15bece;
text-align: left;
}
.blog-item .news-item-container .news-item h2:hover {
color: #258cd1;
}
.blog-item .news-item .publish {
margin: 0 auto;
display: inline-table;
margin-top: 0px;
margin-bottom: 10px;
font-family: "DIN-Medium";
font-size: 19px;
position: absolute;
bottom: 15px;
right: 47px;
}
.radio-tv img{
width : 46%;
}
.latest-video-feed a{
float : right;
font-size : 24px;
float : right;
color : #00abbc;
font-family : "DIN-Bold";
text-decoration : none;
}
.latest-video-feed .category-link{
text-decoration : none;
}
.latest-video-feed h3{
font-family : "DIN-Bold" ;
font-size : 30px ;
text-align : center;
display : block;
margin-bottom : 10px;
color : #00abbc;
margin-top : 0px;
}
.latest-video-feed h3:hover{
color : #1d6fa5;
}
.tags-module h2{
color: #00abbc;
font-family: "DIN-Bold";
font-size: 30px;
text-align: center;
}
.tags-module {
display : inline-block;
}
.tags-module a{
text-transform : capitalize;
float : left;
display : block;
margin : 2px;
padding : 4px 15px;
font-size : 14px !important;
line-height : 20px;
text-align : center;
vertical-align : middle;
cursor : pointer;
border : 1px solid #e5e5e5;
text-decoration : none;
color : #333333;
font-family : "DIN-Medium";
transition : all 500ms;
}
.tags-module a:hover{
color : #fff;
background-color : #333;
}
/* end Homepage Modules styling */
.social-share {
width : 100%;
}
.social-share img {
width : auto !important;
height : 22px;
padding-top : 6px;
padding-left : 10px;
}
.social-share a {
line-height : 24px;
text-decoration : none;
color : #FFF;
width : 25%;
float : left;
}
.social-share span {
line-height : 19px;
text-decoration : none;
color : #FFF;
position : relative;
top : -5px;
font-size : 16px;
}
.social-share > a.facebook {
background-color : #306199
}
.social-share > a.twitter {
background-color : #26c4f1;
}
.social-share > a.googleplus {
background-color : #dc4a38;
}
.social-share > a.whatsapp {
background-color : #22a119;
}
/* IN LIFE CATEGORY */
/* Showbiz And Gossip */
.in-life.in-life-page > #main-body > .main-body > .main-body-components> #innerpage-container > .content-container > .homepage-block-title-showbiz-and-gossip .module-header span:after{
color : #af4a8a;
}
.in-life.in-life-page > #main-body > .main-body > .main-body-components> #innerpage-container > .content-container > .homepage-block-title-showbiz-and-gossip .module-header hr {
border-top: 2px solid #af4a8a;
color: #af4a8a;
text-align: center;
height: 0;
margin: 30px 0px;
}
.in-life.in-life-page > #main-body > .main-body > .main-body-components> #innerpage-container > .content-container > .homepage-block-title-showbiz-and-gossip .news-item h2:hover{
color: #af4a8a;
}
/* Fashion And Beauty */
.homepage-block-title-fashion-and-beauty{
display : table;
}
.homepage-block-title-fashion-and-beauty .module-header p{
text-align : center;
font-family: "DIN-Bold";
font-size: 25px;
color: #859299;
margin-bottom: 20px;
padding-top: 16px;
}
.homepage-block-title-fashion-and-beauty .module-header hr{
border-top : 2px solid #af4a8a;
color : #af4a8a;
text-align : center;
height : 0;
margin : 30px 0px;
}
.homepage-block-title-fashion-and-beauty .module-header span:after{
content : "FASHION & BEAUTY";
font-family : "DIN-Medium";
display : inline-block;
position : relative;
top : -60px;
font-size : 50px;
padding : 0px 15px 0 15px;
background : white;
color : #af4a8a;
}
.homepage-block-title-fashion-and-beauty .module-header span{
margin : 0 auto;
display : table;
margin-bottom : -60px;
}
.homepage-block-title-fashion-and-beauty .news-item-container{
width : 50%;
float : left;
margin-bottom : 10px;
}
.homepage-block-title-fashion-and-beauty .news-item .publish .fa-calendar{
width: 23px !important;
height: unset !important;
object-fit: unset !important;
margin: 0px 8px -2px 0px;
}
.homepage-block-title-fashion-and-beauty .news-item{
padding : 0 10px 10px 10px;
height : 365px;
}
.homepage-block-title-fashion-and-beauty .news-item img{
width : 100%;
height : 195px;
object-fit : cover;
}
.homepage-block-title-fashion-and-beauty a{
text-decoration : none;
color : #333;
}
.homepage-block-title-fashion-and-beauty .news-item .publish{
margin : 0 auto;
display : table;
margin-top : 0px;
margin-bottom : 10px;
font-family : "DIN-Medium";
font-size : 20px;
}
.homepage-block-title-fashion-and-beauty .news-item h2{
margin-top : 0px;
margin-bottom : 0px;
padding-bottom : 5px;
text-align : center;
}
.homepage-block-title-fashion-and-beauty .news-item h2:hover{
color: #af4a8a;
}
.homepage-block-title-fashion-and-beauty .news-item p{
margin-top : 0px;
margin-bottom : 0px;
font-family : "DIN-Regular";
font-size : 18px;
}
.homepage-block-title-fashion-and-beauty .read-more{
display : inline;
width : 100%;
float : left;
text-align : center;
}
/* Lifestyle */
.homepage-block-title-lifestyle{
display : table;
}
.homepage-block-title-lifestyle .module-header p{
text-align : center;
font-family: "DIN-Bold";
font-size: 25px;
color: #859299;
margin-bottom: 20px;
padding-top: 16px;
}
.homepage-block-title-lifestyle .module-header hr{
border-top : 2px solid #af4a8a;
color : #af4a8a;
text-align : center;
height : 0;
margin : 30px 0px;
}
.homepage-block-title-lifestyle .module-header span:after{
content : "LIFESTYLE";
font-family : "DIN-Medium";
display : inline-block;
position : relative;
top : -60px;
font-size : 50px;
padding : 0px 15px 0 15px;
background : white;
color : #af4a8a;
}
.homepage-block-title-lifestyle .module-header span{
margin : 0 auto;
display : table;
margin-bottom : -60px;
}
.homepage-block-title-lifestyle .news-item-container{
width : 50%;
float : left;
margin-bottom : 10px;
}
.homepage-block-title-lifestyle .news-item .publish .fa-calendar{
width: 23px !important;
height: unset !important;
object-fit: unset !important;
margin: 0px 8px -2px 0px;
}
.homepage-block-title-lifestyle .news-item{
padding : 0 10px 10px 10px;
height : 365px;
}
.homepage-block-title-lifestyle .news-item img{
width : 100%;
height : 195px;
object-fit : cover;
}
.homepage-block-title-lifestyle a{
text-decoration : none;
color : #333;
}
.homepage-block-title-lifestyle .news-item .publish{
margin : 0 auto;
display : table;
margin-top : 0px;
margin-bottom : 10px;
font-family : "DIN-Medium";
font-size : 20px;
}
.homepage-block-title-lifestyle .news-item h2{
margin-top : 0px;
margin-bottom : 0px;
padding-bottom : 5px;
text-align : center;
}
.homepage-block-title-lifestyle .news-item h2:hover{
color: #af4a8a;
}
.homepage-block-title-lifestyle .news-item p{
margin-top : 0px;
margin-bottom : 0px;
font-family : "DIN-Regular";
font-size : 18px;
}
.homepage-block-title-lifestyle .read-more{
display : inline;
width : 100%;
float : left;
text-align : center;
}
/* Food And Fitness */
.homepage-block-title-food-and-fitness{
display : table;
}
.homepage-block-title-food-and-fitness .module-header p{
text-align : center;
font-family: "DIN-Bold";
font-size: 25px;
color: #859299;
margin-bottom: 20px;
padding-top: 16px;
}
.homepage-block-title-food-and-fitness .module-header hr{
border-top : 2px solid #af4a8a;
color : #af4a8a;
text-align : center;
height : 0;
margin : 30px 0px;
}
.homepage-block-title-food-and-fitness .module-header span:after{
content : "FOOD & FITNESS";
font-family : "DIN-Medium";
display : inline-block;
position : relative;
top : -60px;
font-size : 50px;
padding : 0px 15px 0 15px;
background : white;
color : #af4a8a;
}
.homepage-block-title-food-and-fitness .module-header span{
margin : 0 auto;
display : table;
margin-bottom : -60px;
}
.homepage-block-title-food-and-fitness .news-item-container{
width : 50%;
float : left;
margin-bottom : 10px;
}
.homepage-block-title-food-and-fitness .news-item .publish .fa-calendar{
width: 23px !important;
height: unset !important;
object-fit: unset !important;
margin: 0px 8px -2px 0px;
}
.homepage-block-title-food-and-fitness .news-item{
padding : 0 10px 10px 10px;
height : 365px;
}
.homepage-block-title-food-and-fitness .news-item img{
width : 100%;
height : 195px;
object-fit : cover;
}
.homepage-block-title-food-and-fitness a{
text-decoration : none;
color : #333;
}
.homepage-block-title-food-and-fitness .news-item .publish{
margin : 0 auto;
display : table;
margin-top : 0px;
margin-bottom : 10px;
font-family : "DIN-Medium";
font-size : 20px;
}
.homepage-block-title-food-and-fitness .news-item h2{
margin-top : 0px;
margin-bottom : 0px;
padding-bottom : 5px;
text-align : center;
}
.homepage-block-title-food-and-fitness .news-item h2:hover{
color: #af4a8a;
}
.homepage-block-title-food-and-fitness .news-item p{
margin-top : 0px;
margin-bottom : 0px;
font-family : "DIN-Regular";
font-size : 18px;
}
.homepage-block-title-food-and-fitness .read-more{
display : inline;
width : 100%;
float : left;
text-align : center;
}
/* In Life Videos */
.homepage-block-title-in-life-videos{
display : table;
}
.homepage-block-title-in-life-videos .module-header p{
text-align : center;
font-family: "DIN-Bold";
font-size: 25px;
color: #859299;
margin-bottom: 20px;
padding-top: 16px;
}
.homepage-block-title-in-life-videos .module-header hr{
border-top : 2px solid #af4a8a;
color : #af4a8a;
text-align : center;
height : 0;
margin : 30px 0px;
}
.homepage-block-title-in-life-videos .module-header span:after{
content : "IN LIFE VIDEOS";
font-family : "DIN-Medium";
display : inline-block;
position : relative;
top : -60px;
font-size : 50px;
padding : 0px 15px 0 15px;
background : white;
color : #af4a8a;
}
.homepage-block-title-in-life-videos .module-header span{
margin : 0 auto;
display : table;
margin-bottom : -60px;
}
.homepage-block-title-in-life-videos .news-item-container{
width : 50%;
float : left;
margin-bottom : 10px;
}
.homepage-block-title-in-life-videos .news-item .publish .fa-calendar{
width: 23px !important;
height: unset !important;
object-fit: unset !important;
margin: 0px 8px -2px 0px;
}
.homepage-block-title-in-life-videos .news-item{
padding : 0 10px 10px 10px;
height : 365px;
}
.homepage-block-title-in-life-videos .news-item img{
width : 100%;
height : 195px;
object-fit : cover;
}
.homepage-block-title-in-life-videos a{
text-decoration : none;
color : #333;
}
.homepage-block-title-in-life-videos .news-item .publish{
margin : 0 auto;
display : table;
margin-top : 0px;
margin-bottom : 10px;
font-family : "DIN-Medium";
font-size : 20px;
}
.homepage-block-title-in-life-videos .news-item h2{
margin-top : 0px;
margin-bottom : 0px;
padding-bottom : 5px;
text-align : center;
}
.homepage-block-title-in-life-videos .news-item h2:hover{
color: #af4a8a;
}
.homepage-block-title-in-life-videos .news-item p{
margin-top : 0px;
margin-bottom : 0px;
font-family : "DIN-Regular";
font-size : 18px;
}
.homepage-block-title-in-life-videos .read-more{
display : inline;
width : 100%;
float : left;
text-align : center;
}
.in-life.in-life-page > #main-body > .main-body > .main-body-components> #innerpage-container > .content-container > #load-more-cotainer{
display: none;
}
.in-life.in-life-page > #main-body > .main-body > .main-body-components> #innerpage-container > .content-container > #loadMoreContainer{
display: none;
}
#social-facebook{
width: 18px;
height: 18px;
background-image: url('../img/socialshare/socials.png');
background-position: 0px -1px;
}
#social-twitter{
width: 18px;
height: 18px;
background-image: url('../img/socialshare/socials.png');
background-position: 0 21px;
}
#social-instagram{
width: 18px;
height: 18px;
background-image: url('../img/socialshare/socials.png');
background-position: 0 71px;
}
#social-youtube{
width: 18px;
height: 18px;
background-image: url('../img/socialshare/socials.png');
background-position: 0 44px;
}
#loadMoreArticles{
text-align : center;
}
.top-10-poll .poll-alternatives span{
display: none !important;
}
.top-10-poll .poll-alternatives li.voted{
border: none !important;
}
.poll-alternatives{
padding: 0px;
list-style-type: none;
}
.poll-alternatives span{
display: none;
float: right;
}
.poll-alternatives li.voted{
border: 1px soliD rgb(29, 190, 207);
border-radius: 3px;
}
.poll-alternatives li{
padding : 2px;
display : list-item;
}
.show-poll-results{
display: none;
background: white;
color: #9e0000;
border: none;
padding: 4px 18px;
cursor: pointer;
border: 1px solid rgba(128, 128, 128, 0.67);
margin-left: 11px;
}
.vote-poll{
display: none;
background: #16bbcb;
font-size:17px;
font-weight: bold;
color: white;
border: none;
padding: 4px 18px;
cursor: pointer;
font-family: "Din-Light";
}
#youtube-video{
width : 100%;
height : 350px;
}
#facebook-video{
width : 100%;
height : 350px;
}
#local-video{
width : 100%;
height : 350px;
}
.image-gallery-container{
}
#custom-gallery{
position : relative;
}
#gallery-image-title{
font-size : 13pt;
color : #111;
margin : 3px 0 3px 0;
text-align : center;
text-transform: initial;
}
#gallery-image-desc{
font-size : 11pt;
color : #111;
margin : -5px 0 3px 0;
background : #ededed;
padding : 10px 10px;
text-transform: initial;
}
#custom-gallery-image{
width : 100%;
height : 450px;
object-fit : contain;
background-color: black;
}
#left-arrow-container{
position : absolute;
top : 0;
bottom : 0;
width : 50px;
left : 4px;
display : -webkit-box;
display : -ms-flexbox;
display : flex;
-webkit-box-pack : center;
-ms-flex-pack : center;
justify-content : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
#right-arrow-container{
position : absolute;
top : 0;
bottom : 0;
width : 50px;
right : 4px;
display : -webkit-box;
display : -ms-flexbox;
display : flex;
-webkit-box-pack : center;
-ms-flex-pack : center;
justify-content : center;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
.error-404{
float : left;
width : calc( 100% - 310px );
}
.error-404 h3{
padding : 15px;
text-align : center;
color : #c4161c;
}
.error-404 a{
padding : 15px;
}
.error-404 img{
width : 100%;
}
.error-404 input{
padding : 5px;
width : 100%;
display : table;
margin : 0 auto;
text-align : center;
font-size: 18px;
max-width: 300px;
}
a[href="/russia-2018"] {
display: none;
}
.horoscope{
margin-top : 10px;
}
/* Contact Form */
form.contact-form{
}
form.contact-form, form.contact-form input, form.contact-form textarea, form.contact-form .g-recaptcha{
width : 100% !important;
}
form.contact-form input{
height: 17px;
padding: 6px 1px;
margin-bottom: 5px;
}
form.contact-form textarea{
margin-bottom: 5px;
}
form.contact-form button.send-contact-form-btn{
background: #15bece none repeat scroll 0 0 !important;
border-bottom: 2px solid rgba(0, 0, 0, 0.3) !important;
color:#FFF;
border-image: none;
border-left: 0 none;
border-radius: 2px;
border-right: 0 none;
border-top: 0 none;
box-shadow: none;
margin-top: 10px;
padding: 8px 20px;
text-shadow: none !important;
text-transform: uppercase;
transition: all 0.3s ease 0s;
cursor:pointer;
}
/* /Contact Form */
/*********************
/Content
*********************/
/*********************
4- Footer
*********************/
#footer-body{
padding : 60px 0 0;
max-width : none;
display : grid;
background : #e1e4e6;
}
#footer-body > .footer-body{
padding : 10px;
}
#footer-body a, #footer-body span, #footer-body h3, #footer-body p{
color : #000;
text-decoration : none;
font-family: "DIN-Medium";
font-size: 16px;
}
#footer-body h3{
margin-bottom : 14px;
color : #00abbc;
font-family : "DIN-Bold";
font-size : 30px;
margin-top : 0px;
margin-bottom : 25px;
}
#footer-body .footer-col-1{
width : 25%;
float : left;
}
#footer-body .footer-col-2{
width : calc( 42% - 31px);
float : left;
border-left : 1px solid white;
height : 483px;
padding : 0 15px;
}
#footer-body .footer-col-3{
width : calc( 33% - 31px);
float : left;
border-left : 1px solid white;
height : 483px;
padding : 0 15px;
}
#footer-body .footer-col-1 ul{
list-style-type : none;
padding : 0;
margin-top : 0px;
}
#footer-body .footer-col-1 ul a{
font-family : "DIN-Medium";
font-size : 22px;
color : #000;
}
#footer-body .footer-col-1 #footer-logo{
max-width : 100px;
}
.footer-socials ul{
padding : 0px;
list-style-type : none;
text-align : center;
}
.footer-socials li{
display : inline-block;
}
.footer-socials .footer-social{
width : 38px;
height : 38px;
background-image : url(../img/socialshare/socialsfooter.png);
background-size : 525% 94%;
}
.footer-socials .footer-social-twitter{
background-position : 0px 0px;
}
.footer-socials .footer-social-facebook{
background-position : -51px 1px;
}
.footer-socials .footer-social-instagram{
background-position: -104px 0px;
}
.footer-socials .footer-social-youtube{
background-position: -159px 1px;
}
.footer-about p{
color: #000;
}
.footer-body{
width : 100%;
max-width : 1050px;
margin : 0 auto;
}
.to-top{
width : 36px;
height : 36px;
position : fixed;
border-radius : 17px;
background : #15bece;
background-position : 50% 50%;
background-image : url(../img/up.png);
background-repeat : no-repeat;
background-size : 21px;
cursor : pointer;
box-shadow : inset 0px 0px 0px 1px rgba(115, 115, 115, 0.43);
}
.scrolled{
right : 16px;
bottom : 34px;
z-index : 10;
top : auto;
}
footer{
background-color: #13171A;
}
footer .copyright{
font-family : "DIN-Medium";
color : #fff;
}
#playlist-trokit-video{
margin-bottom : 25px;
}
.youtube-playlist .link-all a{
text-transform : uppercase;
font-weight : bold;
color : #15BECE !important;
}
.youtube-playlist .video-list{
padding : 0;
list-style-type : none;
}
.youtube-playlist .video-list li.selected{
color : #15BECE !important;
}
.youtube-playlist .video-list li:hover{
color : #15BECE !important;
}
.youtube-playlist .video-list li{
font-family : "DIN-Medium";
border-bottom : 1px solid #ccc;
display : inline-block;
width : 100%;
padding : 10px 0;
color : #000;
font-size : 19px !important;
cursor : pointer;
}
/*********************
/Footer
*********************/
.custom-webover{
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.83);
z-index: 10;
}
.custom-webover .containner{
margin-left: calc( 50vw - 300px );
margin-top: calc( 50vh - 200px );
position: relative;
width: fit-content;
}
.custom-webover .x-icon{
top: -18px;
right: -19px;
position: absolute;
color: #fff;
background: #329aa7;
width: 33px;
height: 33px;
text-align: center;
border-radius: 50%;
line-height: 33px;
font-size: 24px;
font-family: "DIN-Light";
cursor: pointer;
}
.intv-videos .video-list{
float : left;
}
.intv-videos .youtube-video-prime{
float : left;
}
#debug{
background : #111;
color : #FFF;
display : none;
}
.b-lazy {
-webkit-transition : opacity 500ms ease-in-out;
-moz-transition : opacity 500ms ease-in-out;
-o-transition : opacity 500ms ease-in-out;
transition : opacity 500ms ease-in-out;
max-width : 100%;
opacity : 0;
background-image : url(../../assets/img/logo.png);
background-size : 100% auto;
background-repeat : no-repeat;
background-position: center;
}
.b-lazy.b-loaded {
opacity : 1;
}
.footer-copyright{
width : 100%;
max-width : 1050px;
margin : 0 auto;
color : #646464;
padding : 25px 10px;
position : relative;
}
.site-banner{
margin-top : 5px;
margin-bottom : 5px;
}
#mobile-logo{
width : 45px;
margin : 3px;
display : none;
}
.stick_block_layer{
background : rgba(51, 51, 51, 0.64);
opacity : 0.7;
-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter : alpha(opacity=70);
width : 100%;
height : 100%;
position : fixed;
top : 0;
left : 0;
}
.stick_close{
color: #fff;
margin-bottom: 2px;
font-size: 38px;
position: absolute;
right: -18px;
top: -16px;
background-color: #15bece;
line-height: 26px;
height: 32px;
width: 32px;
text-align: center;
border-radius: 50%;
cursor:pointer;
}
#FBStickLayer{
background: rgb(255, 255, 255);
padding: 10px 15px 10px 15px;
border-radius: 3px;
}
#real-time-news{
padding : 20px 5px 0 5px;
}
#real-time-news h3{
padding : 10px 0;
margin-bottom : 0px;
text-align : center;
}
#real-time-news h3 a{
text-decoration : none;
}
#real-time-news ul{
padding : 0;
list-style-type : none;
}
#real-time-news ul img{
width : 90px;
height : 70px;
object-fit : cover;
float : left;
}
#real-time-news ul li{
display : inline-block;
padding : 3px 0px;
width : 100%;
}
#real-time-news ul li a{
text-decoration : none;
color : #15bece;
}
#real-time-news ul li a.unclickable{
color : #484848 !important;
}
#real-time-news ul#normal_real_time_news li a:hover{
color : #3498db
}
#real-time-news ul#featured_real_time_news li a{
color : #fff;
}
#real-time-news ul li .news-title{
display : table;
padding-left : 5px;
font-family : "DIN-Medium";
text-align : left;
}
#real-time-news ul li .news-time{
display : table;
padding-left : 5px;
}
#real-time-news #normal_real_time_news{
max-height : 555px;
overflow-y : scroll;
overflow-x : hidden;
margin-top : 0;
}
#real-time-news #featured_real_time_news{
margin-top : 0;
margin-bottom : 0;
animation : real-time-kryesore-pulse 1.3s infinite;
}
#real-time-news .featured-real-time{
width: 100%;
display: inline-block;
text-align: center;
background-color: rgba(212, 212, 213, 0.96);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding: 3px 0;
font-family: "DIN-Bold";
color: #525252;
display: none;
}
#real-time-news #normal_real_time_news li:hover{
background : #f3f3f3;
}
.pulse-menu {
padding: 0px 30px;
background: #16bece;
cursor: pointer;
box-shadow: 0 0 0 rgb(22, 190, 206);
animation: pulse 2s infinite;
color: white;
border-radius: 1px;
font-size: 28px;
}
.pulse-menu:hover {
animation: none;
}
@-webkit-keyframes pulse-menu {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(237, 29, 37, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 13px rgba(237, 29, 37, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(237, 29, 37, 0);
}
}
@keyframes pulse-menu {
0% {
-moz-box-shadow: 0 0 0 0 rgba(237, 29, 37, 0.4);
box-shadow: 0 0 0 0 rgba(237, 29, 37, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 13px rgba(237, 29, 37, 0);
box-shadow: 0 0 0 13px rgba(237, 29, 37, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(237, 29, 37, 0);
box-shadow: 0 0 0 0 rgba(237, 29, 37, 0);
}
}
.pulse {
padding: 0px 30px;
background: #16bece;
cursor: pointer;
box-shadow: 0 0 0 rgb(22, 190, 206);
animation: pulse 2s infinite;
color: white;
border-radius: 1px;
font-size: 28px;
}
.pulse:hover {
animation: none;
}
.pulse-in-news{
padding: 0px 30px;
background: #af4a8a;
cursor: pointer;
box-shadow: 0 0 0 rgb(22, 190, 206);
animation: pulse-in-news 2s infinite;
color: white;
border-radius: 1px;
font-size: 28px;
}
.pulse-in-life{
padding: 0px 30px;
background: #af4a8a;
cursor: pointer;
box-shadow: 0 0 0 rgb(22, 190, 206);
animation: pulse-in-life 2s infinite;
color: white;
border-radius: 1px;
font-size: 28px;
}
.pulse-in-sport{
padding: 0px 30px;
background: #af4a8a;
cursor: pointer;
box-shadow: 0 0 0 rgb(22, 190, 206);
animation: pulse-in-sport 2s infinite;
color: white;
border-radius: 1px;
font-size: 28px;
}
.pulse-in-smart{
padding: 0px 30px;
background: #af4a8a;
cursor: pointer;
box-shadow: 0 0 0 rgb(22, 190, 206);
animation: pulse-in-smart 2s infinite;
color: white;
border-radius: 1px;
font-size: 28px;
}
.article-62452 #article-img{
display: none;
}
.article-62452 #article-date{
display: none;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(22, 190, 206, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 13px rgba(22, 190, 206, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(22, 190, 206, 0);
}
}
@keyframes pulse-in-news {
0% {
-moz-box-shadow: 0 0 0 0 rgb(0, 0, 0, 0.4);
box-shadow: 0 0 0 0 rgb(0, 0, 0, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 13px rgb(0, 0, 0, 0);
box-shadow: 0 0 0 13px rgb(0, 0, 0, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgb(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgb(0, 0, 0, 0);
}
}
@keyframes pulse-in-life {
0% {
-moz-box-shadow: 0 0 0 0 rgba(175, 74, 138, 0.4);
box-shadow: 0 0 0 0 rgba(175, 74, 138, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 13px rgba(175, 74, 138, 0);
box-shadow: 0 0 0 13px rgba(175, 74, 138, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(175, 74, 138, 0);
box-shadow: 0 0 0 0 rgba(175, 74, 138, 0);
}
}
@keyframes pulse-in-sport {
0% {
-moz-box-shadow: 0 0 0 0 rgba(63, 182, 75, 0.4);
box-shadow: 0 0 0 0 rgba(63, 182, 75, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 13px rgba(63, 182, 75, 0);
box-shadow: 0 0 0 13px rgba(63, 182, 75, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(63, 182, 75, 0);
box-shadow: 0 0 0 0 rgba(63, 182, 75, 0);
}
}
@keyframes pulse-in-smart {
0% {
-moz-box-shadow: 0 0 0 0 rgba(40, 60, 146, 0.4);
box-shadow: 0 0 0 0 rgba(40, 60, 146, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 13px rgba(40, 60, 146, 0);
box-shadow: 0 0 0 13px rgba(40, 60, 146, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(40, 60, 146, 0);
box-shadow: 0 0 0 0 rgba(40, 60, 146, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(22, 190, 206, 0.4);
box-shadow: 0 0 0 0 rgba(22, 190, 206, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 13px rgba(22, 190, 206, 0);
box-shadow: 0 0 0 13px rgba(22, 190, 206, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(22, 190, 206, 0);
box-shadow: 0 0 0 0 rgba(22, 190, 206, 0);
}
}
@-webkit-keyframes real-time-kryesore-pulse {
0%{background-color: rgba(251, 58, 58,1)}
50%{background-color: rgba(251, 58, 58,0.9)}
100%{background-color: rgba(251, 58, 58,1)}
}
@-moz-keyframes real-time-kryesore-pulse {
0%{background-color: rgba(251, 58, 58,1)}
50%{background-color: rgba(251, 58, 58,0.9)}
100%{background-color: rgba(251, 58, 58,1)}
}
@keyframes real-time-kryesore-pulse {
0%{background-color: rgba(251, 58, 58,1)}
50%{background-color: rgba(251, 58, 58,0.9)}
100%{background-color: rgba(251, 58, 58,1)}
}
/*********************
@Media Queries
*********************/
/*********************
@Baners
*********************/
[data-banner="526"] {
position: fixed;
}
[data-banner="533"] {
position: fixed;
}
[data-banner="531"] {
position: fixed;
}
[data-banner="534"] {
position: fixed;
}
.medicin-banner-only{
display: none;
}
body.Med .medicin-banner-only{
display: block;
}
.in-life-blog-page{
display: none;
}
body.in-life-page .in-life-blog-page{
display: block;
}
[data-banner="562"] {
display: none;
}
@media screen and (max-width: 1400px) {
[data-banner="526"] {
display: none;
}
[data-banner="533"] {
display: none;
}
[data-banner="531"] {
display: none;
}
[data-banner="534"] {
display: none;
}
}
@media screen and (max-width: 1100px) {
.error-404{
float : left;
width : calc( 100% - 320px );
}
.homepage-position-1-container{
width : calc( 100% - 340px ) ;
}
.homepage-position-2-container{
width : 300px;
}
.homepage-position-3-container{
width : 100%;
}
.homepage-position-4-container{
width : calc( 100% - 342px ) ;
}
.homepage-position-5-container{
width : 300px;
}
#article-container{
width : calc( 100% - 340px );
}
section .main-body > div.main-body-sidebar-1{
width : 310px;
}
}
@media screen and (max-width: 1050px) {
.topnav a{
padding : 14px 14px;
}
}
@media screen and (max-width: 1040px) {
.social-share > a.googleplus {
width : 40px
}
.social-share > a.whatsapp {
width : 40px
}
.social-share > a.whatsapp > span {
display : none;
}
.related-item-container {
width: 100%;
}
.related-item img {
height: 175px;
}
}
@media screen and (max-width: 980px) {
section .main-body > div.main-body-sidebar-1{
box-shadow : initial;
}
.mobile-right-components{
display : initial;
}
#top-bar .right{
margin : 15px 100px 15px 0px;
width : initial;
}
#top-bar .left {
width : calc(100% - 200px);
}
#mobile-logo{
/* display : inline-block;*/
}
#header{
padding : 5px 0;
}
.header-logo{
/* display : none !important;*/
margin: 14px 0 -12px 0;
}
#main-menu{
display : none;
}
#desktop-search {
display : none;
}
#mobile-search {
display : block;
float : left;
}
#searching-modal > .modal-content{
max-width : 620px;
}
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float : right;
display : block;
padding-top : 7px;
font-size : 24px;
color : #FFF;
}
.topnav{
height : 46px;
transition : all 0.3s;
overflow : hidden;
}
.topnav.responsive {
height : 460px;
position : relative;
}
.topnav.responsive .icon {
position : absolute;
right : 0;
top : 1px;
padding-top : 5px;
padding-bottom : 6px;
color : #FFF;
}
.topnav a {
font-size : 15px;
color : #FFF;
}
.topnav.responsive a {
float : none;
display : block;
text-align : left;
}
.topnav.responsive #mobile-search{
display : none;
}
.main-menu-container .topnav.responsive:first-child{
}
#top-bar .center{
margin-left: 0px;
width: calc(100% - 120px);
}
#top-bar .center ul{
margin-top: 0px !important;
}
#top-bar .center ul li img{
width: calc(100% - 4px);
height: 58%;
margin-top: 10px;
margin-left: 2px;
}
#top-bar .center ul li{
width: calc(25% - -15px);
}
#top-bar .right{
display: none;
}
}
@media screen and (max-width: 920px) {
.slideshow-header-homepage p{
display: none;
}
}
@media screen and (max-width: 800px) {
.in-smart-page section#header .header-logo img{
width: 100%;
height: auto !important;
max-width: none;
}
.in-life-page section#header .header-logo img{
width: 100%;
height: auto !important;
max-width: none;
}
.in-sport-page section#header .header-logo img{
width: 100%;
height: auto !important;
max-width: none;
}
.in-news-page section#header .header-logo img{
width: 100%;
height: auto !important;
max-width: none;
}
.homepage-block-title-latest-category-items .news-item{
width : 100%;
}
.homepage-block-title-latest-category-items .news-item a{
width : 100%;
}
#header-banner{
display: none;
width : 100%;
float : initial;
}
#real-time-news ul li{
width : 100%;
}
#header > .header{
height : auto;
}
.error-404{
width : calc( 100%);
}
#footer-body .footer-col-1{
width : 100%;
padding-left : 25px;
}
#footer-body .footer-col-2{
width : calc( 100% - 50px );
height : initial;
}
#footer-body .footer-col-3{
width : 100%;
}
footer{
display: inline-block;
width: 100%;
}
.homepage-position-1-container{
width : 100%;
padding : 0px;
}
.homepage-position-2-container{
width : 100%;
text-align : center;
padding : 0px;
}
.homepage-position-3-container{
width : 100%;
}
.homepage-position-4-container{
width : 100%;
padding : 0px;
}
.homepage-position-5-container{
width : 100%;
text-align : center;
padding : 0px;
}
section .main-body {
border-radius : 0 0 10px 10px;
}
.hidden-mobile{
display : none;
}
.hidden-desktop{
padding : 10px 0 0 0;
display : block !important;
max-width : 300px;
text-align : center;
margin : 0 auto;
}
.category-item{
width :100%;
}
.slideshow-header-homepage p{
display: block;
}
#article-container h3{}
#article-container {
padding : 10px;
width : calc( 100% - 20px );
}
section#header {
display : block;
height : auto !important;
}
section#header .header-logo{
width : 100%;
float : initial;
text-align : center;
margin-bottom : 10px;
padding-top : 5px;
padding-bottom : 10px;
}
section .main-body>div.main-body-components{
padding : 0px;
}
section .main-body{
display : block;
justify-content : initial;
}
section .main-body>div.main-body-components{
width : 100%;
float : initial;
}
section .main-body>div.main-body-sidebar-1{
width : 100%;
padding : 10px 0 0 0;
display : block;
max-width : 300px;
text-align : center;
margin : 0 auto;
float : none;
}
.social-share > a.googleplus {
width : 40px
}
.social-share > a.whatsapp {
width : 40px
}
.social-share > a.googleplus > span {
}
.social-share > a.whatsapp > span {
display : none;
}
/* showbiz-dhe-lifestyle showbiz mobile*/
.slideshow-showbiz-dhe-lifestyle-homepage .news-item-container {
width: 100%;
}
.slideshow-showbiz-dhe-lifestyle-homepage .news-item img {
width: 150px;
height: 120px;
object-fit: cover;
float: left;
margin: 2px 14px 3px 0px;
}
.slideshow-showbiz-dhe-lifestyle-homepage .news-item h2{
font-size: 16px!important;
}
.slideshow-showbiz-dhe-lifestyle-homepage .publish {
color: #111 !important;
font-size: 14px !important;
}
.slideshow-showbiz-dhe-lifestyle-homepage .news-item {
padding: 0 10px 0 15px;
}
/* end showbiz-dhe-lifestyle showbiz mobile*/
.social-share > a.facebook {
width : calc( 33% - 13px );
}
.social-share > a.facebook > span {
}
.social-share > a.twitter {
width : calc( 33% - 13px );
}
.social-share > a.twitter > span {
}
.social-share > a.googleplus {
width : calc( 33% - 13px );
}
.social-share > a.googleplus > span {
}
#footer-body{
max-width : 100%;
overflow : hidden;
display : inline-block;
}
.related-item-container {
width: 25%;
}
.related-item img {
height: 110px;
}
#real-time-news.full #normal_real_time_news{
overflow-y : scroll !important;
}
#real-time-news #normal_real_time_news{
max-height : 773px;
overflow-y : hidden;
border : 1px solid #d4d4d4;
padding : 2px;
}
.in-news-page section#header{
height : 225px;
}
#menu-flash-news {
line-height: 32px;
height: 50px;
}
#menu-flash-news > a.previews{
left: 10px;
top: -2px;
}
#menu-flash-news > a.next{
right: 10px;
top: -2px;
}
#menu-flash-news a.news-item{
line-height: 30px;
font-size: 23px;
width: 75%;
}
.bottom-menu > li > .bottom-menu-submenu{
position: absolute;
background-color: #14bece;
z-index: 1000;
right: auto;
left: 117px;
padding: 4px !important;
top: 0;
border-radius: 5px;
box-shadow: 0 0 12px #0000007a;
}
}
@media screen and (max-width: 650px) {
.full-slideshow-fashion img{
height : 140px;
}
#searching-modal > .modal-content{
max-width : calc(100% - 40px);
}
.search-item .content{
width : 100%;
padding-left : 0px;
}
.search-item .image {
float : none;
}
.search-item .image img{
width : 100%;
height : 180px;
}
section .main-body>div.main-body-components{
width : 100%;
float : initial;
}
section .main-body>div.main-body-sidebar-1{
width : 100%;
}
#custom-gallery-image{
height : 300px;
}
}
@media screen and (max-width: 600px) {
section .main-body div.main-body-sidebar{
float: none;
margin: 0 auto;
}
.in-news-page #header {
padding : 5px 0px;
}
#menu{
display: none;
}
.homepage-block-title-latest-category-items .news-item h2{
font-size : 16px;
}
.homepage-block-title-latest-category-items .news-item .publish{
font-size : 15px;
float : right;
}
.desktop-top-menu a{
font-size : 14px !important;
}
#innerpage-container .content-container{
float : left;
width : 100%;
}
.category-item img{
height : 240px;
}
.homepage-block-title-in-news .news-item-container{
width : 100%;
height : auto;
}
.homepage-block-title-in-news .news-item{
height : auto;
}
.homepage-block-title-in-news .news-item img{
height : auto !important;
}
.homepage-block-title-showbiz-and-gossip .news-item-container{
width : 100%;
height : auto;
}
.homepage-block-title-showbiz-and-gossip .news-item{
height : auto;
}
.homepage-block-title-showbiz-and-gossip .news-item img{
height : auto !important;
}
.homepage-block-title-magazina .news-item-container{
width : 100%;
height : auto;
}
.homepage-block-title-magazina .news-item img{
height : auto !important;
height : auto;
}
.homepage-block-title-in-smart .news-item-container{
width : 100%;
height : auto;
}
.homepage-block-title-in-smart .news-item img{
height : auto !important;
}
.homepage-block-title-sports .news-item-container{
width : 100%;
height : auto;
}
.homepage-block-title-sports .news-item img{
height : auto !important;
}
.homepage-block-title-music .news-item-container{
width : 100%;
height : auto;
}
.homepage-block-title-music .news-item img{
height : auto !important;
}
.related-item-container {
width: 100%;
float: left;
margin-bottom: 10px;
}
.related-item img {
height: 185px;
}
.social-share > a.googleplus {
width : 40px;
}
.social-share > a.googleplus > span {
display : none;
}
.social-share > a.facebook {
width : calc( 50% - 40px );
}
.social-share > a.facebook > span {
}
.social-share > a.twitter {
width : calc( 50% - 40px );
}
.social-share > a.twitter > span {
}
.close{
top : 0px;
right : 10px;
font-size : 40px;
}
#searching-form input.keyword {
font-size : 28px;
}
}
@media screen and (max-width: 520px) {
#mobile-logo{
margin-top : 15px;
}
.desktop-top-menu a{
font-size : 16px !important;
padding : 10px 2px 8px;
}
#top-bar .left {
width : 100%;
}
#top-bar{
}
#top-bar ul{
margin-top : -10px;
}
#top-bar .right {
margin : 2px 100px 15px 0px;
}
}
@media screen and (max-width: 480px) {
.desktop-top-menu a{
font-size : 14px !important;;
}
section .main-body {
display : block;
justify-content : inherit;
}
section#header {
justify-content : initial;
}
.category-item{
width:100%;
}
.category-item a{
min-height: auto;
}
}
@media screen and (max-width: 350px) {
#top-bar .center ul li img{
width: calc(100% - 4px);
height: 50%;
margin-top: 11px;
margin-left: 2px;
}
}