/* ===================

   Base styles

   =================== */



html {

    color: #222;

    font-size: 1em;

    line-height: 1.6;

}

body{

    font-family: 'Open Sans', sans-serif;

}

p{

    color:#747474;

    line-height:23px;

}

a{

    transition: .2s ease;

}

a:hover{

    text-decoration: none;

}

h1, h2, h3, h4, h5, h6{

    line-height: 23px;

}

::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}

audio,

canvas,

iframe,

img,

svg,

video {

    vertical-align: middle;

}



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}

textarea {

    resize: vertical;

}

figure{

    margin: 0;

}

/* Box Comments Style */

.comments {

    background: #000;

    color: #fff;

    padding: 0 5px;

    position: absolute;

    right: 0;

    top: 0;

    transition: .2s ease;

}

.comments:hover{

    background: #FF0000;

}

.comments a{

    color: #fff;

}

.comments a:hover{

    text-decoration: none;

}

.comments:before {

    border-bottom: 5px solid transparent;

    border-left: 5px solid #000;

    border-top: 0 solid transparent;

    bottom: 0;

    content: "";

    height: 0;

    left: 0;

    position: absolute;

    top: 22px;

    width: 0;

    transition: .2s ease;

}

.comments:hover:before{

    border-left: 5px solid #ff0000;

}

.news-meta{

    position: relative;

    margin-bottom: 15px;

}







/* =========================

   Theme Styles - Header

   ========================= */

header{

    

}

/* Header top nav

   ------------------*/

.header-top .header-top-nav ul{

    margin-bottom: 0;

}

.header-top {

    background: #333333;

    padding: 15px 0 5px 0;

    color:#fff;

    font-size: 12px;

    text-transform: uppercase;

}

.header-top ul li a{

    color:#fff;

    text-transform: uppercase;

    font-size: 11px;

    transition: .3s ease;

}

.header-top ul li a:hover{

    text-decoration: none;

    color: #30A9EB;

}

.header-top-nav ul li {

    margin-right: 20px;

}

.header-top-nav ul li:last-child{

    margin-right: 0;

}

.header-top-social ul{

    text-align: right;

}

.header-top-social ul li{

    margin-left: 15px;

}

.header-top-social ul li a {

    transition: .2s ease;

}

.header-top-social ul li a:hover{

    

}

/* Brand Name

   ------------------*/

.brand-name {

    padding: 15px 0;

}

.logo {

    margin-top: 28px;

}

/* Header Main Menu

   ------------------*/

.header-main {

    background: #109be6 none repeat scroll 0 0;

}

.header-main .navbar{

    border:0 none;

    border-radius: 0;

}

.header-main .navbar ul{

    width:auto;

}

.header-main .navbar ul li:last-child {

    width: 350px;

}

.header-main .navbar ul li ul li:last-child {

    width: auto;

    position: unset;

}

.header-main .navbar ul li a{

    color:#fff;

    font-weight: 600;

    text-transform: uppercase;

    transition: .2s ease;

    font-size: 13px;

}

.header-main .navbar ul li.active a{

    background: #148ECF;

    color: #fff;

}

.header-main .navbar ul.main-menu li a i{

    font-size: 17px;

}

.header-main .navbar ul.main-menu li a i.fa.fa-angle-down {

    font-size: 17px !important;

}

.header-main .navbar ul li a:hover, .header-main .navbar ul li a:focus{

    background: #148ECF;

    color: #fff;

    outline: none;

}

.header-main .navbar ul.main-menu li{

    position: relative;

}

.header-main .navbar ul.main-menu li ul{

    position: absolute;

    top:50px;

    left:0;

    width: 200px;

    background: #109BE6;

    z-index: 5;

    transition: .5s ease;

}

.header-main .navbar ul.main-menu li ul li{

    overflow: hidden;

    height: 0;

    transition: all 200ms ease-in;

}

.header-main .navbar ul.main-menu li:hover ul li{

    height: 39px;

}



.header-main .navbar ul li ul li a {

    display: block;

    padding: 10px 15px;

    width: 200px;

}

.header-main .navbar ul li:hover ul li a:hover {

    text-decoration: none;

    background: #109BE6;

}

.header-main .navbar ul li:hover a{

    background: #148ECF;

}

.header-main .navbar ul li ul.dropdown-menu {

	border: none;

	border-radius: 0;

	box-shadow: none;

	margin: 0;

	min-width: auto;

	padding:0;

}

.sb-search {

	position: relative;

	margin-top: 0;

	width: 0%;

	min-width: 50px;

	height: 50px;

	float: right;

	overflow: hidden;

	-webkit-transition: width 0.3s;

	-moz-transition: width 0.3s;

	transition: width 0.3s;

	-webkit-backface-visibility: hidden;

}



.sb-search-input {

	position: absolute;

	top: 0;

	right: 0;

	border: none;

	outline: none;

	background: #0E86C7;

	width: 100%;

	height: 48px;

	margin: 0;

	z-index: 10;

	padding: 0;

	font-family: inherit;

	font-size: 14px;

	color: #fff;

    font-weight: 600;

    text-transform: uppercase;

    border-top:1px solid #148ECF;

    border-bottom: 1px solid #148ECF;

    text-indent: 15px;

}



.sb-search-input::-webkit-input-placeholder {

	color: #fff;

}



.sb-search-input:-moz-placeholder {

	color: #fff;

}



.sb-search-input::-moz-placeholder {

	color: #fff;

}



.sb-search-input:-ms-input-placeholder {

	color: #fff;

}



.sb-icon-search,

.sb-search-submit  {

	width: 50px;

	height: 50px;

	display: block;

	position: absolute;

	right: 0;

	top: 0;

	padding: 0;

	margin: 0;

	line-height: 50px;

	text-align: center;

	cursor: pointer;

}



