header .gradient {
	display: block;
	width: 100%;
	height: 67px;
	text-align: center;
	padding: 20px 0 7px;
	background-color: #0B1971;
	background: -webkit-linear-gradient(top, #0B1971, #1728AE 100%, #1728AE);
	background: -o-linear-gradient(bottom, #0B1971, #1728AE 100%, #1728AE);
	background: -moz-linear-gradient(bottom, #0B1971, #1728AE 100%, #1728AE);
	background: linear-gradient(to bottom, #0B1971, #1728AE 100%, #1728AE);
}

header .gradient .top_logo {
	display: flex;
	justify-content: space-between;
}

header .gradient .hamburger {
	width: 50px;
}

header .gradient .hamburger a:before {
	font-family: 'Genericons';
	font-size: 23px;
	line-height: 0;
	content: '\f191';
	color: #fff;
	position: relative;
	top: 6px;
}

header .gradient .hamburger.close a:before {
	font-family: 'Genericons';
	font-size: 17px;
	line-height: 0;
	content: '\f107';
	color: #fff;
	position: relative;
	top: 1px;
}

header .gradient .logo {
	width: calc(100% - 100px);
}

header .gradient .logo a {
	display: block;
}

header .gradient .logo a img {
	width: 82%;
	max-width: 82%;
}

header .gradient .search {
	width: 50px;
}

header .gradient .search:before {
	font-family: 'Genericons';
	font-size: 21px;
	line-height: 0;
	content: '\f166';
	color: #fff;
	position: relative;
	top: 2px;
}

header .gradient .country_langs {
	font-size: 10px;
	line-height: 11px;
	color: #fff;
	position: relative;
	top: -3px;
}

header .search_box {
	display: block;
	width: 100%;
	text-align: center;
	height: 50px;
}

header .search_box form {
	position: relative;
	width: 100%;
}

header .search_box form input {
	border: 1px solid #ccc;
	font-size: 13px;
	height: 23px;
	line-height: 13px;
	position: absolute;
	top: 13px;
}

header .search_box form input[type='text'] {
	display: inline-block;
	width: 63%;
	left: 13px;
}

header .search_box form input[type='submit'] {
	display: inline-block;
	width: 28%;
	right: 13px;
}

header .categories {
	background-color: #05104E;
	color: #fff;
	height: 28px;
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	padding: 0 10px;
}

header .categories::-webkit-scrollbar {
	display: none;
}

header .categories a {
	font-size: 13px;
	line-height: 15px;
	color: #fff;
}

header .categories li {
	display: inline-block;
	text-transform: uppercase;
	margin-right: 28px;
}

header #navbox {
	display: block;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.95);
	font-size: 13px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	position: absolute;
	top: 67px;
	left: 0;
	z-index: 1000;
}

header #navbox a {
	color: #000;
	font-weight: bold;
}

header .hidden, header #navbox.hidden {
	display: none;
}

header #navbox ul, header #navbox li {
	list-style-type: none;
}

header #navbox > ul {
	padding: 10px 12px 9px;
	border-bottom: 1px solid #ccc;
}

header #navbox > ul:last-child {
	padding-bottom: 15px;
}

header #navbox > ul.has_sub_menu {
	padding: 0;
}

header #navbox > ul.has_sub_menu > li {
	padding: 10px 0 9px 12px;
}

header #navbox > ul.has_sub_menu > li.expand {
	border-bottom: 1px solid #ccc;
}

header #navbox > ul.has_sub_menu .arrow_up_down {
	float: right;
	display: inline-block;
	text-align: center;
	height: 30px;
	width: 60px;
	padding-top: 1px;
}

header #navbox > ul.has_sub_menu .arrow_up_down:before {
	font-family: 'Genericons';
	content: '\f12a';
	font-size: 20px;
	line-height: 0;
	color: #000;
	position: relative;
	top: 6px;
}

header #navbox > ul.has_sub_menu li.expand .arrow_up_down:before {
	content: '\f10a';
}

header #navbox > ul.has_sub_menu > div {
	display: none;
}

header #navbox > ul.has_sub_menu > li.expand + div {
	display: block;
}

header #navbox > ul.has_sub_menu > div li {
	padding: 10px 12px 9px 43px;
	border-bottom: 1px solid #ccc;
}

header #navbox > ul.has_sub_menu > div li a {
	font-weight: normal;
}

header #navbox > ul.has_sub_menu > div li:last-child {
	border-bottom: none;
}

header #navbox > ul > li > a:before {
	font-family: 'Genericons';
	font-size: 18px;
	line-height: 0;
	color: #000;
	position: relative;
	top: 6px;
	margin-right: 9px;
}

