@charset "UTF-8";
/***************************************
	Theme Name: AlHadathNews
	Theme URI: http://www.semantic-solutions.net/
	Description: Wordpress template dedicated to alhadathnews
	Author: SikiFn
	Author URI: http://semantic-solutions.com/
	Version: 1.0.0
***************************************/

/*@import url(http://www.markmurray.co/codepen/entypostyle.css);*/


@font-face {
    font-family: "HacenTunisia";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/HacenTunisia.eot?#iefix") format("embedded-opentype"), url("fonts/HacenTunisia.woff") format("woff"), url("fonts/HacenTunisia.ttf") format("truetype"), url("fonts/HacenTunisia.svg") format("svg");
}
@font-face {
    font-family: "HacenTunisia";
    font-style: normal;
    font-weight: bold;
    src: url("fonts/HacenTunisiaBold.eot?#iefix") format("embedded-opentype"), url("fonts/HacenTunisiaBold.woff") format("woff"), url("fonts/HacenTunisiaBold.ttf") format("truetype"), url("fonts/HacenTunisiaBold.svg") format("svg");
}
@font-face {
    font-family: "DroidSansArabic";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/DroidSansArabic.eot?#iefix") format("embedded-opentype"), url("fonts/DroidSansArabic.ttf") format("truetype"), url("fonts/DroidSansArabic.svg") format("svg");
}
@font-face {
    font-family: "DroidKufi";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/DroidKufi-Regular.woff");
}
@font-face {
    font-family: "DroidKufi";
    font-style: normal;
    font-weight: bold;
    src: url("fonts/DroidKufi-bold.woff");
}

@font-face {
    font-family: 'semanticfontello';
    src: url('fonts/semanticfontello.eot?88026028');
    src: url('fonts/semanticfontello.eot?88026028#iefix') format('embedded-opentype'),
    url('fonts/semanticfontello.woff?88026028') format('woff'),
    url('fonts/semanticfontello.ttf?88026028') format('truetype'),
    url('fonts/semanticfontello.svg?88026028#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'semanticfontello';
        src: url('fonts/semanticfontello.svg?88026028#fontello') format('svg');
    }
}

[class^="semanticicon-"]:before, [class*=" semanticicon-"]:before, .search-block .search-button:before, blockquote:before, .rss-cat-icon:before, #twitter-widget li:before, .flex-direction-nav a:before, .overlay-icon:before {
    font-family: "semanticfontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    width:34px;
    height:34px;
    display:inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 34px;
    font-size:18px;
    -webkit-font-smoothing: antialiased;
    -o-transform: scale(1);
    text-rendering: optimizeLegibility;
    text-shadow: none;
}

body {
    direction: rtl;
}

body {
    font-family: DroidSansArabic, Tahoma, Verdana, Arial, Helvetica;
}

a {
   transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
}

/*-------------------------------------------------*/
/* =  Breaking News
/*-------------------------------------------------*/
#breaking-news-container {
    bottom: 0;
    margin: auto;
    position: fixed;
    width: 100%;
    z-index: 999;
    display: none;
}

#breaking-news {
    background-color: #FFF;
    margin: auto;
    padding: 0 20px;
    position: relative;
    width: 1000px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: solid #009fe3;
}

.breaking-title {
    background: none repeat scroll 0 0 #D21723;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 300px;
    width: 150px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
    border-right: 0;
}

.breaking-text {
    font-family: Oswald,'HacenTunisia';
    font-size: 22px;
    line-height: 30px;
    margin: auto;
    padding: 20px;
    position: relative;
}

.breaking-text p {
    line-height: 30px;
    font-family: Oswald,'HacenTunisia' !important;
    font-size: 20px !important;
    color: #444;
}

/* Animation */
@-webkit-keyframes    load{
    0%   {margin-left:0%;opacity:0;}
    15%  {opacity: 1}
    25%  {margin-left:55%;}
    50%  {margin-left:60%;}
    75%  {opacity: 1}
    80%  {margin-left:100%;opacity:0;}
}