.sb-search-submit {

	background: #fff; /* IE needs this */

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */

    filter: alpha(opacity=0); /* IE 5-7 */

    opacity: 0;

	color: transparent;

	border: none;

	outline: none;

	z-index: -1;

}



.sb-icon-search {

	color: #fff;

	background: #0F8CD0;

	z-index: 90;

	font-size: 22px;

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	-webkit-font-smoothing: antialiased;

}



/* Open state

   ------------------*/

.sb-search.sb-search-open,

.no-js .sb-search {

	width: 100%;

}



.sb-search.sb-search-open .sb-icon-search,

.no-js .sb-search .sb-icon-search {

	background: #148ECF;

	color: #fff;

	z-index: 11;

}



.sb-search.sb-search-open .sb-search-submit,

.no-js .sb-search .sb-search-submit {

	z-index: 90;

}





/*  Trending News

    ============================= */

.trending-news {

    padding: 8px 0px 25px 0px;

    position: relative;

}

.trending-news-title{

    padding-left: 0;

}

.trending-news-title > span {

    background: #232323 none repeat scroll 0 0;

    color: #fff;

    padding: 5px 10px;

    text-transform: uppercase;

}

.trending-news .owl-item a {

    color: inherit;

    text-transform: uppercase;

    transition: .2s ease;

}

.trending-news .owl-item a:hover{

    text-decoration: none;

    color: #109BE6;

}

.trending-news .owl-prev, .trending-news .owl-next {

    display: inline-block;

    border: 1px solid #e6e6e6;

    padding: 5px 10px;

    background: #fff;

    margin-left: 5px;

}

.trending-news .owl-buttons {

    position: absolute;

    right: -15px;

    top: -5px;

    background: #fff;

}



/*  Top contents & slider

    ============================= */

.top-content {

  margin-bottom: 15px;

}

.left-featured-news figure, .right-featured-news figure{

    position: relative;

    overflow: hidden;

    margin-bottom: 15px;

}

.left-featured-news figure img, .right-featured-news figure img{

    transition: .2s ease;

}

.left-featured-news figcaption, .right-featured-news figcaption {

    bottom: 20px;

    left: 15px;

    position: absolute;

}

.left-featured-news figcaption a, .right-featured-news figcaption a{

    color:#fff;

    transition: .2s ease;

}

.left-featured-news figure:hover a, .right-featured-news figure:hover a{

    color:#109BE6;

    text-decoration: none;

}

.left-featured-news figure:hover img, .right-featured-news figure:hover img{

    transform: scale(1.1);

}



/* News Slider

   ------------------*/

.carousel-control {

    bottom: auto;

    font-size: 23px;

    left: 0;

    text-shadow:none;

    width: 36px;

    height: 36px;

    background: #109BE6;

    border-radius: 100px;

    top: 50%;

    margin-top: -17px;

    opacity: 1;

    transition: .2s ease;

}

.carousel-control.right {

    background-image: none;

    padding-left: 3px;

    margin-right: -25px;

    z-index: 1;

}

.carousel-control.left{

    background-image: none;

    padding-right: 3px;

    margin-left: -25px;

    z-index: 1;

}

.carousel-control:focus, .carousel-control:hover {

    background: #fff none repeat scroll 0 0;

    color: #269fe8;

    opacity: 1;

}

.carousel-inner figure{

    position: relative;

    overflow: hidden;

}

.carousel-inner figure img{

    transition: .2s ease;

}

.carousel-inner figure:hover img{

    transform: scale(1.02);

}

.carousel-inner figcaption{

    bottom: 25px;

    left: 0;

    position: absolute;

    z-index: 2;

    width: 100%;

    padding: 0 15px;

}

.carousel-inner figure .comments {

    background: #269fe8;

    color: #fff;

    padding: 5px 10px;

    position: absolute;

    right: 15px;

    top: 15px;

    transition: .2s ease;

    z-index: 3;

}

.carousel-inner figure .comments:hover{

    background: #000;

}

.carousel-inner figure .comments a{

    color: #fff;

}

.carousel-inner figure .comments a:hover{

    text-decoration: none;

}

.carousel-inner figure .comments:before {

    border-bottom: 12px solid transparent;

    border-left: 15px solid #269fe8;

    border-top: 0 solid transparent;

    bottom: 0;

    content: "";

    height: 0;

    left: 0;

    position: absolute;

    top: 23px;

    width: 0;

    transition: .2s ease;

}

.carousel-inner figure .comments:hover:before{

    border-left: 15px solid #000;

}

.slider-fig-label {

    background: #000 none repeat scroll 0 0;

    color: #fff;

    font-size: 12px;

    font-weight: 600;

    padding: 5px 15px;

    text-transform: uppercase;

}

.carousel-inner figcaption h2{

    margin-top: 10px;

    

}

.carousel-inner figcaption h2 a {

    color: #fff;

    font-size: 22px;

    transition: .2s ease;

}

.carousel-inner figure:hover figcaption h2 a{

    text-decoration: none;

    color: #109BE6;

}

.carousel-inner figcaption p{

    color: #fff;

}

.carousel-inner figure .overlay {

    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1;

    opacity: 0;

    transition: .2s ease;

    visibility: hidden;

}

.carousel-inner figure:hover .overlay{

    visibility: visible;

    opacity: 1;

}

.carousel-inner figure .news-author, .carousel-inner figure .news-date{

    color: #E6E6E6;

}



/*  News Sections

    ==================

    Featured News */

.featured-news, .lifestyle-news, .technology-news {

  margin-bottom: 50px;

}