header #navbox > ul.home > li > a:first-child:before {
	content: '\f192';
}

header #navbox > ul.home li {
	display: flex;
	justify-content: space-between;
}

header #navbox > ul.home li img {
	display: block;
	width: 100%;
	max-width: 100%;
}

header #navbox > ul.home li a {
	display: inline-block;
	width: 40%;
}

header #navbox > ul.home > li > a:first-child {
	padding-top: 2.8%;
}

header #navbox > ul.home a.uplift {
	width: 19%;
	margin-bottom: 0;
	margin-top: 2%;
}

header #navbox > ul.home a.epochtaste {
	width: 19%;
	padding-top: 4px;
}

header #navbox > ul.home a.epochtaste img {
	padding-top: 1px;
}

header #navbox > ul.todays_headline > li > a:before {
	content: '\f123';
}

header #navbox > ul.editors_picks > li > a:before {
	content: '\f11a';
	top: 5px;
}

header #navbox > ul.top_stories > li > a:before {
	content: '\f195';
	top: 4px;
}

header #navbox > ul.featured > li > a:before {
	content: '\f11c';
	top: 5px;
}

header #navbox > ul.special.series > li > a:before {
	content: '\f171';
	top: 3px;
}

header #navbox > ul.sports > li > a:before {
	content: '\f194';
	top: 4px;
}

header #navbox > ul.video > li > a:before {
	content: '\f196';
	top: 4px;
}

header #navbox > ul.us > li > a:before {
	content: '\f124';
}

header #navbox > ul.politics > li > a:before {
	content: '\f11f';
}

header #navbox > ul.china > li > a:before {
	content: '\f119';
}

header #navbox > ul.world > li > a:before {
	content: '\f126';
	top: 5px;
}

header #navbox > ul.opinion > li > a:before {
	content: '\f11e';
}

header #navbox > ul.business > li > a:before {
	content: '\f118';
	top: 9px;
}

header #navbox > ul.science > li > a:before {
	content: '\f121';
	top: 8px;
}

header #navbox > ul.health > li > a:before {
	content: '\f125';
}

header #navbox > ul.arts > li > a:before {
	content: '\f117';
	top: 7px;
}

header #navbox > ul.entertainment > li > a:before {
	content: '\f11b';
	top: 3px;
}

header #navbox > ul.life > li > a:before {
	content: '\f193';
	top: 4px;
}

footer {
	background-color: #eeeeee;
}

footer .bottom_logo {
	display: flex;
	justify-content: space-between;
	text-align: center;
	padding-top: 25px;
}

footer .bottom_logo .facebook {
	display: inline-block;
	width: 15%;
	text-align: right;
}

footer .bottom_logo .facebook a {
	display: inline-block;
	width: 21px;
	height: 21px;
	background-color: #4065B4;
}

footer .bottom_logo .facebook a:before {
	font-family: 'Genericons';
	font-size: 14px;
	line-height: 0;
	content: '\f12d';
	color: #fff;
	position: relative;
	top: －1px;
	right: 3px;
}

footer .bottom_logo .twitter a {
	display: inline-block;
	width: 21px;
	height: 21px;
	background-color: #57B8FB;
}

footer .bottom_logo .twitter a:before {
	font-family: 'Genericons';
	font-size: 14px;
	line-height: 0;
	content: '\f17c';
	color: #fff;
	position: relative;
	top: -1px;
	left: 4px;
}

footer .bottom_logo .logo {
	display: inline-block;
	width: 61%;
}

footer .bottom_logo .twitter {
	display: inline-block;
	width: 15%;
	text-align: left;
}

footer .bottom_logo .logo a {
	display: block;
}

footer .bottom_logo .logo a img {
	display: block;
	width: 100%;
	max-width: 100%;
}

footer ul.others {
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	padding: 10px 0;
	margin: 5px 15px 9px;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

footer ul.others li {
	display: block;
	color: #000;
	font-size: 13px;
	line-height: 30px;
	white-space: nowrap;
}

footer ul.others li a {
	color: #000;
}

footer .copyright {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 11px;
	line-height: 12px;
	margin-bottom: 30px;
}

@media only screen and (max-width: 320px) {
	footer ul.others li {
		font-size: 11px;
	}
}

footer #backtotop {
	display: block;
}

footer #backtotop .totop {
	opacity: 0.7;
	height: 45px;
	width: 45px;
	z-index: 10;
	position: fixed;
	bottom: 80px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	display: inline-block;
	background: url(/assets/themes/eet/images/backtotop.svg) no-repeat;
}

