@charset "UTF-8";
/* CSS Document */
@import url("../css/font.css");
@import url("../css/reset.css");
.btn {
    display: block;
    float: right;
    font-family: times;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #5e4124;
    padding: 6px;
    margin: 2px;
    margin-top: 4px;
    text-decoration: none;
}
.container {
width: 1170px;
margin: 0 auto;
}
.rightContainer {
width: 770px;
float: right;
}
.leftContainer {
width: 370px;
float: left;
}
.topSoryMob{display: none;margin-top: 30px;position: relative;}
.firstHeader {
    background: #f2f2f2; border-bottom: 1px #c4161c solid; 
    border-top: 4px #c4161c solid; height: 41px;
}
.latestNews {
width: 670px;
float: right;
margin-top: 10px;
overflow: hidden;
}
.latestNews span {
color: #03c9a9;
float: right;
display: block;
width: 80px;
font-size: 18px;
margin-left: 10px;
}
.latestNews div {
float: right;
}
.socail {
float: left;
}
.socail ul {
float: left;
margin-top: 5px;
}
.socail ul li {
float: left;
margin-right: 10px;
}
.socail ul li a.facebook{
width: 32px;
height: 32px;
display: block;
background-position: 0px 0px;
background-color: #5d82d1;
}
.socail ul li a.twitter{
width: 32px;
height: 32px;
display: block;
background-position: -43px 0px;
background-color: #40bff5;
}
.socail ul li a.plus{
width: 32px;
height: 32px;
display: block;
background-position: -84px 0px;
background-color: #eb5e4c;
}
.socail ul li a.instagram{
width: 32px;
height: 32px;
display: block;
background-position: -127px 0px;
background-color: #548bb6;
}
.socail ul li a.youtube{
width: 32px;
height: 32px;
display: block;
background-position: -169px 0px;
background-color: #ef4e41;
}
.socail ul li a.soundcloud{
width: 32px;
height: 32px;
display: block;
background-position: -211px 0px;
background-color: #ff7e30;
}
.socail ul li a.rss{
width: 32px;
height: 32px;
display: block;
background-position: -253px 0px;
background-color: #faa33d;
}
.socail ul li a {
background-image: url(../png/socail.png);
}
.socail ul li a:hover {
    background-color: #03c9a9;
}
form.searchForm {
float: left;
margin-top: 5px;
}

input.txtSearch {
width: 161px;
height: 32px;
float: right;
font-family: JeFlat;
direction: rtl;
background-color: #fff;
border: 1px solid #03c9a9;
padding-right: 5px;
color: #03c9a9;
}
.logoArea {
margin-top: 30px;
}
a.headerAds {
float: left;
}