ul.nav-tabs{

    margin: 15px 0 25px 0;

}

.news-sections ul.nav-tabs {

    background: #f9f9f9 none repeat scroll 0 0;

    border: 1px solid #ededed;

    border-bottom: 2px solid red;

}

.news-sections ul.nav-tabs li {

    float: right;

    font-weight: 600;

    text-transform: uppercase;

}

.news-sections ul.nav-tabs li:first-child{

    float: left;

    color: #f9c100;

    padding: 3px 0 5px 0;

    text-indent: 15px;

    position: relative;

    z-index: 3;

    color:#fff;

}

.news-sections ul.nav-tabs li:first-child::after {

    background: red none repeat scroll 0 0;

    content: "";

    height: 35px;

    left: -1px;

    position: absolute;

    top: -5px;

    width: 150px;

    z-index: -1;

}

.news-sections ul.nav-tabs li:first-child::before {

    background: red none repeat scroll 0 0;

    content: "";

    height: 35px;

    position: absolute;

    right: -90px;

    top: -5px;

    transform: skewX(30deg);

    width: 150px;

    z-index: -2;

}

.featured-news ul.nav-tabs{

    border-bottom: 2px solid #269fe8;

} 

.featured-news ul.nav-tabs li:first-child::before, .featured-news ul.nav-tabs li:first-child::after{

    background: #269fe8;

}

.news-sections ul.nav-tabs li a{

    color: #333;

    background: none;

    border-radius: 0;

    border: 0 none;

    padding: 5px 15px;

}

.news-sections ul.nav-tabs li a:hover, .news-sections ul.nav-tabs li a:focus{

    color: #269fe8;

    border-radius: 0;

    background: none;

    outline: none;

    border: 0 none;

}

.news-sections ul.nav-tabs li.active a{

    color:#269fe8;

    cursor: pointer;

}



.news-thumb {

    height: 170px;

    width:100%;

}

.news-sections .tab-content h2.news-title {

    line-height: 23px;

}

.news-sections .tab-content h2.news-title a{

    color:#222;

    font-size: 16px;

}

.featured-news .tab-content .tab-pane div:hover h2.news-title a{

    text-decoration: none;

    color: #269fe8;

}

.news-author {

    color: #888;

    font-size: 11px;

    font-weight: 600;

}

.news-author i, .news-date i{

    padding-right: 3px;

}

.news-date {

    color: #888;

    font-size: 12px;

}

.news-sections .tab-content h2.news-title a{

    color:#222;

    font-size: 19px;

    font-weight: 600;

    transition: .2s ease;

}



/* Lifestyle News

   ------------------*/

.lifestyle-news ul.nav-tabs li:first-child{

    color:#fff;

}

.lifestyle-news ul.nav-tabs{

    border-bottom: 2px solid #f9c100 ;

} 

.lifestyle-news ul.nav-tabs li:first-child::before, .lifestyle-news ul.nav-tabs li:first-child::after{

    background: #f9c100;

}

.lifestyle-news ul.nav-tabs li a:hover, .lifestyle-news ul.nav-tabs li a:focus{

    color:#f9c100 ;

}

.lifestyle-news ul.nav-tabs li.active a{

    color:#f9c100;

}

.lifestyle-news .tab-content .lifestyle-focused-news h2.news-title a{

    color:#222;

    font-size: 19px;

}

.lifestyle-news .tab-content .lifestyle-focused-news:hover h2.news-title a{

    color: #f9c100 !important;

}

.lifestyle-news .tab-content .tab-pane .col-md-6:first-child{

    padding-left: 0;

}

.lifestyle-news .tab-content .tab-pane .col-md-6:last-child {

    padding-right: 0;

}

.lifestyle-focused-news p.news-meta{

    position: relative;

}

.lifestyle-single-news {

    margin-bottom: 15px;

}

.lifestyle-single-news .col-sm-5 img {

    margin-top: 5px;

}

.lifestyle-news .lifestyle-single-news h3 {

    line-height: 17px;

    margin-top: 0;

}

.lifestyle-news .lifestyle-single-news h3 a {

    color: #222;

    font-size: 15px;

    font-weight: 600;

}

.lifestyle-news .lifestyle-single-news h3 a:hover{

    text-decoration: none;

    color: #f9c100;

}



/* Fashion News

   ------------------*/

.fashion-news ul.nav-tabs li:first-child{

    color:#fff;

}

.fashion-news ul.nav-tabs{

    border-bottom: 2px solid #f44336;

} 

.fashion-news ul.nav-tabs li:first-child::before, .fashion-news ul.nav-tabs li:first-child::after{

    background: #f44336;

}

.fashion-news ul.nav-tabs li a:hover, .fashion-news ul.nav-tabs li a:focus{

    color:#f44336;

}

.fashion-news ul.nav-tabs li.active a{

    color:#f44336;

}

.fashion-news .tab-content h2.news-title a{

    color:#222;

    font-size: 19px;

}

.fashion-left-focused:hover h2.news-title a, .fashion-right-focused:hover h2.news-title a{

    color: #f44336 !important;

}

.fashion-left{

    padding-left: 0;

}

.fashion-right{

    padding-right: 0;

}

.fashion-left-focused, .fashion-right-focused{

    margin-bottom: 25px;

}

.fashion-left-single, .fashion-right-single{

    margin-bottom: 20px;

}

.fashion-left-single .col-sm-5 img, .fashion-right-single .col-sm-5 img{

    margin-top: 5px;

}

.fashion-left-single h3, .fashion-right-single h3 {

    line-height: 17px;

    margin-top: 0;

}

.fashion-left-single h3 a, .fashion-right-single h3 a {

    color: #222;

    font-size: 15px;

    font-weight: 600;

}