@-webkit-keyframes    load2{
    0%   {margin-left:-20%;opacity:0;}
    15%  {opacity: 1}
    30%  {margin-left:50%;}
    55%  {margin-left:55%;}
    75%  {opacity: 1}
    90%  {margin-left:100%;opacity:0;}
}
@-webkit-keyframes    load3{
    0%   {margin-left:-30%;opacity:0;}
    15%  {opacity: 1}
    35%  {margin-left:45%;}
    60%  {margin-left:50%;}
    75%  {opacity: 1}
    100% {margin-left:100%;opacity:0;}
}
@-webkit-keyframes    load4{
    0%   {margin-left:-40%;opacity:0;}
    15%  {opacity: 1}
    40%  {margin-left:40%;}
    65%  {margin-left:45%;}
    75%  {opacity: 1}
    100% {margin-left:80%;opacity:0;}
}
@-moz-keyframes    load{
    0%   {margin-left:0%;opacity:0;}
    15%  {opacity: 1}
    25%  {margin-left:55%;}
    50%  {margin-left:60%;}
    75%  {opacity: 1}
    80%  {margin-left:100%;opacity:0;}
}
@-moz-keyframes    load2{
    0%   {margin-left:-20%;opacity:0;}
    15%  {opacity: 1}
    30%  {margin-left:50%;}
    55%  {margin-left:55%;}
    75%  {opacity: 1}
    90%  {margin-left:100%;opacity:0;}
}
@-moz-keyframes    load3{
    0%   {margin-left:-30%;opacity:0;}
    15%  {opacity: 1}
    35%  {margin-left:45%;}
    60%  {margin-left:50%;}
    75%  {opacity: 1}
    100% {margin-left:100%;opacity:0;}
}
@-moz-keyframes    load4{
    0%   {margin-left:-40%;opacity:0;}
    15%  {opacity: 1}
    40%  {margin-left:40%;}
    65%  {margin-left:45%;}
    75%  {opacity: 1}
    100% {margin-left:80%;opacity:0;}
}
@-o-keyframes    load{
    0%   {margin-left:0%;opacity:0;}
    15%  {opacity: 1}
    25%  {margin-left:55%;}
    50%  {margin-left:60%;}
    75%  {opacity: 1}
    80%  {margin-left:100%;opacity:0;}
}
@-o-keyframes    load2{
    0%   {margin-left:-20%;opacity:0;}
    15%  {opacity: 1}
    30%  {margin-left:50%;}
    55%  {margin-left:55%;}
    75%  {opacity: 1}
    90%  {margin-left:100%;opacity:0;}
}
@-o-keyframes    load3{
    0%   {margin-left:-30%;opacity:0;}
    15%  {opacity: 1}
    35%  {margin-left:45%;}
    60%  {margin-left:50%;}
    75%  {opacity: 1}
    100% {margin-left:100%;opacity:0;}
}
@-o-keyframes    load4{
    0%   {margin-left:-40%;opacity:0;}
    15%  {opacity: 1}
    40%  {margin-left:40%;}
    65%  {margin-left:45%;}
    75%  {opacity: 1}
    100% {margin-left:80%;opacity:0;}
}
@keyframes    load{
    0%   {margin-left:0%;opacity:0;}
    15%  {opacity: 1}
    25%  {margin-left:55%;}
    50%  {margin-left:60%;}
    75%  {opacity: 1}
    80%  {margin-left:100%;opacity:0;}
}
@keyframes    load2{
    0%   {margin-left:-20%;opacity:0;}
    15%  {opacity: 1}
    30%  {margin-left:50%;}
    55%  {margin-left:55%;}
    75%  {opacity: 1}
    90%  {margin-left:100%;opacity:0;}
}
@keyframes    load3{
    0%   {margin-left:-30%;opacity:0;}
    15%  {opacity: 1}
    35%  {margin-left:45%;}
    60%  {margin-left:50%;}
    75%  {opacity: 1}
    100% {margin-left:100%;opacity:0;}
}
@keyframes    load4{
    0%   {margin-left:-40%;opacity:0;}
    15%  {opacity: 1}
    40%  {margin-left:40%;}
    65%  {margin-left:45%;}
    75%  {opacity: 1}
    100% {margin-left:80%;opacity:0;}
}
.rolling{
    background:#D21723;
    width:5px;
    height:5px;
    opacity:0;
    border-radius: 20px;
    -webkit-animation: load 2.5s infinite linear ;
    -moz-animation: load 2.5s infinite linear ;
    -o-animation: load 2.5s infinite linear ;
    animation: load 2.5s infinite linear ;
}
.dadu2{
	background:#264C84;
    margin-left:-10px;
    -webkit-animation: load2 2.5s infinite linear ;
    -moz-animation: load2 2.5s infinite linear ;
    -o-animation: load2 2.5s infinite linear ;
    animation: load2 2.5s infinite linear ;
}
.dadu3{
	background:#D21723;
    margin-left:-10px;
    -webkit-animation: load3 2.5s infinite linear ;
    -moz-animation: load3 2.5s infinite linear ;
    -o-animation: load3 2.5s infinite linear ;
    animation: load3 2.5s infinite linear ;
}
.dadu4{
	background:#264C84;
    margin-left:-10px;
    -webkit-animation: load4 2.5s infinite linear;
    -moz-animation: load4 2.5s infinite linear;
    -o-animation: load4 2.5s infinite linear;
    animation: load4 2.5s infinite linear;
}
.loading-bar{
    width:100%;position: absolute; overflow: hidden;
}
#loading{
    position: relative;
	overflow: hidden;
	direction: ltr;
	height: 5px;
	margin-top: 5px;
}

.pagination > li {
    float: right;
}

/*----- Font Styling -----*/
.menu,
h1, h2, h3, h4, h5, h6 {
    font-family: HacenTunisia, Tahoma, Verdana, Arial, Helvetica;
}