footer .cookie-small-bar {
    position: fixed;
    display: none;
    bottom: 0;
    right: 100px;
    border: 1px solid rgb(68, 68, 68);
    border-bottom: none;
    background-color: #fff;
    z-index: 999;
    text-align: center;
    font-size: 10pt;
    padding: 5px 10px;
    cursor: pointer;
    color: #000;
}

footer .cookie-bar {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #3d5a96;
    z-index: 999;
    vertical-align: middle;
    padding: 15px;
    font-size: 16px;
    color: #f2f2f2;
    line-height: 22px;
}

footer .cookie-bar .warning-text {
    width: 100%;
    padding: 0;
    text-align: left;
    margin-bottom: 20px;
}

footer .cookie-bar span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 10px;
}

footer .cookie-bar a {
    text-decoration: none;
}

footer .cookie-bar .accept-btn {
    background-color: #fff;
    box-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    -webkit-border-radius: 6px;
    padding: 5px 15px 6px;
    font-weight: 700;
    color: #000;
    margin-right: 15px;
}

footer .cookie-bar .accept-btn a {
    color: #000;
}

footer .cookie-bar .read-more a {
    color: #fff;
    padding: 0 10px;
    font-weight: bold;
    margin: 0 20px;
}

footer .cookie-bar #top_close a {
    color: #fff;
    font-size: 40px;
}

footer .cookie-bar .accept-btn a:hover,
footer .cookie-bar .read-more a:hover,
footer .cookie-bar #top_close a:hover{
    color: #E28504!important;
    text-decoration: none;
}

/* breaking news */

.main_content .breaking_container {
	display: none;
}

.breaking_container {
	position: absolute;
	top: 8px;
	left: 4px;
	display: inline-block;
	max-width: calc(100% - 10px);
	background: #683431;
	background: -webkit-linear-gradient(rgba(255, 0, 0, 0.85) 10%, rgba(114, 0, 0, 0.85));
	background: -o-linear-gradient(rgba(255, 0, 0, 0.85) 10%, rgba(114, 0, 0, 0.85));
	background: -moz-linear-gradient(rgba(255, 0, 0, 0.85) 10%, rgba(114, 0, 0, 0.85));
	background: linear-gradient(rgba(255, 0, 0, 0.85) 10%, rgba(114, 0, 0, 0.85));
	border-radius: 5px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	z-index: 8;
	padding: 10px 10px 15px 10px;
}

.breaking_container.fixtop {
	position: fixed;
	top: 50px;
}

.breaking_container .block_title .wide {
	color: #fff;
	border: 1px solid #fff;
	border-top: none;
	border-left: none;
	display: block;
}

.breaking_container .block_title .wide .breaking, .breaking_container .block_title .wide .news {
	display: block;
	width: 100%;
	padding-right: 10px;
}

.breaking_container .block_title .wide .breaking {
	font-size: 21px;
	font-weight: 600;
	line-height: 25px;
}

.breaking_container .block_title .wide .news {
	font-size: 38px;
	font-weight: 600;
	line-height: 29px;
	padding-bottom: 9px;
}

@media only screen and (max-width: 320px) {
	header .gradient .logo a img {
		position: relative;
		top: -3px;
	}
	.breaking_container .block_title .wide .breaking {
		font-size: 17px;
		font-weight: 600;
		line-height: 25px;
	}
	.breaking_container .block_title .wide .news {
		font-size: 31px;
		font-weight: 600;
		line-height: 29px;
		padding-bottom: 9px;
	}
}

.breaking_container .block_title {
	display: inline-block;
	width: 33.92%;
	float: left;
}

.breaking_container .title {
	width: 65%;
	display: inline-block;
	float: left;
	padding-left: 15px;
	padding-right: 7px;
}

.breaking_container .title a {
	color: #fff;
	font-size: 16px;
	line-height: 23px;
	font-family: Georgia;
	display: block;
	font-weight: 600;
}

.breaking_container .hide_button {
	position: relative;
	float: right;
	margin-top: 7px;
	border: 1px solid #fff;
	border-radius: 0 0 5px 0;
	padding: 4px 20px 2px;
}

.breaking_container .hide_button a {
	color: #fff;
	font-size: 12px;
	line-height: 13px;
	display: block;
}
/* breaking news ends */

ul.post_list li > a {
	position: relative;
}

.eet_video_icon {
	position: absolute;
	background-image: url(/assets/themes/eet/images/EET_Play_Button_big.svg);
	background-size: cover;
}

ul.post_list li .eet_video_icon {
	width: 50px;
	height: 50px;
	left: 50%;
	top: 38%;
	margin-left: -25px;
}