.fashion-left-single h3 a:hover, .fashion-right-single h3 a:hover{

    text-decoration: none;

    color: #f44336;

}

.fashion-single-image {

    float: left;

    width: 37%;

    margin-top: 5px;

}

.fashion-single-excerpt {

    float: left;

    width: 63%;

}





/*  News Sidebar

    ================================ */

.sidebar-widget{

    margin-bottom: 20px;

}

h2.widget-title, h3.widget-title{

    text-transform: uppercase;

}



/* Tabbed News

   ------------------*/

.tabbed-news ul.nav-tabs{

    margin: 15px 0 25px 0;

}

.tabbed-news ul.nav-tabs {

    background: #19242f;

    border: 1px solid #19242F;

}

.tabbed-news ul.nav-tabs li {

    font-weight: 600;

    text-transform: uppercase;

    width: 33.3333%;

}

.tabbed-news ul.nav-tabs li:first-child{

    text-align: left;

}

.tabbed-news ul.nav-tabs li:nth-child(2){

    text-align: center;

}

.tabbed-news ul.nav-tabs li:last-child{

    text-align: right;

}

.tabbed-news ul.nav-tabs li a{

    color: #fff;

    background: none;

    border-radius: 0;

    border: 0 none;

    padding: 7px 15px 6px 15px;

    font-size: 13px;

}

.tabbed-news ul.nav-tabs li a:hover, .tabbed-news ul.nav-tabs li a:focus{

    color: #269fe8;

    border-radius: 0;

    background: none;

    outline: none;

    border: 0 none;

}

.tabbed-news ul.nav-tabs li.active a{

    color:#269fe8;

    cursor: pointer;

}

.tabbed-content{

    margin-bottom: 20px;

}

.tabbed-content .news-meta{

    margin-bottom: 5px;

}

.tabbed-content .col-sm-4{

    padding-left: 0;

}

.tabbed-content .col-sm-4 img {

    margin-top: 5px;

}

.tabbed-content .col-sm-8{

    border-bottom: 1px solid #ededed;

    padding: 0;

}

.tabbed-content h3 {

    line-height: 17px;

    margin-top: 0;

}

.tabbed-content h3 a {

    color: #222;

    font-size: 15px;

    font-weight: 600;

}

.tabbed-content h3 a:hover{

    text-decoration: none;

    color: #4db2ec;

}

.tabbed-content .col-md-4.col-sm-2.col-xs-4 img{

    width: 100%;

}

/* Popular Video Widget

   -----------------------*/

.popular-video-widget h2.widget-title{

    color: #fff;

    background: #19242F;

    border-radius: 0;

    border: 0 none;

    padding: 8px 15px;

    font-size: 15px;

    font-weight: 600;

    margin: 0;

}

.pvw-focused{

    margin-bottom: 25px;

}

.pvw-focused h2{

    margin: 15px 0;

    line-height: 23px;

}

.pvw-focused h2 a{

    color: #222;

    font-size:18px;

    font-weight: 600;

}

.pvw-focused h2 a:hover{

    text-decoration: none;

    color:#109BE6;

}

.pvw-wrapper {

    padding: 0;

    margin-bottom: 15px;

}

.pvw-wrapper iframe {

    width: 100%;

    height: 200px;

}

.pvw-single{

    margin-bottom: 15px;

}

.pvw-single .col-sm-4 img {

    margin-top: 5px;

}

.pvw-single h3 {

    line-height: 17px;

    margin-top: 0;

}

.pvw-single h3 a {

    color: #222;

    font-size: 15px;

    font-weight: 600;

}

.pvw-single h3 a:hover{

    text-decoration: none;

    color: #4db2ec;

}

.pvw-single-left{

	padding-left:0;

}

.pvw-single-right{

	padding-right:0;

}



/* Featured News

   ------------------*/

.featured-news h2.widget-title{

    color: #fff;

    background: #19242F;

    border-radius: 0;

    border: 0 none;

    padding: 8px 15px;

    font-size: 15px;

    font-weight: 600;

    margin: 20px 0;

}

.featured-news .fn-content .col-sm-6{

    margin-bottom: 15px;

}

.featured-news .fn-content .col-sm-6 img{

    width:100%;

}

.featured-news .fn-content .col-sm-6:first-child, .featured-news .fn-content .col-sm-6:nth-child(3){

    padding-left:0;

}

.featured-news .fn-content .col-sm-6:nth-child(2), .featured-news .fn-content .col-sm-6:last-child{

    padding-right:0;

}

.fn-content h3 {

    line-height: 17px;

    margin-top: 10px;

}

.fn-content h3 a {

    color: #222;

    font-size: 15px;

    font-weight: 600;

}

.fn-content h3 a:hover{

    text-decoration: none;

    color: #4db2ec;

}



/* Stay Connected

   ------------------*/

.stay-connected h2.widget-title{

    color: #fff;

    background: #19242F;

    border-radius: 0;

    border: 0 none;

    padding: 8px 15px;

    font-size: 15px;

    font-weight: 600;

    margin: 15px 0;

}

.sc-icon{

    background-color: #eee;

    border-radius: 5px;

    color: #333;

    display: inline-block;

    float: left;

    height: 50px;

    margin-right: 18px;

    text-align: center;

    width: 50px;

}

.sc-icon i{

    font-size: 18px;

    line-height: 50px;

}

.sc-icon.gp, .sc-icon.fb, .sc-icon.tw, .sc-icon.yo, .sc-icon.rs, .sc-icon.vi{

  color: #fff;

  margin-bottom: 10px;

}

.sc-icon.gp{

  background-color: #d34836;

}

.sc-icon.fb{

  background-color: #3d62b3;

}