.sidebar-article h3 {
    font-family: DroidSansArabic, Tahoma, Verdana, Arial, Helvetica;
}

/* Reset the container */
.container {
    width: 1030px;
    max-width: none !important;
}

a, a:hover {
    text-decoration: none;
}

a {
    color: #222;
}

time {
    color: #888;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-left {
    padding-left: 0;
}

/*********************************************************/
/* HEADER */
/********************************************************/

header {
    background: #eee;
    border-bottom: 1px solid #009fe3;
    min-width: 1030px;
}

main {
    min-width: 1030px;
}

.navigation-wrapper {
    background-color: #e7e7e7;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.navigation-menu.affix {
    background-color: #f5f5f5;
    box-shadow: 0 0 4px #444;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
	-webkit-animation: flipInX 1s;
    animation: flipInX 1s;
}

.admin-bar .navigation-menu.affix {
    top: 32px;
}

.img-logo {
    width: 0;
	height: 0;
}

.affix .img-logo {
    height: 33px;
	width: auto;
	padding-right: 5px;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.top-bar {
    background: #009fe3;
    border-bottom: 1px solid #009fe3;
}

.social-icons i {
    cursor: pointer;
    display: inline-block;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.social-icons {
    background: #ffffff;
}
.social-icons i {
    padding: 0 5px;
    margin: 0;
    text-shadow: 1px 1px 0 white;
    color: #3a3a3a;
}
.social-icons i:hover {
    -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.12);
}

/*.social-icons i:nth-child(1) {*/
    /*border-left: none;*/
/*}*/
/*.social-icons i:nth-child(5) {*/
    /*border-right: none;*/
/*}*/
/*.social-icons i:nth-child(1):hover {*/
    /*color: #3b5998;*/
/*}*/
/*.social-icons i:nth-child(2):hover {*/
    /*color: #00a0d1;*/
/*}*/
/*.social-icons i:nth-child(3):hover {*/
    /*color: #db4a39;*/
/*}*/
/*.social-icons i:nth-child(4):hover {*/
    /*color: #c8232c;*/
/*}*/
/*.social-icons i:nth-child(5):hover {*/
    /*color: #ea4c89;*/
/*}*/

/***** Search *****/

.top-search {
    text-align: right;
}

.top-search .input-group-addon {
    background: #fff;
    border: 0;
}

.top-search .form-inline .input-group > .form-control {
    border: 0;
    box-shadow: none;
	width: 140px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

.top-search .form-inline .input-group > .form-control:focus,
.top-search .form-inline .input-group > .form-control:hover {
    box-shadow: none;
	width: 200px;
}

/***** Logo *****/

.logo-container {
    background: url("assets/images/map.png") no-repeat center rgba(0, 0, 0, 0);
}

/*********************************************************/
/* Main */
/********************************************************/

.main-wrapper {
    background: #f4f4f4;
    padding: 10px;
	position: relative;
}

.social-fixed {
    position: absolute;
    right: -42px;
    width: 32px;
}

.social-fixed img {
    transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	width: 32px;
	height: 32px;
}

.social-fixed img:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.main-wrapper .col-xs-4 {
    padding-right: 0;
}

.box-wrapper {
    margin-bottom: 10px;
    border-bottom: 3px solid #009fe3;
    position: relative;
}

.box-icon {
    padding: 10px;
    height: 45px;
    width: 45px;
    background-color: #009fe3;
	background-position: center center;
	background-repeat: no-repeat;
    float: right;
}

h2.box-title {
    color: #fff;
    height: 45px;
    background: #333;
    padding: 10px;
    margin: 0 45px 0 0;
    font-size: 19px;
    line-height: 25px;
}

.box-title.related {
    margin: 0;
}

h2.box-title.blue {
    background: #009fe3;
}

.widget h2.box-title {
    margin: 0;
}

.box-title a {
    color: #fff;
}

.box-content {
    padding: 10px;
    background: #e1e1e1;
}

.image-wrapper {
    position: relative;
	overflow: hidden;
}

.image-wrapper img {
    transition: all 0.4s;
    -webkit-transition: all 0.2s;
}

.image-wrapper img:hover {
    transform: scale(1.2) rotate(5deg);
}

.facebook-widget .box-content,
.youtube-widget .box-content,
.video-widget .box-content {
    background: #fff;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

/**** Live News ****/
.live-news,
.news-box,
.live-news .box-content,
.news-box .box-content {
    padding: 0;
}

.live-news ul,
.news-box ul {
    padding: 0;
    margin: 0;
    display: table;
    width: 100%;
}

.live-news li,
.news-box li {
    list-style: none;
    background: #e1e1e1;
    border-bottom: 1px solid #fff;
}

.live-news .live-news,
.main-area .live-news {
    max-height: 300px;
	overflow: hidden;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -4px;
}

.live-news .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.live-news .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.live-news .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.live-news .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 0;
    width: 8px;
}

.live-news li > * {
    display: table-cell;
    padding: 10px 5px;
    font-size: 13px;
}

.live-news time {
    width: 45px;
    background: #bec2c3;
    color: #fff;
    text-align: center;
    padding: 5px;
}

.main-area .live-news time {
    border-right: 2px solid #333;
    width: 45px;
    font-size: 13px;
}

.main-area .live-news li:nth-child(even) time {
    border-right: 2px solid #009fe3;
}

.main-area .live-news li:nth-child(odd),
.main-area .news-box li:nth-child(odd) {
    background: #fefefe;
}

/*---- News Box ----*/

.news-box li:not(.first-news) {
    padding: 10px 40px 10px 10px;
}

.news-box li:not(.first-news) a,
.news-box li:not(.first-news) time {
    display: block;
    height: 40px;
    overflow: hidden;
}

.news-box li:not(.first-news) time {
    color: #888888;
}

.main-area time {
    display: none !important;
}

.news-box li {
    position: relative;
}

.news-box li:not(.first-news):before {
    content: "\201D";
    font-family: "Arial Black";
    font-size: 50px;
    font-weight: bold;
    color: rgba(0, 159, 227, 0.3);
    position: absolute;
    top: 5px;
    right: 5px;
}

.news-box li:after{
    content: "";
}

.news-box .first-news {
    padding: 10px;
}

.news-box .first-news img {
    width: 297px;
    height: 180px;
    padding: 0;
}

.first-news h2 {
    margin: -2px 0 5px;
    font-size: 19px;
    font-weight: bold;
    color: #009fe3;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
}

.first-news p {
    font-size: 13px;
    text-align: justify;
    height: 100px;
    overflow: hidden;
    line-height: 25px;
}

.news-box.vertical .first-news {
    background: #fefefe;
}

.news-box.vertical .first-news img {
    width: 246px;
    height: 147px;
    margin-bottom: 10px;
}

.news-box.vertical .first-news .image-wrapper img {
    margin-bottom: 0;
}

.news-box.vertical .first-news .image-wrapper {
    margin-bottom: 10px;
}

.news-box.vertical .first-news p {
    height: 155px;
}

.news-box.vertical li:nth-child(2n+1) {
    background: #eee;
}

.news-box.vertical li:last-child {
    border-bottom: none;
}

.news-box.double li.col-xs-6:nth-child(4n), .news-box.double li.col-xs-6:nth-child(4n+1) {
    background: #fefefe;
}

.news-box.double li.col-xs-6:nth-child(4n+2), .news-box.double li.col-xs-6:nth-child(4n+3) {
    background: #eee;
}

.news-box.double li:not(.first-news) a {
    height: 40px;
}

/***** Sidebar Articles ******/

.sidebar-article {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #fff;
	position: relative;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.sidebar-article span {
    color: #009FE3;
}

.read-more {
    padding: 5px;
	background-color: #D21723;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	position: absolute;
	bottom: 5px;
	left: 0;
}

.sidebar-article:hover .read-more {
    background-color: rgba(210,23,35, 0.7);
}

.image-wrapper .read-more {
    left: -100px;
	bottom: 0;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.first-news:hover .image-wrapper .read-more {
    left: 0;
}

.box-content .sidebar-article:last-child {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.sidebar-article img {
    float: right;
    width: 100px;
    height: 80px;
    display: inline-block;
    margin-left: 5px;
}

.sidebar-article h3 {
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    max-height: 80px;
    overflow: hidden;
}

/******* Error ******/
.big-error-sign {
    display: block;
    margin: 20px auto;
    width: 100%;
    text-align: center;
}

.big-error-sign h2 {
    color: #474747;
    display: block;
    font-size: 120px;
    line-height: 140%;
}

.big-error-sign strong {
    color: #474747;
    display: block;
    font-size: 35px;
    line-height: 50px;
    margin-bottom: 35px;
}

.big-error-sign span {
    color: #A3A3A3;
    display: block;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 25px;
}


/*-------------------------------------------------*/
/* =  Category
/*-------------------------------------------------*/

.main-area .block {
    display: block;
    margin-bottom: 20px;
}

.block-title {
    background: #009FE3;
    color: #FFFFFF;
    display: block;
    margin-bottom: 10px;
    padding: 7px 13px;
    height: 45px;

}

.block-title h2 {
    color: #FFFFFF;
    font-size: 25px;
    margin: 0;
    line-height: 30px;
}

.block-content {
    background: none repeat scroll 0 0 #FCFCFC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
    margin-top: -10px;
    overflow: hidden;
    padding: 17px;
}

.article-big {
    border-bottom: 1px dotted #C0BFBF;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.article-big:last-child {
    margin-bottom: 0;
}

.article-big .article-photo {
    display: block;
    float: right;
}

.article-big .article-content:after {
    clear: both;
    content: "";
    display: block;
}
.article-big .article-content {
    display: block;
    margin-right: 225px;
}

.article-big .article-content h2 {
    font-size: 19px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 7px;
    margin-top: 0;
    max-height: 48px;
    overflow: hidden;
}

.article-big .article-content p {
    font-size: 14px;
    line-height: 20px;
    max-height: 60px;
    overflow: hidden;
}

.article-big .article-photo img {
    width: 210px;
    height: 140px;
}

/**************************************************
Footer
**************************************************/

footer {
    background: #666;
}

footer a {
    color: #fff;
}

footer .menu {
    background: #444;
}

footer .menu li {
    background: #444;
}

footer .menu a {
    color: #fff;
    font-weight: normal;
}

footer .navigation-menu .main-menu {
    background-color: #444;
}

footer .menu > li:first-child > a:before {
    display: none;
}

footer .menu > li:first-child > a {
    padding: 5px 15px;
}

.footer-items {
    padding: 20px;
    background: #444;
}

.footer-pages, .footer-social {
    color: #fff;
}

.footer-page {
    display: inline-block;
    margin-left: 20px;
    float: right;
}

.footer-social {
    float: left;
}

.footer-social img {
    height: 30px;
    width: 30px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

.footer-social img:hover {
    transform: translate(5px, 5px);
    -webkit-transform: translate(5px, 5px);
}

footer .copyright {
    padding: 5px 20px;
    background: #555;
    color: #fff;
    border-bottom: 1px solid #444;
}

/*-------------------------------------------------*/
/* =  Post
/*-------------------------------------------------*/
.article-title {
    background: none repeat scroll 0 0 #e8e8e8;
    border-top: 3px solid #c1c1c1;
    display: block;
    margin: 10px 0;
    padding: 10px;
    position: relative;
}

.article-title .share-block:not(.single):before {
    background: none repeat scroll 0 0 transparent;
    border-left: 1px dotted #c1c1c1;
    content: "";
    display: block;
    height: 100%;
    left: 300px;
    position: absolute;
    top: 0;
    width: 1px;
}

.article-title .share-block {
    display: block;
    height: 100%;
    padding-right: 15px;
    width: 270px;
}

.post-categories {
    margin-top: 11px;
    padding: 0;
	display: inline;
}

.post-categories > li {
    box-shadow: 0px 0px 2px #2582BD;
    display: inline;
	margin-left: 3px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.item .scroll-author {
    background: none repeat scroll 0 0 #e10425;
    color: #fff;
    padding: 3px 5px;
    position: absolute;
    transition: all 0.3s ease 0s;
}

.nav-tabs {
    padding: 0;
	background-color: #fff;
}

.nav-tabs > li {
    float: right;
	margin-bottom: -2px;
}

.nav-tabs > li:first-child a {
    margin: 0;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
    background-color: #009fe3;
    color: #fff;
	border: none;
}

.tabpanel {
    margin-bottom: 10px;
}

.tabpanel .tab-content {
    padding: 10px;
	background-color: #fff;
}

.tab-content .sidebar-article {
    border-bottom: 1px solid #eee;
}

.tab-content  .sidebar-article:last-child {
    border-bottom: 0 none;
    margin: 0;
    padding: 0;
}

.post-categories a {
	font-size: 12px;
	padding: 5px;
	line-height: 15px;
}

.post-categories a {
    col
}

.article-title h1 {
    display: block;
    line-height: 100%;
    margin-bottom: 20px;
    margin-top: 0;
    margin-left: 300px;
    font-size: 29px;
}

.article-title .author .a-content > span {
    color: #6b6b6b;
    font-size: 12px;
    line-height: 15px;
    margin-left: 10px;
}

.meta-author, .meta-source, .meta-date {
	background-color: #2582bd;
	color: #fff !important;
    padding: 5px;
}

.share-article {
    display: block;
    margin-bottom: 10px;
    margin-left: 15px;
}

.article-tags.tag-cloud {
    width: 320px;
}

.article-title .share-block > div {
    display: block;
    margin-bottom: 8px;
}

.share-article span {
    color: #6b6b6b;
    display: block;
    font-size: 10px;
    font-weight: bold;
    line-height: 100%;
    margin-top: -1px;
    padding-bottom: 3px;
}


.share-article strong {
    display: block;
    font-size: 12px;
    line-height: 100%;
}

a.custom-soc {
    background: none repeat scroll 0 0 transparent;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #232323;
    color: #232323;
    display: inline-block;
    font-size: 11px;
    height: 22px;
    line-height: 23px;
    margin-left: 4px;
    text-align: center;
    width: 22px;
}

.icon-text {
    display: inline-block !important;
    font-family: "Entypo",sans-serif !important;
    font-weight: normal !important;
}

a.small-button {
    background: none repeat scroll 0 0 #2582bd;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin-left: 2px;
    padding: 4px 11px;
}

.article-tags strong {
    line-height: 120%;
    margin-left: 10px;
    vertical-align: baseline;
}

.tagcloud a, .tag-cloud a {
    background: none repeat scroll 0 0 #929292;
    color: #fff;
    display: inline-block;
    font-size: 12px !important;
    font-weight: bold;
    margin: 0 5px 5px 0;
    padding: 3px 7px;
}

.article-tags a {
    line-height: 120%;
    vertical-align: baseline;
}

.post {
    background: #e8e8e8;
    padding: 10px;
    color: #000;
    text-align: justify;
}

.post img {
    display: block;
    margin: auto;
    margin-bottom: 10px;
    max-width: 623px;
    /*height: 312px;*/
	height: auto;
}

.wp-caption {
    position: relative;
}

.wp-caption.alignleft {
    float: left;
}

.wp-caption.alignright {
    float: right;
}

.wp-caption-text {
    background: none repeat scroll 0 0 #e10425;
    color: #fff;
    padding: 3px 5px;
    position: absolute;
    transition: all 0.3s ease 0s;
	right: 5px;
	bottom: 0;
}

.single-post-thumb {
    text-align: center;
}

.post-thumb {
    display: inline-block;
	position: relative;
}

.single-post-thumb .caption {
    position: absolute;
    bottom: 10px;
    right: 0;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
    background: rgba(0,159,227, 0.8);
}

.navigation {
    padding: 10px 5px;
	font-size: 20px;
	margin-bottom: 10px;
	background-color: #e8e8e8;
}

/*-------------------------------------------------*/
/* =  Slider - Flexslider
/*-------------------------------------------------*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0 !important; padding: 0; list-style: none;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; width: 598px !important; height: 313px !important; margin-right: 45px; }
.flex-pauseplay span {text-transform: capitalize;}

/* -- Clearfix for the .slides element -- */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%; list-style: none;}

.no-js .slides > li:first-child {display: block;}

.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}

.slider-wrapper {
    position: relative;
    width: 643px;
    height: 413px;
    margin-bottom: 10px;
}

.flexslider {
    position: relative;
    width: 643px;
    height: 313px;
    top: 100px;
    bottom: 0;
}

.flex-caption {
    position:absolute;
    left:0;
    top:-100px;
    right:0;
    height:100px;
    width:643px;
    display:block;
    background: rgba(0,159,227, 0.1);
    z-index: 8;
}

.flex-caption h1 {
    padding: 0 20px;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    line-height: 20px;
    max-height: 20px;
    margin-bottom: 10px;
}

.flex-caption a {
    color: #050505;
}

.flex-caption a:hover {
    color: #555;
}

.flex-caption p {
    padding: 0px 20px 0px 20px;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden;
    max-height: 45px;
}

.nivo-html-caption {
    display: none;
}

/* -- Direction Nav -- */
.flex-direction-nav {
    position: absolute;
    top: 100px;
    right: 0px;
    width: 46px;
    height: 67px;
    z-index: 9;
}

.slides li,
.flex-control-nav li {
    list-style: none !important;
}

.slides li {
    display: none;
}

.slides li:first-child {
    display: list-item;
}

.flex-direction-nav li a {
    cursor: pointer;
}

.flex-direction-nav li a.prev {
    text-indent: -9999px;
    float: right;
    width: 45px;
    height: 34px;
    background: #eee url("assets/images/left-nav.png") no-repeat center center;
    border-top: 1px solid #dadada;
}

.flex-direction-nav li a.next {
    text-indent: -9999px;
    display: block;
    float: right;
    width: 45px;
    height: 34px;
    background: #eee url("assets/images/right-nav.png") no-repeat center center;
    border-bottom: 1px solid #cdcdcd;
}

/* -- Control Nav -- */
.flex-control-nav {
    padding: 7px 8px;
    border: 1px solid #363636;
    background: rgba(0,0,0,0.6);
    background: rgb(0,0,0)\0/;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 10;
}

.flex-control-nav li {
    position: relative;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    z-index: 9;
}

.flex-control-nav li:first-child {
    margin-left: 0px;
}

.flex-control-nav li a {
    float: left;
    width: 10px;
    height: 10px;
    background: #8D8F8C;
    text-indent: -9999px;
    cursor: pointer;
}

.flex-control-nav a.active {
    background: #fff;
    cursor: default;
}

/* -- Slider-post-info -- */
.slider-post-info {
    position: absolute;
    top: 169px;
    right: 0px;
    width: 45px;
    height: 244px;
    text-align: center;
    color: #fff;
    display: none;
    z-index: 4;
    overflow: hidden;
}

.slider-post-info.active {
    display: block;
}

.slider-post-info a,
.categories-right a {
    color:#fff;
}

.slider-post-info span,
.categories-right span {
    font-size: 11px;
    font-weight: bold;
    line-height: 22px;
    width: 100%;
    color: #fff;
}

.slider-post-info .date,
.categories-right .date {
    display: block;
    height: 47px;
    width: 45px;
    text-align: center;
    background: #444;
    font-size: 12px;
}

.slider-post-info .comments,
.categories-right .comments {
    display: block;
    text-align: center;
    background: rgb(140,140,140);
    height: 45px;
    width: 45px;
}

.slider-post-info .comments a,
.categories-right .comments a {
    display: block;
    text-align: center;
    padding-top: 30px;
    height: 45px;
    background: url("assets/images/comment-icon-big.png") no-repeat center 9px;
}

.slider-post-info .more-link a,
.categories-right .more-link a {
    display: block;
    height: 152px;
    width: 45px;
    margin-left: 0px;
    text-indent: -9999px;
    background: url("assets/images/readmore-btn.png") no-repeat center center;
    background-color: rgb(0,159,227);
}

/* Slider icon */
#slider-item-icon {
    position: absolute;
    left: 0px;
    top: 100px;
    width: 102px;
    height: 55px;
    background: url("assets/images/icon-container.png") no-repeat;
    display: block;
    z-index: 7;
}

#slider-item-icon.image:before {
    float: left;
    content: url("assets/images/photo-icon.png");
    margin: 14px 0px 0px 20px;
}

#slider-item-icon.video:before {
    float:left;
    content: url("assets/images/video-icon.png");
    margin: 14px 0px 0px 20px;
}


/* Counter Widget */

.social-icons-widget .social-icons [class^="semanticicon-"]:before, .social-icons-widget .social-icons [class*=" semanticicon-"]:before {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color:#FFF;
}
.social-icons-widget .social-icons.icon_24 [class^="semanticicon-"]:before, .social-icons-widget .social-icons.icon_24 [class*=" semanticicon-"]:before {
    width:24px;
    height:24px;
    line-height: 24px;
    font-size:14px;
}
.semanticicon-delicious:before { content: '\e0c7'; }
.social-icons-widget .semanticicon-delicious:before { background:#2567ee; }
.semanticicon-stumbleupon:before { content: '\f31e'; }
.social-icons-widget .semanticicon-stumbleupon:before { background:#f42424; }
.semanticicon-fivehundredpx:before { content: '\30'; }
.social-icons-widget .semanticicon-fivehundredpx:before { background:#00adf1 }
.semanticicon-foursquare:before { content: '\f180'; }
.social-icons-widget .semanticicon-foursquare:before { background:#0d9ed1  }
.semanticicon-grooveshark:before { content: '\38'; }
.social-icons-widget .semanticicon-grooveshark:before { background:#248fd3 }
.semanticicon-forrst:before { content: '\3a'; }
.social-icons-widget .semanticicon-forrst:before { background:#297e09 }
.semanticicon-digg:before { content: '\3b'; }
.social-icons-widget .semanticicon-digg:before { background:#b2b2b2 }
.semanticicon-reddit:before { content: '\e050'; }
.social-icons-widget .semanticicon-reddit:before { background:#ff915c }
.semanticicon-blogger:before { content: '\f314'; }
.social-icons-widget .semanticicon-blogger:before { background:#f39d38 }
.semanticicon-flickr:before { content: '\e0d9'; }
.social-icons-widget .semanticicon-flickr:before { background:#ff0084 }
.semanticicon-viadeo:before { content: '\48'; }
.social-icons-widget .semanticicon-viadeo:before { background:#f97618 }
.semanticicon-vimeo:before { content: '\f306'; }
.social-icons-widget .semanticicon-vimeo:before { background:#3fbfce }
.semanticicon-myspace:before { content: '\5f'; }
.social-icons-widget .semanticicon-myspace:before { background:#487ccd }
.semanticicon-googleplay:before { content: '\25b6'; }
.social-icons-widget .semanticicon-googleplay:before { background:#a0b532 }
.semanticicon-soundcloud:before { content: '\f348'; }
.social-icons-widget .semanticicon-soundcloud:before { background:#F76700  }
.semanticicon-yelp:before { content: '\79'; }
.social-icons-widget .semanticicon-yelp:before { background:#c1230d }
.semanticicon-github:before { content: '\f09b'; }
.social-icons-widget .semanticicon-github:before { background:#666 }
.semanticicon-youtube:before { content: '\f167'; }
.social-icons-widget .semanticicon-youtube:before { background:#cc181e  }
.semanticicon-xing:before { content: '\f168'; }
.social-icons-widget .semanticicon-xing:before { background:#00605e }
.semanticicon-dropbox:before { content: '\f16b'; }
.social-icons-widget .semanticicon-dropbox:before { background:#459ce6 }
.semanticicon-tumblr:before { content: '\f173'; }
.social-icons-widget .semanticicon-tumblr:before { background:#385a75 }
.semanticicon-apple:before { content: '\f179'; }
.social-icons-widget .semanticicon-apple:before { background:#7e878b }
.semanticicon-dribbble:before { content: '\f17d'; }
.social-icons-widget .semanticicon-dribbble:before { background:#d875a2 }
.semanticicon-skype:before { content: '\f17e'; }
.social-icons-widget .semanticicon-skype:before { background:#00c6ff }
.semanticicon-vkontakte:before { content: '\f189'; }
.social-icons-widget .semanticicon-vkontakte:before { background:#336699 }
.semanticicon-friendfeed:before { content: '\f312'; }
.social-icons-widget .semanticicon-friendfeed:before { background:#93b4dd }
.semanticicon-deviantart:before { content: '\f316'; }
.social-icons-widget .semanticicon-deviantart:before { background:#5d6f6d }
.semanticicon-lastfm:before { content: '\f321'; }
.social-icons-widget .semanticicon-lastfm:before { background:#f54a3d }
.semanticicon-instagram:before { content: '\f31f'; }
.social-icons-widget .semanticicon-instagram:before { background:#517fa4 }
.semanticicon-spotify:before { content: '\f327'; }
.social-icons-widget .semanticicon-spotify:before { background:#7fb718 }
.semanticicon-evernote:before { content: '\f333'; }
.social-icons-widget .semanticicon-evernote:before { background:#1c8328 }
.semanticicon-paypal:before { content: '\f342'; }
.social-icons-widget .semanticicon-paypal:before { background:#34aad2 }
.semanticicon-picasa:before { content: '\f345'; }
.social-icons-widget .semanticicon-picasa:before { background:#9d48a1 }
.semanticicon-behance:before { content: '\f34e'; }
.social-icons-widget .semanticicon-behance:before { background:#1769ff  }
.semanticicon-wordpress:before { content: '\e005'; }
.social-icons-widget .semanticicon-wordpress:before { background:#2071ad }
.semanticicon-twitter:before , #twitter-widget li:before{ content: '\f099'; }
.social-icons-widget .semanticicon-twitter:before { background:#45b0e3 }
.semanticicon-facebook:before { content: '\f09a'; }
.social-icons-widget .semanticicon-facebook:before { background:#39599f }
.semanticicon-rss:before { content: '\f09e'; }
.social-icons-widget .semanticicon-rss:before { background:#f8bc2e }
.semanticicon-pinterest-circled:before { content: '\f0d2'; }
.social-icons-widget .semanticicon-pinterest-circled:before { background:#f42424 }
.semanticicon-gplus:before { content: '\f0d5'; }
.social-icons-widget .semanticicon-gplus:before { background:#fa0101 }
.semanticicon-linkedin:before { content: '\f0e1'; }
.social-icons-widget .semanticicon-linkedin:before { background:#65b7d2 }
.semanticicon-share:before { content: '\e73c'; }
.social-icons-widget .semanticicon-share:before { background:#55ac60 }

.semanticicon-up-open:before { content: '\f005'; }
.semanticicon-search:before { content: '🔍'; }
.semanticicon-shuffle:before { content: '🔀'; }
.semanticicon-down:before { content: '\f004'; }
.semanticicon-up:before { content: '\f005'; }


.widget-counter{
    margin-bottom:10px;
    overflow:hidden;
    background: #E1E1E1;
    border: 1px solid #ddd;
    clear: both;
}

.widget-counter ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.widget-counter.col1 li{width:100%;}
.widget-counter.col2 li, .widget-counter.col4 li{width: 49.9%;}
.widget-counter li{
    line-height:15px;
    float:left;
    width:33.3%;
    padding:7px 0 13px;
    -moz-transition:.4s linear; -webkit-transition:.4s ease-out; transition:.4s linear;
}
.widget-counter li a{display:block;text-align:center;}
.widget-counter li a strong{opacity:.6;display:block; height:51px; margin-bottom:5px;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    font-size: 28px;
    margin: 8px auto;
    width: 50px;
    color: #FFF;
    height: 50px;
    display: block;
    text-align: center;
    background: #444;
    -webkit-border-radius: 50px;
    moz-border-radius: 50px;
    border-radius: 50px;
}
.widget-counter li a strong:before{height: 50px;width: 50px;font-size: 26px;line-height: 50px;;}
.widget-counter li a:hover strong{opacity:1;}
.widget-counter li:hover{	background-color:#F8F8F8;}
.widget-counter li:hover a{text-decoration: none;}
.widget-counter li.rss-subscribers a strong{ background: #f8bc2e; }
.rss-subscribers span{font-family: BebasNeueRegular,arial,Georgia, serif;font-size: 14pt;display: inline-block;}
.widget-counter li.facebook-fans a strong {background: #39599f;}
.widget-counter li.twitter-followers a strong{ background: #45b0e3;}
.widget-counter li.youtube-subs a strong{ background: #cc181e; }
.widget-counter li.vimeo-subs a strong{ background: #3fbfce; }
.widget-counter li.dribbble-followers a strong{ background: #d875a2;}
.widget-counter li.soundcloud-followers a strong{ background: #F76700;}
.widget-counter li.behance-followers a strong{ background: #1769ff;}
.widget-counter li.instagram-followers a strong{ background: #517fa4;}
.widget-counter li span{display:block;font-size:21px;}
.widget-counter li a small{color:#777;}