nav.container {
margin-top: 30px;
height: 45px;
position: relative;
transition: all 0.2s ease-in-out;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

div.subMenu {
	background-color: #1f1f1f;
	border-radius: 0px 0px 5px 5px;
	overflow:hidden;
	position: absolute;
	z-index: 99999;
	margin-top: 13px;          
	transition: height 1s;
	right: 0px;
	height: 0px;
	border-top: 1px #2f2f2f solid;
}
a.secTitle {
    color: #fff;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    font-size: 16px !important;
}
a.secTitle:hover {color:#6950a2;}
a.secTitle:before {
    font-size: 11px;
    margin-left: 5px;
}
ul.subSecLinks {
    background-color: #03c9a9;
    height: 32px;
    margin-top: 10px;
}
ul.subSecLinks li {
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px !important;
    margin-left: 0px !important;
    height: 28px !important;
    border-left: 1px #02836e solid;
}
ul.subSecLinks li:last-child{
   border-left: 0px; 
}
ul.subSecLinks li a {
    color: #fff;
    font-size: 14px !important;
}
ul.subSecLinks li:hover a {color:#1f1f1f;}
li.menuLatestNewsTitle {
    background-color: #6950a2 !important;
    display: block;
    padding-right: 5px;
    color: #fff;
    margin-bottom: 10px;
}
ul.menuLatestNews {
    width: 570px;
    float: right;
    margin-top: 20px;
}
ul.menuLatestNews li {
    background-color: #f2f2f2 !important;
    margin-bottom: 10px;
    color: #fff;
    height: 32px;
    overflow: hidden;
    float: none !important;
    margin-left: 0px !important;
}
ul.menuLatestNews li a {
    color: #22313f !important;
    margin-right: 5px;
    font-size: 14px !important;
}
ul.menuLatestNews li a:hover {color:#1f1f1f;}
ul.menuLatestNews li:nth-child(2) {
    height: 70px;
    overflow: hidden;
}
ul.menuLatestNews li:nth-child(2) a {
    float: right;
    margin-right: 0px;
    margin-top: -4px;
}
ul.menuLatestNews li:nth-child(2) a img {
    float: right;
    border: 1px #fff solid;
    box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
ul.menuLatestNews li:nth-child(2) a:hover img {border: 1px #1f1f1f solid;}
ul.menuLatestNews li:nth-child(2) a span {
    float: right;
    margin-right: 10px;
    font-size: 18px;
    width: 429px;
    display: block;
}
ul.menuLatestNews.left {
    margin-right: 30px;
}
a.mainSecLink {
    background-color: #03c9a9;
	height: 32px;
	margin-top: 10px;
    display: block;
}
a.mainSecLink span {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-left: auto;      
    margin-right: auto;
    padding-top: 4px;
    width: 164px;
}
a.mainSecLink span:before {
    margin-left: 10px;
    font-size: 30px;
    float: right;
    margin-top: -3px;
}
.sec-active{
	background-color: #1f1f1f;
	height: 45px !important;
	margin-top: -2px;
}
a.mainSecLink:hover span {color:#1f1f1f;}
ul.nav li {
    float: right;
    margin-left: 23px;
    height: 32px;
    padding-top: 10px;
}

nav.container ul.nav li:last-child {
    margin-left: 0px;
}

nav.container ul.nav li:first-child {
    margin-right: 10px;
}

nav.container ul.nav li a {
    color: #fff;
    font-size: 18px;
}

ul.nav {
}

nav.container ul.nav li:hover {
    border-bottom: 1px #03c9a9 solid;
}


.subMenu.clearfix ul li:first-child {
    margin-right: 0px !important;
    background-color: #03c9a9 !important;
}
.subMenu.clearfix ul li:last-child {
    margin-left: 0px !important;
}

nav.container ul.nav li:hover div.subMenu {   
    transition-delay:0s;
    
    height: 385px;
}

.nav-container {
    background: #1f1f1f;
    border-bottom: 1px #2f2f2f solid;
}


.subMenu ul li {
    border-bottom: 1px #2f2f2f solid;
}
ul.menuMore {
    position: absolute; 
    left: 0px;
    display: block;
    overflow: hidden;
    background-color: #1f1f1f; border-radius: 0px 0px 5px 5px;
    width: 99px;
    margin-top: 13px;
    height: 0px;
    transition: height 1s;
    z-index: 9999999;
}

ul.menuMore li {
    margin-right: 10px !important;
    border-bottom: 1px #1f1f1f solid;
}

ul.menuMore li:hover {}

nav.container ul.nav li:hover ul.menuMore {
    transition-delay: 0s; 
    height: 210px;
}

.topStory {
    background: #f2f2f2; margin-top: 30px; padding: 30px 0px; border-top: 1px #e7e7e7 solid; border-bottom: 1px #e7e7e7 solid;
}

.topStory ul li {
    float: right;
    width: 170px;
    margin-left: 30px;
}

.topStory ul li.topStoryBig {
    width: 370px;
    margin-bottom: 30px;
}

.topStory ul li:last-child {
    margin-left: 0px;
}

.topStory ul li:nth-child(3) {
    margin-left: 0px;
}

.topStory ul li a {
    position: relative; display: block; 
    height: 96px; overflow: hidden;
}

span.topStorySec {
    position: absolute; 
    background: #03c9a9; right: 20px; text-align: center; color: #fff; padding: 5px 20px; top: 1px;
}

span.topStoryTitle {
    position: absolute; background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%); 
    bottom: -120px; color: #fff; 
    width: auto; 
    padding: 60px 10px 40px 10px; 
    font-size: 14px;
}

.topStory ul li.topStoryBig span.topStoryTitle {
    font-size: 18px;
}

.topStory ul li.topStoryBig a {
    height: 208px;
}
.topStory ul li a img {
    border: 1px #03c9a9 solid; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.topStory ul li a:hover span.topStoryTitle {
    bottom: -30px;
}

.widthCat {
    margin-top: 30px;
}
.widthCat ul {
margin-top: 20px;
}
.widthCat ul li {
width: 100%;
height: 151px;
display: block;
float: right;
border-bottom: 1px #1f1f1f solid;
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 10px;
}
.widthCat ul li a img {
border: 1px #03c9a9 solid;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float: right;
}
.widthCat ul li a span {
float: right;
margin-bottom: 20px;
font-size: 18px;
width: 490px;
margin-right: 10px;
margin-top: 10px;
}
.widthCat ul li a p {
font-family: tahoma;
font-size: 12px;
font-weight: bold;
float: right;
width: 490px;
margin-right: 10px;
color: #949697;
height: 67px;
overflow: hidden;
}

.catHe {
    background: #1f1f1f;
    height: 41px;
    color: #fff;
    border-right: 5px #03c9a9 solid;
    padding-right: 10px;
    overflow: hidden;
    display: block;
}

span.catHeName {
    font-size: 18px;
    margin-top: 10px;
    float: right;
}

span.catHeMore {
    float: left;
    cursor: pointer;
}

span.catHeMore span {
    float: left;
    background: #03c9a9;
    padding: 0px;
    width: 0px;
    overflow: hidden;
    display: block;
}

span.catHeMore img {
    margin-top: 17px; 
    float: left;
    margin-left: 10px;
    width: 32px !important;
    height: 8px !important;
    border-radius: 0px;
}

.catHe:hover span.catHeMore img {
    width: 0px !important;
    margin-left: 0px;
}

.catHe:hover span.catHeMore span {
    width: auto;
    padding: 11px;
}

.widthCat ul li:last-child {
    margin-bottom: 0px;
}
.widthCat2 ul li:first-child {
    width: 100%;
    height: 151px;
}

.widthCat2 ul li {
    width: 370px;
    margin-left: 30px;
    overflow: hidden; 
    height: 58px;
}

.widthCat2 ul li:first-child span {
    width: 490px !important;
    font-size: 18px !important;
    margin-bottom: 20px !important;
    margin-top: 10px !important;
}

.widthCat2 ul li span {
    width: 260px !important;
    font-size: 16px !important;
    margin-bottom: 0px !important;
    margin-top: 6px !important;
}

.widthCat2 ul li:nth-child(odd) {
    margin-left: 0px;
}

.widthCat2 ul li:nth-child(6) {
    margin-bottom: 0px;
}

.hightCat {
    float: right;
    width: 370px;
}

.hightCat span.catHeTitle:after {
}

.hightCat ul li:first-child a span {
    width: 100%;
    margin-right: 0px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
    margin-top: 10px;
}

.hightCat ul li a span {
    width: 260px;
    margin-top: 3px;
    font-size: 16px;
    margin-bottom: 0px;
}
.hightCat ul li {
height: 56px;
}
.hightCat ul li:first-child {
height: 274px;
}

.sidebarAdPlace {
margin-top: 30px;
}

span.sidebarAdPlaceHe {
    background: #f2f2f2; display: block; font-size: 18px;  height: 40px; margin-bottom: 15px; line-height: 40px; 
    border-right: 5px #03c9a9 solid; padding-right: 10px;
}

.sidebarAdPlaceBg {
    background: #f2f2f2;
}

.sidebarAdPlaceBg img {
    margin: auto; display: block;
}
.sidebarCat ul li:first-child {
height: 58px;
}
.sidebarCat ul li:first-child a span {
width: 260px;
font-size: 16px;
margin-top: 3px;
margin-bottom: 0px;
margin-right: 10px;
text-align: right;
}
.sidebarCat2 ul li:first-child {
height: 274px;
}
.sidebarCat2 ul li:first-child a span {
text-align: center;
width: 100%;
margin-right: 0px;
font-size: 18px;
margin-top: 10px;
}
.sidebarWriters img {
border-radius: 50%;
}
.sidebarWriters ul li {
    height: 75px !important;
    padding-bottom: 0px;
}

.sidebarWriters ul li a img {
    float: left;
}

.sidebarWriters ul li span.WriterName {
    margin-bottom: 10px !important;
    margin-right: 0px !important;
    color: #949697;
    font-size: 18px;
}

.sidebarWriters ul li span {
    margin-right: 20px !important;
    float: right;
}
footer {
background: #2f2f2f;
border-top: 1px #e7e7e7 solid;
border-bottom: 1px #e7e7e7 solid;
margin-top: 30px;
}

ul.footerSec {
margin-top: 20px;
}
ul.footerSec li {
width: 160px;
float: right;
margin-bottom: 20px;
}
ul.footerSec li a {
color: #fff;
}
.footerBottom {
background: #1f1f1f;
border-top: 1px #5b5b5b solid;
border-bottom: 4px solid #03c9a9;
height: 41px;
}
.copyRight {
float: right;
margin-top: 12px;
color: #fff;
}
.copyRight span {
float: right;
margin-left: 10px;
}
.copyRight a {
color: #fff;
margin-left: 10px;
float: right;
}
a.fLogo img {
float: right;
margin-top: 65px;
margin-left: 125px;
margin-bottom: 43px;
}


a.sync {
    margin-top: 12px;
    float: left;
}

a.sync img {
    float: left;
}

a.sync span {
    float: left;
    color: #fff;
    margin-right: 10px;
    margin-top: 1px;
}

.galleryVideo {
    margin-top: 30px;
}

.videoSec ul {
    margin-top: 20px;
}

.videoSec ul li {
    float: right;
    width: 170px;
    margin-left: 30px;
}

.videoSec ul li a {
    position: relative; display: block; height: 96px; overflow: hidden;
}

.videoSec ul li:last-child {
    margin-left: 0px;
}

.videoSec ul li:nth-child(2) {
    margin-left: 0px;
}

.videoSec ul li.galleryVideoBig {
    width: 270px;
    margin-bottom: 30px;
}

.videoSec {
    width: 570px;
    float: right;
}

.videoSec ul li.galleryVideoBig a {
    height: 152px;
}

.videoSec ul li a img {
    border: 1px #03c9a9 solid; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.videoSec ul li a:hover span.topStoryTitle {
    bottom: -30px;
}

.videoSec ul li.galleryVideoBig span.topStoryTitle {
    font-size: 18px;
}

.gallerySec {
    margin-right: 30px;
}
.mSubMenu {
    display: none; 
    background: #1f1f1f;  color: #fff; position: relative;     
}

.mobileMenu {
    margin-top: 30px; 
    background: #1f1f1f; 
    height: 45px; 
    color: #fff;
    position: relative; transition: all 0.2s ease-in-out; -o-transition: all 0.2s; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
    display: none;
}
.mobileMenu img {
    float: right;
    margin-top: 6px;
    margin-right: 6px;
}

.mobileMenu span {
    float: right;
    margin-top: 10px; 
    margin-right: 10px;
}

.mSubMenu li a {
    color: #fff;
}

.mSubMenu li {
    margin-bottom: 10px;
    margin-right: 10px;
}
.topSoryMob a {
    width: 100%;
    display: block;
    height: auto;
    overflow: hidden;
    position: relative;
}

.topSoryMob a img {
	height:auto;
}
.topSoryMob span.topStoryTitle{
    bottom: 2px;
    width: 100%;
    font-size: 18px;
    line-height: 22px;
    padding: 60px 10px 20px 10px;
}
.topSoryMob span#topStoryMobPrev{
    background-image: url(../png/topStoryMobL.png); width: 40px; height: 40px; display: block; position: absolute; 
    top: 30%; 
    left: 0px; cursor: pointer; z-index: 99999;
}
.topSoryMob span#topStoryMobNext{
    background-image: url(../png/topStoryMobR.png); width: 40px; height: 40px; display: block; position: absolute; 
    top: 30%; 
    right: 0px; cursor: pointer; z-index: 99999;
}
ul li:hover span, ul.footerSec li:hover a, a.sync:hover span, .copyRight a:hover, .latestNews a:hover{color:#03c9a9;}
.topStory ul li:hover span, .galleryVideo ul li:hover span{color:#fff;}
.topStory .container:hover > ul li, .widthCat:hover > ul li, .videoSec:hover ul li, .gallerySec:hover ul li{opacity:.5;}
.topStory .container:hover > ul li:hover, .widthCat:hover > ul li:hover, .videoSec:hover ul li:hover, .gallerySec:hover ul li:hover{opacity:1;}
article h1 {
    background: #1f1f1f; 
    height: auto; color: #fff; border-right: 5px #03c9a9 solid; 
    padding: 10px; overflow: hidden; display: block;
    line-height: 23px;
    margin: 30px 0px;
}
article figure {
display: block;
margin: auto auto 20px;
position: relative;
}
img.articleImg {
margin: auto;
display: block;
border-bottom: 2px #03c9a9 solid;
border-top: 2px #03c9a9 solid;
}
article figcaption {
position: absolute;
color: #03c9a9;
background-color: #fff;
opacity: .7;
padding: 2px 5px 5px;
border-radius: 5px 0 0 5px;
bottom: 20px;
right: 100px;
}
.articleUser{
color: #03c9a9;
padding-bottom:10px;
display:block;
}
article p{font-family: tahoma; line-height:30px; color:#4f4f4f;}
::selection {
background:rgba(3, 201, 169, 0.2);
}
ul.secPager {
float: right;
background-color: #f2f2f2;
box-shadow: 0 0 5px 0 rgba(0,0,0,.063);
padding: 10px 10px 0 0;
margin-top: 20px;
}
ul.secPager li {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
ul.secPager li a {
width: 28px;
height: 23px;
display: block;
background-color: #1f1f1f;
text-align: center;
color: #fff;
font-size: 16px;
padding-top: 5px;
}
ul.secPager li a.secPagerActive, ul.secPager li a:hover {
    background-color: #03c9a9;
}