.sc-icon.tw{

  background-color: #55acee;

}

.sc-icon.yo{

  background-color: #cc181e;

}

.sc-icon.rs{

  background-color: #f8bc2e;

}

.sc-icon.vi{

  background-color: #1bb6ec;

}

.sc-text span {

  display: block;

}

span.number{

  color: #333;

  font-size: 22px;

  font-weight: bold;

  line-height: 1.2em;

  margin-top: 5px;

}

span.user{

  color: #999 !important;

  font-size: 10px;

  line-height: 1em;

  margin-top: 2px;

  text-transform: uppercase;

}

/* Adv Widget

   ------------------*/

.adv-widget{

    margin-top: 20px;

}

.adv-widget img{

    margin: 0 auto;

    height: auto;

}



/* News Miss News

   ------------------*/

.dont-miss-news{

    text-align: center;

}

.dont-miss-news h2.widget-title{

    color: #fff;

    background: #19242F;

    border-radius: 0;

    border: 0 none;

    padding: 8px 15px;

    font-size: 15px;

    font-weight: 600;

    margin: 15px 0;

    text-align: left;;

}

.dont-miss-news h3 {

    line-height: 17px;

    margin-top: 10px;

}

.dont-miss-news h3 a {

    color: #222;

    font-size: 15px;

    font-weight: 600;

}

.dont-miss-news h3 a:hover{

    text-decoration: none;

    color: #4db2ec;

}

.dont-miss-news .owl-buttons{

	display:inline-block;

	margin-top:30px;

}

.dont-miss-news .owl-prev, .dont-miss-news .owl-next{

	display:inline;

	border: 1px solid #ddd;

    font-size: 20px;

    padding: 4px 15px 6px 15px;

    transition: .2s ease;

	margin:0 5px 0 5px;

}

.dont-miss-news .owl-prev:hover, .dont-miss-news .owl-next:hover{

	color: #fff;

    background: #4db2ec;

    border-color: #4db2ec;

    text-decoration: none;

}







/*  Middle Featured News

    ================================ */



.middle-featured-news{

    padding: 50px 0;

}

.middle-featured-news figure{

    position: relative;

    overflow: hidden;

}

.middle-featured-news figure img{

    transition: .2s ease;

}

.middle-featured-news figure:hover img{

    transform:scale(1.2);

}

.middle-featured-news figure figcaption{

    position: absolute;

    left:15px;

    bottom: 20px;

    z-index: 2;

}

.middle-featured-news figure figcaption h3 a{

    color:#fff;

    font-weight: 600;

    font-size: 18px;

    transition: .2s ease;

}

.middle-featured-news figure figcaption p span.news-author{

    color: #fff;

}

.middle-featured-news figure:hover figcaption h3 a{

    text-decoration: none;

    color: #109BE6;

}

.middle-featured-news figure .overlay {

    background: rgba(0,0,0,0.4);

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    visibility: hidden;

    width: 100%;

    transition: .2s ease;

    z-index: 1;

}

.middle-featured-news figure:hover .overlay{

    visibility: visible;

    opacity: 1;

}





/*  News - Technology News

    ================================ */

.technology-news ul.nav-tabs li:first-child{

    color:#fff;

}

.technology-news ul.nav-tabs{

    border-bottom: 2px solid #5B66C4;

} 

.technology-news ul.nav-tabs li:first-child::before, .technology-news ul.nav-tabs li:first-child::after{

    background: #5B66C4;

}

.technology-news ul.nav-tabs li a:hover, .technology-news ul.nav-tabs li a:focus{

    color:#5B66C4;

}

.technology-news ul.nav-tabs li.active a{

    color:#5B66C4;

}

.technology-news .tab-content .technology-focused-news h2.news-title a{

    color:#222;

    font-size: 19px;

}

.technology-news .tab-content .technology-focused-news:hover h2.news-title a{

    color: #777fce !important;

}

.technology-focused-news{

    padding-left: 0;

}

.technology-single-news {

    margin-bottom: 15px;

}

.technology-single-news .col-sm-5 img {

    margin-top: 5px;

}

.technology-news .technology-single-news h3 {

    line-height: 17px;

    margin-top: 0;

}

.technology-news .technology-single-news h3 a {

    color: #222;

    font-size: 15px;

    font-weight: 600;

}

.technology-news .technology-single-news h3 a:hover{

    text-decoration: none;

    color: #777fce;

}





/* health / Fitness and Sports

   -------------------------------*/

.health-fitness {

    padding-left: 0;

}

.sports{

    padding-right: 0;

}

.health-fitness h2, .sports h2{

    background: #f9f9f9;

    border: 1px solid #EDEDED;

    font-size: 14px;

    text-transform: uppercase;

    padding: 5px 15px;

    font-weight: 600;

    margin-bottom: 20px;

    position:relative;

    z-index: 1;

    border-bottom: 2px solid #81d742;

}

.health-fitness h2::after, .sports h2::after {

    background: #81d742;

    content: "";

    height: 40px;

    left: -1px;

    position: absolute;

    top: -5px;

    width: 150px;

    z-index: -1;

}

.health-fitness h2::before, .sports h2::before {

    background: #81d742;

    content: "";

    height: 40px;

    position: absolute;

    right: 150px;

    top: -5px;

    transform: skewX(30deg);

    width: 150px;

    z-index: -2;

}

.sports h2{

    border-bottom: 2px solid #ff7500;

}

.sports h2::after, .sports h2::before{

    background: #ff7500;

}

.health-fitness h2, .sports h2{

    color:#fff;

}

.health-fitness figure, .sports figure{

	position:relative;

    margin-bottom: 20px;

    overflow: hidden;

}

.health-fitness figure img, .sports figure img{

    transition: .2s ease;

}

.health-fitness figure:hover img, .sports figure:hover img{

    transform: scale(1.1);

}

.health-fitness figure figcaption, .sports figure figcaption{

    position: absolute;

    left: 15px;

    bottom: 20px;

    z-index: 2;

}

.health-fitness figure figcaption h3 a, .sports figure figcaption h3 a{

    color:#fff;

    font-size: 19px;

    font-weight: 600;

}

.health-fitness figure:hover figcaption h3 a{

    text-decoration: none;

    color:#81d742;

}

.sports figure:hover figcaption h3 a{

    text-decoration: none;

    color:#ff7500;

}

.health-fitness figure figcaption p span.news-author, .sports figure figcaption p span.news-author{

    color: #fff;

}

.health-fitness-single, .sports-single {

    margin-bottom: 15px;

}

.health-fitness-single .col-sm-5, .sports-single .col-sm-5{

    padding-left:0; 

}

.health-fitness-single .col-sm-7, .sports-single .col-sm-7{

    padding-left:0;

    padding-right: 0;

}

.health-fitness-single .col-sm-5 img, .sports-single .col-sm-5 img {

    margin-top: 5px;

}

.health-fitness .health-fitness-single h3, .sports .sports-single h3 {

    line-height: 17px;

    margin-top: 0;

}

.health-fitness .health-fitness-single h3 a, .sports .sports-single h3 a {

    color: #222;

    font-size: 15px;

    font-weight: 600;

}

.health-fitness .health-fitness-single h3 a:hover{

    text-decoration: none;

    color: #81d742;

}

.sports .sports-single h3 a:hover{

    color: #ff7500;

    text-decoration: none;

}

.health-fitness figure .overlay, .sports figure .overlay {

    background: rgba(0,0,0,0.4);

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    visibility: hidden;

    width: 100%;

    transition: .2s ease;

    z-index: 1;

}

.health-fitness figure:hover .overlay, .sports figure:hover .overlay{

    visibility: visible;

    opacity: 1;

}







/* Adv Banner center

   ------------------*/

.adv-banner{

    padding: 50px 0;

}

.adv-banner img {

    margin: 0 auto;

}





/*  Latest Articles Style

    ================================ */

.articles ul.nav-tabs{

    margin: 15px 0 25px 0;

}

.articles ul.nav-tabs {

    background: #f9f9f9 none repeat scroll 0 0;

    border: 1px solid #ededed;

    border-bottom: 2px solid #bd4cce;

}

.articles ul.nav-tabs li {

    float: right;

    font-weight: 600;

    text-transform: uppercase;

}

.articles ul.nav-tabs li:first-child{

    float: left;

    color: #bd4cce;

    padding: 3px 15px 5px 15px;

    position: relative;

    color: #fff;

    z-index: 1;

}

.articles ul.nav-tabs li:first-child::after {

    background: #bd4cce;

    content: "";

    height: 35px;

    left: -1px;

    position: absolute;

    top: -5px;

    width: 150px;

    z-index: -1;

}

.articles ul.nav-tabs li:first-child::before {

    background: #bd4cce;

    content: "";

    height: 35px;

    position: absolute;

    right: -90px;

    top: -5px;

    transform: skewX(30deg);

    width: 150px;

    z-index: -2;

}

.articles ul.nav-tabs li a{

    color: #333;

    background: none;

    border-radius: 0;

    border: 0 none;

    padding: 5px 15px;

}

.articles ul.nav-tabs li a:hover, .articles ul.nav-tabs li a:focus{

    color: #bd4cce;

    border-radius: 0;

    background: none;

    outline: none;

    border: 0 none;

}

.articles ul.nav-tabs li.active a{

    color:#bd4cce;

    cursor: pointer;

}

.articles figure{

    margin-bottom: 30px;

}

.articles figure h2.news-title a{

    color:#222;

    font-size: 19px;

    transition: .2s ease;

    font-weight: 600;

}

.articles figure:hover h2.news-title a{

    color:#bd4cce;

    text-decoration: none;

}

.articles-left{

    padding-left:0; 

}

.articles-right{

    padding-right: 0;

}

.article-pagination ul{

    margin-bottom: 0;

}

.article-pagination ul li a {

    border: 1px solid #ddd;

    padding: 5px 9px;

    transition: .2s ease;

    color:inherit;

}

.article-pagination ul li.active a{

    background: #109BE6;

    color: #fff;

    border-color: #109BE6;

}

.article-pagination ul li a:hover{

    text-decoration: none;

    background: #109BE6;

    color:#fff;

    border-color: #109BE6;

}

.article-pages{

    padding-left: 0;

    margin-top: 40px;

}

.article-page-count{

    padding-right: 0;

    text-align: right;

    margin-top: 40px;

}

.article-page-count p{

    margin: 0;

}









/*  Footer Style

    ================================ */

footer{

    background: #232323;

    padding-top: 60px;

    margin-top: 150px;

}

.footer-widget .most-popular-widget, .footer-widget .latest-news-widget, .footer-widget .footer-video-widget{

    background: #2E2F37;

    padding-bottom: 20px;

}

.most-popular-widget h2, .latest-news-widget h2, .footer-video-widget h2{

    margin: 0;

    background: #25262C;

    color: #fff;

    text-align: center;

    font-size: 18px;

    font-weight: 600;

    padding: 20px;

    border-bottom: 1px solid #282930;

    position: relative;

}

.most-popular-widget h2:before, .latest-news-widget h2:before, .footer-video-widget h2:before{

    position: absolute;

    content: "";

    width: 100%;

    height: 1px;

    bottom: 0;

    border-bottom: 1px solid #1D1E24;

    left: 0;

}

.mpw-content, .lnw-content{

    padding-top: 15px;

}

.mpw-content img, .lnw-content img{

    margin-top:10px;

}

.mpw-content h3, .lnw-content h3{

    margin-top: 0;

    line-height: 20px;

}

.mpw-content h3 a, .lnw-content h3 a{

    color: #fff;

    font-size: 15px;

}

.mpw-content h3 a:hover, .lnw-content h3 a:hover{

    color: #109BE6;

    text-decoration: none;

}

.mpw-content span, .lnw-content span{

    color: #999;

}



.video-wrapper {

    padding: 20px 20px;

    

}

.video-wrapper iframe {

    width: 100%;

    height: auto;

}

.video-btn {

    background: #26272e none repeat scroll 0 0;

    border-bottom: 1px solid #1d1e24;

    color: #fff;

    display: block;

    font-weight: 600;

    padding: 15px 0;

    text-align: center;

    margin: 20px 0;

}

.video-btn:hover{

    color: aliceblue;

    text-decoration: none;

}

.footer-video-widget{

    min-height:445px;

}

.footer-video-widget ul {

    text-align: center;

    margin: 40px 0 0 0;

}

.footer-video-widget ul li a {

    background: #252525 none repeat scroll 0 0;

    color: #fff;

    display: inline-block;

    font-size: 15px;

    height: 35px;

    padding-top: 5px;

    width: 35px;

    transition: .2s ease;

}

.footer-video-widget ul li a:hover{

    background: #000;

}



.footer-bottom {

    background: #0c0c0c none repeat scroll 0 0;

    padding: 15px 0;

    margin-top: 60px;

}

.copyright p{

    margin-bottom: 0;

    color: #fff;

}

.footer-bottom-menu ul{

    text-align: right;

    margin: 0;

}

.footer-bottom-menu ul li a{

    color: #fff;

}

.footer-bottom-menu ul li a:hover{

    color:#109BE6;

    text-decoration: none;

}











/* =========================================================================

   Contact Page

   ========================================================================== */

.page-title h2 {

    background: #109be6 none repeat scroll 0 0;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    margin: 15px 0;

    padding: 8px 20px;

    text-transform: uppercase;

}

.page-title ol {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    border-radius: 0;

    margin: 15px 0 15px 10px;

}

.contact-form > form {

    margin-top: 20px;

}

.contact-page-content form .form-group{

    margin-bottom: 20px;

}

.contact-page-content form .form-group label {

    color: #747474;

    font-size: 1.15em;

    font-weight: normal;

}

.contact-page-content form .form-group .form-control {

    border-radius: 0;

    box-shadow: none;

}

.contact-page-content form .form-group input[type="text"] {

    height: 50px;

    width: 50%;

}

.contact-page-content form .form-group textarea{

    height: 250px;

}

.contact-page-content form button.btn.btn-primary {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 1px solid #cccccc;

    border-radius: 0;

    color: #747474;

    padding: 10px 20px;

    transition: .3s ease;

}

.contact-page-content form button.btn.btn-primary{

    color: #fff;

    background: #109BE6;

    border-color: #109BE6;

}



.feedburner-widget {

    background: #f2f2f2 none repeat scroll 0 0;

    border: 1px solid #e7e8e8;

    padding: 20px 20px 30px;

    margin-top: 20px;

}

.feedburner-widget h3{

    font-size: 16px;

    margin: 0 0 15px 0;

    color: #109BE6;

}

.feedburner-widget p{

    font-style: italic;

}

.feedburner-widget form{

    margin-top: 20px;

}

.feedburner-widget input {

    background: #333946 none repeat scroll 0 0;

    border: medium none;

    color: #fff;

    font-style: italic;

    padding: 15px;

    width: 260px;

}

.feedburner-widget span {

    display: inline-block;

    margin-left: -3px;

}

.feedburner-widget button {

    background: #333946;

    border: medium none;

    padding: 15px 20px;

    color: #fff;

    transition: .2s ease;

}

.feedburner-widget button:hover{

    background: #109BE6;

}



/* Conatct Form */



#contact input[type="submit"][disabled] { background:#888;color: #fff; }



#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */



#message { margin: 10px 0; padding: 0; }



.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('..images/assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }



.loader { padding: 0 10px; }



#contact #success_page h1 { background: url('..images/assets/success.gif') left no-repeat; padding-left:22px; }



acronym { border-bottom:1px dotted #ccc; }

























/* =======================================================

   Category Template Styles

   ======================================================= */

.article-featured{

    margin-bottom: 30px;

    margin-top: 20px;

}

.article-featured figure{

    position: relative;

}

.article-featured figure .comments {

    right: 10px;

    top: 10px;

    z-index: 3

}

.article-featured figure figcaption{

    bottom: 0;

    left: 0;

    padding: 0 15px;

    position: absolute;

    z-index: 2;

    width: 100%;

}

.cat-featured {

    background: #08a6e2 none repeat scroll 0 0;

    color: #fff;

    display: inline-block;

    padding: 3px 15px;

    border-radius: 3px;

    transition: .3s ease;

}

.cat-featured:hover{

    background: #1DBBF8;

    text-decoration: none;

    color: #fff;

}

.article-featured h2 {

    margin: 20px 0;

}

.article-featured h2 a{

    color:#fff;

}

.article-featured h2 a:hover{

    text-decoration: none;

}

.article-featured  .news-date{

    color: #E9E9E9;

}

.article-featured figure::after {

    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    transition: .3s ease;

    z-index: 1;

    visibility: visible;

    opacity: 0.3;

}

.article-featured figure:hover::after{

    cursor: pointer;

    visibility: hidden;

    opacity: 0;

}



.category-single-news{

    margin-bottom: 30px;

}

.category-single-news h3{

    line-height: 23px;

}

.category-single-news h3 a {

    color: #222;

    font-size: 19px;

    font-weight: 600;

    transition: all 0.2s ease 0s;

}

.category-single-news h3 a:hover{

    text-decoration: none;

    color:#5D5D5D;

}

.category-single-news p{

    margin-bottom: 10px;

}

.category-single-news a.btn {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #747474;

    border: 1px solid #747474;

    border-radius: 0;

    transition: .2s ease;

}

.category-single-news a.btn:hover{

    color: #fff;

    background: #109BE6;

    border-color:#109BE6;

}



/* Category Content Sidebar */

.category-content-sidebar h3.widget-title {

    background: #19242f none repeat scroll 0 0;

    border: 0 none;

    border-radius: 0;

    color: #fff;

    font-size: 15px;

    font-weight: 600;

    margin: 20px 0;

    padding: 8px 15px;

}



.search-widget > form {

    position: relative;

}

.search-widget form input {

    border: 1px solid rgba(0, 0, 0, 0.1);

    height: 40px;

    padding: 0 50px 0 15px;

    width: 100%;

}

.search-widget button {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    height: 40px;

    padding: 0;

    position: absolute;

    right: 0;

    top: 0;

    width: 50px;

    color: #747474;

}

.search-widget button::before {

    background: rgba(0, 0, 0, 0.1);

    content: "";

    height: 20px;

    left: 0;

    position: absolute;

    top: 10px;

    width: 1px;

}



.categorie-list {

    padding: 0 15px;

}

.categorie-list > li {

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    padding: 15px 0;

}

.categorie-list > li a{

    color: #747474;

    transition: .2s ease;

}

.categorie-list > li a:hover{

    text-decoration: none;

    color: #000;

}

.tags-widget .tags{

    

}

.tags{

    margin: 0;

}

.tags a {

    border: 1px solid rgba(0, 0, 0, 0.1);

    color: #747474;

    display: inline-block;

    font-size: 12px;

    margin-bottom: 10px;

    padding: 5px;

    text-transform: uppercase;

    transition: .2s ease;

	margin-right: 5px;

}

.tags a:hover{

    color: #000;

    text-decoration: none;

}



/* Single Post Style */

.single-post-content article p {

    margin: 30px 0;

}

.single-post-content article figure {

    padding: 15px;

}

.single-post-content article figure figcaption {

    margin-top: 15px;

    text-align: center;

    font-size: 13px;

}

.single-post-content ul li {

    padding: 5px 0;

}

.single-post-content blockquote {

    border-left: 0 none;

    font-size: 20px;

    font-weight: 600;

    text-align: center;

}

.tagged span{

    font-weight: 600;

    font-size: 16px;

    text-transform: uppercase;

}



.related-news h2.related-news-title{

    background: #19242f none repeat scroll 0 0;

    border: 0 none;

    border-radius: 0;

    color: #fff;

    font-size: 15px;

    font-weight: 600;

    margin: 20px 0;

    padding: 8px 15px;

}

.related-news figure{

    position:relative;

}

.related-news figure figcaption{

    position: absolute;

    left: 0;

    bottom:0;

}

.related-news figure figcaption p{

    margin: 0;

}

.related-news figure figcaption p a{

    border-radius: 0;

}

.related-news h3 a{

    color: inherit;

    font-size: 19px;

    font-weight: 600;

    transition: .3s ease;

}

.related-news h3 a:hover{

    text-decoration: none;

    color: #08A6E2;

}

.post-navigation {

    margin-bottom: 30px;

    margin-top: 30px;

}

.post-navigation .col-sm-6:last-child{

    text-align: right;

}

.post-navigation p a{

    color: inherit;

    font-weight: 600;

    transition: .3s ease;

}

.post-navigation p a:hover{

    text-decoration: none;

    color:#08A6E2;

}

.post-navigation h3{

    font-weight: 600;

}

.post-navigation h3 a {

    color: inherit;

}

.post-navigation h3 a:hover{

    color: #000;

}

.article-author-info{

    margin-top: 30px;

    margin-bottom: 30px;

}

.author-details h3{

    margin-top: 0;

    font-size: 15px;

    font-weight: 600;

}

.author-details ul{

    margin: 0;

}

.author-details ul li{

    margin-right: 15px;

}

.article-comments {

    border-top: 1px solid #ccc;

    padding-top: 40px;

    margin-top: 60px;

    margin-bottom: 60px;

}

.article-comments form legend{

    margin-bottom: 5px;

    font-weight: 600;

}

.article-comments form span.email-privacy-alert

{

    display: block;

    margin-bottom: 30px;

}

.article-comments form .form-group textarea{

    margin-bottom: 25px;

}

.article-comments form .form-group label {

    margin-bottom: 10px;

}

textarea.form-control, input.form-control {

    border-radius: 0;

    box-shadow: none;

}

.article-comments form button {

    border-radius: 0;

    background: #fff;

    border: 0 none;

    padding: 10px 20px;

    transition: .3s ease;

    margin: 10px 0;

    border:1px solid #cccccc;

    color: #747474;

}

.article-comments form button{

    background: #0798CF;

    border-color: #0798CF;

    color: #fff;

}

label{

  color: #747474;

}

















/* =================

   Helper classes

   ================= */

.padding-fix{

    padding-left: 0;

    padding-right: 0;

}

.hidden {

    display: none !important;

}

.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}

.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}

.invisible {

    visibility: hidden;

}

.clearfix:before,

.clearfix:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.clearfix:after {

    clear: both;

}