/* Body  
   ================================================== */

body {
    overflow-x: hidden;
	font-family: 'Roboto', sans-serif;
	color:#000000;
	background:#f9f9f9;
    overflow-x: hidden;
	font-size:14px;
	}
img {
border:1px solid #ccc;
}
.border-none{ border:none}
.wrapper-body {
    background-color:#f9f9f9;
}

.body-boxed {
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}
strong{ font-weight:900; font-size:1.2em}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{ font-weight:500}


/* COLORS
   ================================================== */
.theam-text-default{color:#fff;}
a.theam-text-default:hover{color:#ccc;}

/*TEXT COLORS*/

.theam-text-one{color:#000;}
a.theam-text-one:hover{color:#ccc;}

.theam-text-two{color:#999;}
a.theam-text-two:hover{color:#000;}



.sports-text{color:#1e9c59;}
a.sports-text{color:#1e9c59; opacity:08;}

.world-text{color:#0198da;}
a.world-text{color:#0198da; opacity:08;}

.entertainment-text{color:#f0350c}
a.entertainment-text{color:#f0350c; opacity:08;}

.food-text{color:#e47639}
a.food-text{color:#e47639; opacity:08;}



/*BG COLORS*/
.theam-bg-color-default{ background:#fff;}
.theam-bg-color-one{ background:#f9f9f9;}
.theam-bg-color-two{ background:#f2f2f2;}

.theam-border-color-one{ border:#f2f2f2 solid 1px;}

.theam-bg-one {background:#1e9c59 }
.theam-bg-two {background:#0198da}
.theam-bg-three {background:#f0350c}
.theam-bg-four {background:#c15709}
.theam-bg-five {background:#119e9e}
.theam-bg-six {background:#9e1d0a}
.theam-bg-seven {background:#741784}
 
 




.theam-panel-one{ width:100%; height:auto; float:left; background:#fff; border:#d8d8d8 solid 1px;}

 
/* typography
   ================================================== */
body {  width:100%;}
.media-heading h4{font-size:15px;}
.h1, h1 {font-size:1.8em}.h2, h2 {font-size:1.6em}.h3, h3 {font-size:1.4em}.h4, h4 {font-size:1.0em}.h5, h5 {font-size:0.9em}.h6, h6 {font-size:0.8em}
.lead{ font-size:1.2em; line-height:1.5em}
.small{ font-size:0.9em;}
.small-one{ font-size:0.9em}
a{color:#000000;}
a:hover{ text-decoration:none}
.heading{ width:100%; height:auto; float:left; padding:0 0 0 10px; line-height:2em; color:#fff;}
.heading h4{ width:auto; float:left; margin:0px; padding:0px; line-height:2em;}
.heading a{ width:auto; float:right; padding:0 10px; background:rgba(0,0,0,0.2); font-size:0.9em;  font-weight:500; color:#fff; text-transform:uppercase; position:relative }
.heading a:before{width: 0; position:absolute; left:-20px; top:0px; content:'';
height: 0;
border-style: solid;
border-width: 0 20px 30px 0;
border-color: transparent rgba(0,0,0,0.2) transparent transparent;
}

.fullwidth{ width:100%;}

.panel-one{ width:100%; height:auto; float:left; padding:10px;}
.fwnone{ font-weight:normal}
.section{ padding:10px;}
.clearfix-one{ clear:both;}



@media (max-width:992px) {
.body.nav-open { margin-left:15em;  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;}
  
.overlay-bg{width:0px; height:0px; float:left;}    
.overlay-bg.active{ width:100%; height:100%; float:left;  position:fixed; left:0; top:0px; background:rgba(0,0,0,0.8); z-index:888; cursor:pointer}

  
}




.text-left-md{ text-align:left}
.text-right-md{ text-align:right}
.text-center-md{ text-align:center}

@media (max-width:992px) {
.text-left-sm{ text-align:left}
.text-right-sm{ text-align:right}
.text-center-sm{ text-align:center}
}
@media (max-width:767px) {
.text-left-xs{ text-align:left}
.text-right-xs{ text-align:right}
.text-center-xs{ text-align:center}
}



.wrapper-body{ width:100%; height:auto; float:left; position:relative;}

@media (min-width:992px) {
.left-bod-md{ border-left:#dcdcdc solid 1px;}
}
@media (min-width:767px) {
.left-bod-sm{ border-left:#dcdcdc solid 1px;}
}
/* TOP BAR
   ================================================== */

.top-bar{ width:100%; height:auto; float:left; background:#242021; overflow:hidden; position:relative;}
.social-icons-menu-top  a{ float:left; color:#fff;}
.top-bar  .date-location{ line-height:35px;}
.top-bar .search-panel{  float:right; position:relative; color:#fff;}
.top-bar .search-panel input[type="text"]{ width:180px; height:25px; color:#fff; margin:5px; line-height:25px; padding:0 10px 0 30px; float:right; background:#727085; border:#727085 solid 1px;}
.top-bar .search-panel:before{ width:35px; text-align:center; cursor:pointer;    font-family: FontAwesome;    font-weight: normal;    font-style: normal;content: "\f002"; position:absolute; left:0; top:0px; line-height:35px;}

@media (max-width:767px) {
	.social-icons-menu-top{ float:left !important; cursor:pointer; }
	.top-bar .search-panel{ width:35px; overflow:hidden; position:absolute; right:10px; top:0px;  background:#242021; z-index:999; }
	.top-bar .search-panel input[type="text"]{ float:left;}
	.top-bar .search-panel:before{ left:2px; } 
	.top-bar .search-panel.show{ width:93%; overflow:hidden; }
	.top-bar .search-panel.show input[type="text"]{ width:80%; padding-left:10px; float:left;} 
	.top-bar .search-panel.show:before{ display:none; }
	.top-bar .search-panel.show:after{ width:35px; height:35px; text-align:center; cursor:pointer;  font-family: FontAwesome; font-size:16px;    font-weight: normal;    font-style: normal;content: "\f057"; position:absolute; right:0; top:0px; line-height:35px; background:#e82533;}
	
}

/* TOP HEADER
   ================================================== */

.top-header{ width:100%; height:auto; float:left;}
/*
.top-header .top-header-cnt{ width:100%; height:auto; float:left;  background:#fff url(../images/background_holi.jpg)  left top;  padding:15px; background-repeat:no-repeat !important }
 */
.top-header .top-header-cnt{ width:100%; height:auto; float:left;  background:#fff; padding:15px;}
.top-header .top-header-cnt1{ width:100%; height:auto; float:left;  background:#fff; padding:15px;  }
.top-header #logo{ width:30%; margin-top:5px; float:left;}
.top-header #logo img{ width:100%; }

.top-header .quick-nav li{ float:left; font-weight:900; text-transform:uppercase;  margin-top:10px;}
.top-header .quick-nav li a{ width:auto; font-size:15px; float:left; padding:0 20px 0 5px;  line-height:20px; border-left:#000 solid 3px; position:relative; }

@media (max-width:1199px) {
	.top-header .quick-nav li a{ width:auto; font-size:15px; padding:0 15px 0 8px;}
}
@media (max-width:992px) {
.top-header .col-xs-12{ background:#fff; padding-top:10px; padding-bottom:10px;}	
.top-header #logo{ width:45%; margin-top:10px; float:left;}
.top-header #logo img{ width:75%; }
.top-header .quick-nav li a{ width:auto; font-size:14px; padding:0 15px 0 10px;}
	
}

@media (max-width:767px) {
	.top-header .top-header-cnt{ padding:0px; }
	.top-header .top-header-cnt1{ padding:0px; }
.top-header #logo{ width:100%; margin-top:5px; float:left; margin-bottom:0px; }
.top-header #logo img{ width:auto; }
.top-header .quick-nav{ width:100%;}
.top-header .quick-nav li{ width:25%; margin-top:15px;}
.top-header .quick-nav li a{ width:auto; font-size:14px; padding:0 15px 0 10px;}
.top-header .quick-nav li a:hover:before{  padding:0 10px 0 5px;}

	
}
@media (max-width:480px) {
.top-header #logo{ width:100%; margin-top:5px; float:left; text-align:center;}
.top-header #logo img{ width:80%; }
.top-header .quick-nav{ width:100%;}
.top-header .quick-nav li{ width:25%; margin-top:15px;}
.top-header .quick-nav li a{ width:100%; font-size:10px;  padding:0 10px 0 5px;  line-height:12px;  }
.top-header .quick-nav li a:hover:before{  padding:0 10px 0 5px;}

	
}


.top-header .add { width:180px; float:right; margin-left:10px;}
.top-header  .add img{ width:180px;}


/* TOP NAV
   ================================================== */
#main-nav{ width:100%;}
.top-nav{ width:100%; height:auto; float:left; background:#2c2568;}

.top-nav .navbar-brand{ display:none;}

.top-nav .navbar-nav li{ font-size:14px; text-transform:uppercase; font-weight:900; }
.top-nav .navbar-nav li > a{ color:#fff; padding:12px 9px;}

.top-nav .navbar-nav li:hover a, .top-nav .navbar-nav li.active a, .nav > li > a:focus{background:#117cbf;}
.top-nav .navbar-nav li.more > a{ color:#fff; padding:12px 15px; background:#4e4884;}


.top-nav .navbar-nav li.dropdown:hover .dropdown-menu{ display:block; padding:0px; background:#117cbf !important; border:none; top:100%;   }
.top-nav .navbar-nav li.dropdown:hover .dropdown-menu li a{  padding:10px 11px; color:#fff; font-size:14px; border-top:#2f99dc solid 1px; }
.top-nav .navbar-nav li.dropdown:hover .dropdown-menu li:hover a{background:#1877b2 !important}
.top-nav .navbar-nav li.dropdown:hover .dropdown-menu li:forst-child a{ border-top:none;}

@media (max-width:1199px) {
	.top-nav .navbar-nav li{ font-size:14px; text-transform:uppercase; font-weight:900; }
.top-nav .navbar-nav li > a{ color:#fff; padding:12px 10px;}
}

.mobile-nav{ width:30px; height:30px; float:left; margin:5px 10px 0 0; padding:0px; line-height:30px; text-align:center; color:#fff; background:#333; font-size:18px;}
.mobile-nav:hover, .mobile-nav:focus{color:#fff; }
.mobile-nav i{ margin-top:6px;}





.menu {
  list-style: none;
  line-height: 30px;
  margin: auto;
  /*outline: 1px solid red;*/
  padding-left: 0;
  width: 15em;
}

.menu a {
 
  color: #ddd;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  width: 100%;
}

.menu a:hover {

}

.menu > li {
  margin-bottom: 5px;
  padding-left: 10px;
  border-bottom:#3690cc solid 1px;
 
}
.menu .sub{ padding-left:10px !important;}

.menu .sub{ width:100%; float:left; padding-left:10px !important; display:none}
.slideMenu{ width:100%;float:left;  }
.slideMenu > a{ width:auto; float:left;}
.slideMenu > span{ width:30px; height:30px; color:#fff; float:right; cursor:pointer; text-align:center;}
.slideMenu > span i{ margin:8px 0 0 0}  

/*FIN MENU*/
/*Posicion Responsive Menu*/

nav {
  background: rgba(41,128,185,1);
  padding-right: .25em;
  position:fixed;
  left: -18em;
  top: 0;
  box-sizing: border-box;
  z-index: 999;
  height: 100%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

nav.active { left: 0; }

@media (max-width:767px) {
	nav {
		overflow:scroll;
	}

}




/* TOP ARTICLE 
   ================================================== */

.top-article{ background:#e2e2e2; padding:10px 10px 20px 10px;  }
@media (max-width:767px) { .top-article{ padding:10px 0px;}
}




.article-style-one{ width:100%; float:left; position:relative; height:auto; position:relative;  }
.article-style-one img{ width:100%; height:auto;}

.article-style-one .label{ padding:3px 4px;  position:absolute; left:10px; top:10px; font-size:0.9em; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border-radius:1px;}
.article-style-one .overlap{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:22;   color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+56,000000+100&0+55,0.9+98 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 55%, rgba(0,0,0,0.02) 56%, rgba(0,0,0,0.9) 98%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 55%,rgba(0,0,0,0.02) 56%,rgba(0,0,0,0.9) 98%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 55%,rgba(0,0,0,0.02) 56%,rgba(0,0,0,0.9) 98%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */}

.article-style-one  span{width:100%; height:auto; padding:0 10px; position:absolute; left:0px; bottom:10px; z-index:33 ;  font-size:1.03em; font-weight:500; line-height:1.2em;}


.article-style-two img{ width:100%;}


/* TODAY ARTICLE 
   ================================================== */
.today-article .article-style-one{ width:100%; height:auto; float:left;}
.today-article  .col-sm-8{ width:67%; padding:0 5px; padding-left:10px;}
.today-article .col-sm-4{ width:33%;padding:0 10px 0 5px;}
.today-article .col-sm-4:last-child{ margin-top:10px;}
@media (max-width:992px) {
.today-article  .col-sm-8{}
.today-article .col-sm-4{ }
.today-article .col-sm-4:last-child{ margin-top:10px;}

.today-article .article-style-one  span{ font-size:12px; line-height:normal}
}
@media (max-width:767px) { 
.today-article  .col-sm-8{ width:100%; float:left; padding:0 10px;}
.today-article .col-sm-4{ width:100%;  float:left; padding:0 10px;}
.today-article .col-sm-4:last-child{ margin-top:10px; padding:0 10px;}

}

/* LIST
   ================================================== */

.list-inline {
    list-style: outside none none;
    margin-left: -5px;
    padding-left: 0;
}

.list{ width:100%; height:auto; float:left;}
.list li{ width:100%; height:auto; float:left;}
.list li a{ width:100%; height:auto; float:left; padding:7px 0;}



.list.divider-list li{ width:100%; height:auto; float:left; border-top:#dcdcdc solid 1px; }
.list.divider-list li a{ }
.list.divider-list li:first-child{border-top:none}

/*.list.ellipsis li a{white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}*/
/*Changes*/
.list.ellipsis li a{white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;padding-right:10px;}
.list.ellipsis li i{ position:absolute; right:5px; /*top:10px; */color:#999; font-size:13px;}


 /* MEDIA
   ================================================== */
.media{ width:100%; height:auto; float:left;}
.media.media-sm img{ width:105px; height:auto;}
.media.media-sm .media-heading{ font-size:0.9em; line-height:normal; font-weight:normal;}
.media.media-sm .small{ font-style:italic;}
@media (max-width:992px) { 
.media.media-sm img{ width:80px; height:auto;}
.media.media-sm .media-heading{ }
}




.media.media-md img{ width:120px; height:auto;}
.media.media-md .media-heading{font-size:1.1em; }
.media.media-md .small{ font-style:italic;}
@media (max-width:992px) { 
.media.media-md img{ width:80px; height:auto;}
.media.media-md .media-heading{font-size:1.1em;}
}



.media.media-lg img{ width:160px; height:auto;}
.media.media-lg .media-heading{  font-size:1.1em; font-weight:normal;}
.media.media-lg .small{ font-style:italic;}
@media (max-width:992px) { 
.media.media-lg img{ width:80px; height:auto;}
.media.media-lg .media-heading{ }
}




.media.media-xlg img{ width:400px; height:auto;}
.media.media-xlg .media-heading{ font-size:18px; line-height:20px;font-weight:bold;}
.media.media-xlg .small{ font-style:italic;}
@media (max-width:992px) { 
.media.media-xlg img{ width:220px; height:auto;}
.media.media-xlg .media-heading{ }
}

@media (max-width:767px) { 
.media.media-xlg img{ width:100%; height:auto;}
.media.media-xlg .media-heading{ }
}

.media.media-block a{ width:100%; height:auto; float:left; padding:0px;}
.media.media-block img{ width:100%; height:auto; float:left; }
.media.media-block .media-heading{  font-weight:bold; margin-top:10px;}
.media.media-block .small{ font-style:italic;}

.media.media-block.box { width:100%; height:auto; float:left; padding:0px; background:#ededed}
.media.media-block.box .media-body{ padding:0 10px 10px 10px;}


.media.media-block.boxslider { width:100%; height:200px; float:left; padding:0px; background:#ededed;  }
.media.media-block.boxslider .media-body{ padding:0 10px 10px 8px; }







.divider-media{border-top:#dcdcdc solid 1px; padding:10px 0; margin:0px;}
.divider-media:first-child{border-top:none}

.media-two{ width:100%; height:auto; float:left; margin-top:10px;}
.media-two img{ width:120px; float:left; margin:0px 10px 10px 0}
.media-two .media-heading{ width:auto;  position:relative; margin-top:0px;}
.media-two div{ position:relative}

.media-two.divider{ padding:10px 0; margin:0px; border-top:#dcdcdc solid 1px;}
.media-two.divider:first-child{border-top:none}




/* Social Icons Hover V1  
   ================================================== */



.social-hover-v1  {
    position: relative;
    display: block;
    overflow: hidden;
    width: 35px;
    height: 34px;
    margin: 0;
    padding: 0;
	font-size:14px;
    text-align: center;
	border-left:#333 solid 1px;
}
.social-hover-v1:first-child{ border:none;}
 
.social-hover-v1-inverse:before,
.social-hover-v1-inverse:after {
    color: white;
}

.social-hover-v1-default:before,
.social-hover-v1-default:after {
    color: #cecece;
}

.social-hover-v1-default:hover:after {
    color: white;
}

.social-hover-v1:before,
.social-hover-v1:after {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    line-height: 35px;
    position: absolute;
    right: 0;
    left: 0;
    -webkit-transition: top .16s linear;
            transition: top .16s linear;
    text-align: center;
    text-decoration: inherit;
}

.social-hover-v1:before {
    top: 0;
}

.social-hover-v1:after {
    top: 39px;
    border-top: solid 8px transparent;
}

.social-hover-v1:hover:before {
    top: -35px;
}

.social-hover-v1:hover:after {
    top: -8px;
}

.social-hover-v1.a-facebook:before,
.social-hover-v1.a-facebook:after {
    content: '\f09a';
}

.social-hover-v1.a-facebook:after {
    background-color: #3b5998;
}

.social-hover-v1.a-google:before,
.social-hover-v1.a-google:after {
    content: '\f0d5';
}

.social-hover-v1.a-google:after {
    background-color: #dd4b39;
}

.social-hover-v1.a-twitter:before,
.social-hover-v1.a-twitter:after {
    content: '\f099';
}

.social-hover-v1.a-twitter:after {
    background-color: #00b6f1;
}

.social-hover-v1.a-linkedin:before,
.social-hover-v1.a-linkedin:after {
    content: '\f0e1';
}

.social-hover-v1.a-linkedin:after {
    background-color: #007bb6;
}

.social-hover-v1.a-behance:before,
.social-hover-v1.a-behance:after {
    content: '\f1b4';
}

.social-hover-v1.a-behance:after {
    background-color: #4176fa;
}

.social-hover-v1.a-pinterest:before,
.social-hover-v1.a-pinterest:after {
    content: '\f0d3';
}

.social-hover-v1.a-pinterest:after {
    background-color: #cb2026;
}

.social-hover-v1.a-youtube:before,
.social-hover-v1.a-youtube:after {
    content: '\f16a';
}

.social-hover-v1.a-youtube:after {
    background-color: #e52d27;
}




.social-hover-v1.a-apple:before,
.social-hover-v1.a-apple:after {
   content: "\f179";
}

.social-hover-v1.a-apple:after {
    background-color: #aaaaaa;
}



.social-hover-v1.a-windows:before,
.social-hover-v1.a-windows:after {
   content: "\f17a";
}

.social-hover-v1.a-windows:after {
    background-color: #0668cd;
}

.social-hover-v1.a-android:before,
.social-hover-v1.a-android:after {
   content: "\f17b";
}

.social-hover-v1.a-android:after {
    background-color: #5fcd06;
}




.social-hover-v1.a-print:before,
.social-hover-v1.a-print:after {
  content: "\f02f";
}

.social-hover-v1.a-print:after {
    background-color: #5fcd06;
}




.social-hover-v1.all:after {
    background-color: #2096cd;
}


.social-hover-v1.epaper:before,
.social-hover-v1.epaper:after {
    content: 'e-Paper';
	font-family: 'Roboto', sans-serif;
	width:70px;
}

.social-hover-v1.epaper:after {
    background-color: #2c2568;
}

.epaper{ width:70px; height:34px;  float:left; line-height:34px;}



/* patnars
   ================================================== */
.patnars img{ margin:0 10px;}


/* Social breakingNews 
   ================================================== */
.breakingNews-panel{ width:100%; height:auto; float:left; }

.breakingNews{width:100%; height:40px; background:#f4f4f4; position:relative;  overflow:hidden;}
.breakingNews>.bn-title{width:auto; height:40px; display:inline-block;  position:relative;}
.breakingNews>.bn-title>h2{display:inline-block; margin:0; padding:0 20px; line-height:40px; font-size:1.2em; color:#FFF; height:40px; box-sizing:border-box;}
.breakingNews>.bn-title>span{width: 0;position:absolute;right:-10px;top:10px;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent;}

.breakingNews>ul{padding:0; margin:0; list-style:none; position:absolute; left:210px; top:0; right:40px; height:40px; font-size:1.1em;}
.breakingNews>ul>li{position:absolute; height:40px; width:100%; line-height:40px; display:none;}
.breakingNews>ul>li>a{text-decoration:none; color:#333; overflow:hidden; display:block; white-space: nowrap;text-overflow: ellipsis; font-weight:normal;}
.breakingNews>ul>li>a>span{}
.breakingNews>ul>li>a:hover{color:#2096cd;}

.breakingNews>.bn-navi{width:40px; height:40px; position:absolute; right:0; top:0; opacity:0;}
.breakingNews>.bn-navi>span{width:40px; height:40px; font-size:18px; line-height:40px; text-align:center;  position:absolute; top:0; cursor:pointer; opacity:0.3;   font-family: FontAwesome;}
.breakingNews>.bn-navi>span:hover{opacity:1; background:#f0f0f0;}

.breakingNews>.bn-navi>span:first-child{ right:40px; top:10px;}
.breakingNews>.bn-navi>span:last-child{  right:0px; top:10px;}
.breakingNews:hover .bn-navi{opacity:1;}

.bn-large{height:50px;}
.bn-large>.bn-title{height:50px;}
.bn-large>.bn-title>h2{line-height:50px; font-size:1.4em;}
.bn-large>.bn-title>span{top:15px;}
.bn-large>ul{height:50px; left:250px; font-size:20px;}
.bn-large>ul>li{height:50px; line-height:50px;}
.bn-large>.bn-navi{height:50px; }
.bn-large>.bn-navi>span{height:50px;}

.bn-small{height:30px;}
.bn-small>.bn-title{height:30px;}
.bn-small>.bn-title>h2{line-height:30px; font-size:18px;}
.bn-small>.bn-title>span{top:5px;}
.bn-small>ul{height:30px; left:200px; font-size:14px;}
.bn-small>ul>li{height:30px; line-height:30px;}
.bn-small>.bn-navi{height:30px; }
.bn-small>.bn-navi>span{height:30px;}

/*color styles -----------------------------*/
.bn-red{border-color:#f44a56;}
.bn-red>.bn-title{background:#f44a56;}
.bn-red>.bn-title>span{border-left-color:#f44a56;}
.bn-red>ul>li>a:hover,.bn-red>ul>li>a>span{color:#f44a56;}

.bn-green{border-color:#27ae60;}
.bn-green>.bn-title{background:#27ae60;}
.bn-green>.bn-title>span{border-left-color:#27ae60;}
.bn-green>ul>li>a:hover,.bn-green>ul>li>a>span{color:#27ae60;}

.bn-purple{border-color:#795aac;}
.bn-purple>.bn-title{background:#795aac;}
.bn-purple>.bn-title>span{border-left-color:#795aac;}
.bn-purple>ul>li>a:hover,.bn-purple>ul>li>a>span{color:#795aac;}

.bn-turquoise{border-color:#1fb5ad;}
.bn-turquoise>.bn-title{background:#1fb5ad;}
.bn-turquoise>.bn-title>span{border-left-color:#1fb5ad;}
.bn-turquoise>ul>li>a:hover,.bn-turquoise>ul>li>a>span{color:#1fb5ad;}

.bn-orange{border-color:#f46e27;}
.bn-orange>.bn-title{background:#f46e27;}
.bn-orange>.bn-title>span{border-left-color:#f46e27;}
.bn-orange>ul>li>a:hover,.bn-orange>ul>li>a>span{color:#f46e27;}

.bn-black{border-color:#333;}
.bn-black>.bn-title{background:#333;}
.bn-black>.bn-title>span{border-left-color:#333;}
.bn-black>ul>li>a:hover,.bn-black>ul>li>a>span{color:#333;}

.bn-yellow{border-color:#d3ac23;}
.bn-yellow>.bn-title{background:#d3ac23;}
.bn-yellow>.bn-title>span{border-left-color:#d3ac23;}
.bn-yellow>ul>li>a:hover,.bn-yellow>ul>li>a>span{color:#d3ac23;}

.bn-light{border-color:#DDD;}
.bn-light>.bn-title{background:#DDD;}
.bn-light>.bn-title>h2{color:#333;}
.bn-light>.bn-title>span{border-left-color:#DDD;}
.bn-light>ul>li>a:hover,.bn-light>ul>li>a>span{color:#DDD;}

.bn-pink{border-color:#d65aac;}
.bn-pink>.bn-title{background:#d65aac;}
.bn-pink>.bn-title>span{border-left-color:#d65aac;}
.bn-pink>ul>li>a:hover,.bn-pink>ul>li>a>span{color:#d65aac;}

.bn-darkred{border-color:#d01e1e;}
.bn-darkred>.bn-title{background:#d01e1e;}
.bn-darkred>.bn-title>span{border-left-color:#d01e1e;}
.bn-darkred>ul>li>a:hover,.bn-darkred>ul>li>a>span{color:#d01e1e;}

.bn-bordernone{border:none;}
.bn-italic>ul>li>a{font-style:italic;}
.bn-bold>ul>li>a{font-weight:bold;}

.breakingNews>.bn-navi,
.breakingNews>ul>li>a,
.breakingNews>.bn-navi>span{transition: .25s linear;-moz-transition: .25s linear;-webkit-transition: .25s linear;}

@media (max-width:767px) {
.breakingNews>.bn-navi{ display:none;}
}


/* SUB NAV
   ================================================== */
   
   .sub-nav{width:100%; height:30x; background:#e2e2e2; position:relative;  overflow:hidden;}
.sub-nav .sn-title{width:auto; height:30px; padding:0 15px; float:left; display:inline-block; background:#2096cd; position:relative;}
.sub-nav .sn-title h3{ font-size:17px; color:#fff; line-height:30px; margin:0px;}
.sub-nav .sn-title h3 a{ color:#fff;}
.sub-nav .sn-title h3 a:hover{ color:#000;}


.sub-nav ul{  position:relative; padding:0; margin:0; list-style:none; float:left;}
.sub-nav ul li{height:30px; width:auto; float:left; line-height:30px; font-size:14px; padding:0 10px; font-weight:bold; position:relative }
.sub-nav ul li:before{ width:1px; height:15px; position:absolute; left:0px; top:8px;  background:#b6b6b6; content:'';}
.sub-nav ul li:first-child:before{ display:none}
.sub-nav ul li a {text-decoration:none; color:#333; overflow:hidden; }
.sub-nav ul li a:hover{color:#2096cd;}

.sub-nav-mob{ width:100%;}
.sub-nav-mob .btn{ width:100%; text-align:left; color:#333;  font-size:14px; font-weight:bold; background:#e2e2e2; border:#e2e2e2 solid 1px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.caret{  position:absolute; right:16px; top:16px; }
.sub-nav-mob .dropdown-menu{ width:100% !important; }


.sub-nav-mob.open .btn-primary{background:#e2e2e2 !important;  color:#333 !important;   border:#e2e2e2 solid 1px !important;}
   
   
   
/*
.subnav-panel{ width:100%; height:auto; float:left; background:#2096cd }

.sub-nav{width:100%; height:auto;  position:relative;  overflow:hidden;}
.sub-nav .sn-title{width:100%; height:auto; padding:2px 0;  float:left; display:inline-block;  position:relative; text-transform:uppercase;}
.sub-nav .sn-title h3{ width:auto; font-size:30px; float:left;  color:#fff; line-height:60px; margin:0px; font-weight:500}


.sub-nav ul{ width:100%; height:auto; float:left;  position:relative; padding:0; margin:0; list-style:none; border-top:rgba(255,255,255,0.2) solid 1px; }
.sub-nav ul li{height:35px; width:auto; float:left; line-height:35px; font-size:14px; padding:0 10px; position:relative }
.sub-nav ul li:before{ width:1px; height:15px; position:absolute; left:0px; top:10px;  background:rgba(255,255,255,0.2); content:'';}
.sub-nav ul li:first-child:before{ display:none}
.sub-nav ul li a {text-decoration:none; color:#fff; overflow:hidden; }
.sub-nav ul li:hover, .sub-nav ul li.active{ background:#2c2568 ;}
.sub-nav ul li:hover a {color:#fff;}

.sub-nav-mob{ width:100%; margin-top:0px;}
.sub-nav-mob .btn{ width:100%; text-align:left; color:#fff;  font-size:14px; font-weight:bold; background:#2096cd ; border:#2096cd  solid 1px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.caret{  position:absolute; right:16px; top:16px; }
.sub-nav-mob .dropdown-menu{ width:100% !important; }

.sub-nav-mob .btn-primary:focus{background:#2096cd  !important;  color:#fff !important;   border:#2096cd  solid 1px !important;}
.sub-nav-mob.open .btn-primary{background:#2096cd  !important;  color:#fff !important;   border:#2096cd  solid 1px !important;}*/

/* components
   ================================================== */
.pnone{ padding:0px;}
.pnone-lr{ padding-left:0px; padding-right:0px;}
.pnone-tb{ padding-top:0px; padding-bottom:0px;}
.mnone{ margin:0px;}
.mt0{ margin:0px;}
.mt-md-0{ margin-top:0px;}
.mt-md-5{ margin-top:5px;}
.mt-md-10{ margin-top:10px;}
.mt-md-15{ margin-top:15px;}
.mt-md-20{ margin-top:20px;}
.mt-md-25{ margin-top:25px;}
.mt-md-30{ margin-top:30px;}
.mt-md-35{ margin-top:35px;}
.mt-md-40{ margin-top:40px;}
.mt-md-45{ margin-top:45px;}
.mt-md-50{ margin-top:50px;}
.mt-md-55{ margin-top:55px;}
.mt-md-60{ margin-top:60px;}
.mt-md-65{ margin-top:65px;}
.mt-md-70{ margin-top:70px;}
@media (max-width:992px) {
	.mt-sm-0{ margin-top:0px;}
.mt-sm-5{ margin-top:5px;}
.mt-sm-10{ margin-top:10px;}
.mt-sm-15{ margin-top:15px;}
.mt-sm-20{ margin-top:20px;}
.mt-sm-25{ margin-top:25px;}
.mt-sm-30{ margin-top:30px;}
.mt-sm-35{ margin-top:35px;}
.mt-sm-40{ margin-top:40px;}
.mt-sm-45{ margin-top:45px;}
.mt-sm-50{ margin-top:50px;}
.mt-sm-55{ margin-top:55px;}
.mt-sm-60{ margin-top:60px;}
.mt-sm-65{ margin-top:65px;}
.mt-sm-70{ margin-top:70px;}

.pnone-sm{ padding:0px;}

}
@media (max-width:767px) {
	
	.mt-xs-0{ margin-top:0px;}
.mt-xs-5{ margin-top:5px;}
.mt-xs-10{ margin-top:10px;}
.mt-xs-15{ margin-top:15px;}
.mt-xs-20{ margin-top:20px;}
.mt-xs-25{ margin-top:25px;}
.mt-xs-30{ margin-top:30px;}
.mt-xs-35{ margin-top:35px;}
.mt-xs-40{ margin-top:40px;}
.mt-xs-45{ margin-top:45px;}
.mt-xs-50{ margin-top:50px;}
.mt-xs-55{ margin-top:55px;}
.mt-xs-60{ margin-top:60px;}
.mt-xs-65{ margin-top:65px;}
.mt-xs-70{ margin-top:70px;}
}


.ml-md-0{ margin-left:0px;}
.ml-md-5{ margin-left:5px;}
.ml-md-10{ margin-left:10px;}
.ml-md-15{ margin-left:15px;}
.ml-md-20{ margin-left:20px;}
.ml-md-25{ margin-left:25px;}
.ml-md-30{ margin-left:30px;}
.ml-md-35{ margin-left:35px;}
.ml-md-40{ margin-left:40px;}
.ml-md-45{ margin-left:45px;}
.ml-md-50{ margin-left:50px;}
.ml-md-55{ margin-left:55px;}
.ml-md-60{ margin-left:60px;}
.ml-md-65{ margin-left:65px;}
.ml-md-70{ margin-left:70px;}
@media (max-width:992px) {
.ml-sm-0{ margin-left:0px;}
.ml-sm-5{ margin-left:5px;}
.ml-sm-10{ margin-left:10px;}
.ml-sm-15{ margin-left:15px;}
.ml-sm-20{ margin-left:20px;}
.ml-sm-25{ margin-left:25px;}
.ml-sm-30{ margin-left:30px;}
.ml-sm-35{ margin-left:35px;}
.ml-sm-40{ margin-left:40px;}
.ml-sm-45{ margin-left:45px;}
.ml-sm-50{ margin-left:50px;}
.ml-sm-55{ margin-left:55px;}
.ml-sm-60{ margin-left:60px;}
.ml-sm-65{ margin-left:65px;}
.ml-sm-70{ margin-left:70px;}
}
@media (max-width:767px) {
.ml-xs-5{ margin-left:5px;}
.ml-xs-10{ margin-left:10px;}
.ml-xs-15{ margin-left:15px;}
.ml-xs-20{ margin-left:20px;}
.ml-xs-25{ margin-left:25px;}
.ml-xs-30{ margin-left:30px;}
.ml-xs-35{ margin-left:35px;}
.ml-xs-40{ margin-left:40px;}
.ml-xs-45{ margin-left:45px;}
.ml-xs-50{ margin-left:50px;}
.ml-xs-55{ margin-left:55px;}
.ml-xs-60{ margin-left:60px;}
.ml-xs-65{ margin-left:65px;}
.ml-xs-70{ margin-left:70px;}
}


/* FOOTER
   ================================================== */
.footer{ background:#282627; padding:15px 0 0 0;}
.footer ul li a{ color:#999; }
.footer ul li a:hover{ color:#fff; }
.copyrights{background:#000; color:#999; padding:0 0;}
@media (max-width:992px) {
	.footer .social-icons-menu-top{ width:100%;}
.footer .social-icons-menu-top a{ float:none; display: inline-block;}
} 



.social-icons-menu-top.artical{background:#f0f0f0;}
.social-icons-menu-top.artical a{color:#000;}
.social-icons-menu-top.artical a:hover{color:#fff;}
.social-icons-menu-top.artical .social-hover-v1 { border-left:#dbdbdb solid 1px;}


/* slick-slider
   ================================================== */	


.slick-slider
{
    position: relative;
 width:100%; float:left;
    display: block;
	margin:10px 0 20px 0;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.thumb-slide{ }

.slick-arrow  { width:25px; height:25px; float:left; line-height:15px; text-align:center; position:absolute; top:50%; margin-top:-10px; border:none; background:#2c2568; font-size:25px; color:#fff; z-index:99;}

.slick-prev  {width:25px; height:25px; float:left; left:-10px;}
.slick-next  {  right:-10px;}

.slick-dots{ width:100%; position:absolute; bottom:-20px; left:0px; text-align:center; margin:0px; padding:0px; list-style-type:none; text-align:center;}
.slick-dots li{ display:inline-block; margin:0 3px;}
.slick-dots button{ width:10px; height:10px;  border:none; background:#ccc; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-indent:-9999px;}
.slick-dots li.slick-active button{background:#0098db;}

.thumb-slide div{}
.thumb-slide div a{ display:block; margin:5px;}
.thumb-slide div img{ width:100%;}
.thumb-slide div span{ width:100%; height:40px; float:left; overflow:hidden; margin-top:5px; }

.article_sections img{
display:block;
max-width:100%;

}
/*--slider functionality--*/

.media.media-block.gallery-thumb{ height:230px; position:relative; padding:8px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);}

.media.media-block.gallery-thumb i{ color:#fff; font-size:22px; position:absolute; left:15px; top:15px; z-index:22;}


/* Social Icons Hover V1  
   ================================================== */

/*--artical controls--*/
.artical-arrow {width:50px; height:60px; float:left; background:#fff;  position:fixed;  bottom:140px; z-index:100099; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);}
.artical-arrow i{ width:50px; padding:10px; font-size:30px; text-align:center; line-height:40px; float:left; color:#0198DA;}
.artical-arrow span{ float:left; display:none; padding:10px 0}
.artical-arrow.left {left:0px;}
.artical-arrow.right {right:0px;}
.artical-arrow:hover { width:300px;}
.artical-arrow:hover span{ width:160px; float:left; display:block; color:#000}
.artical-arrow.right i { float:right}
.artical-arrow.right span { float:right; text-align:right}

@media (max-width:992px) {
.artical-arrow {width:40px; height:50px; float:left; text-align:center; background:#fff;  position:relative;  top:0; z-index:100099; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.30);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.30); margin-bottom:10px;}
.artical-arrow.right { float:right;}
.artical-arrow i{ width:40px; padding:10px; font-size:25px; line-height:30px;}
.artical-arrow span{ padding:5px 0; }

}
@media (max-width:767px) {

.artical-arrow {width:30px; height:30px; float:left;}
.artical-arrow i{ width:30px; padding:5px; font-size:20px; line-height:20px;}

.artical-arrow:hover { width:30px;}

.artical-arrow:hover span{ display:none}
}

.font-inc a{ padding:0 5px; float:left; border-left:#ccc solid 1px; }
.font-inc a.active{ background:#2096cd; color:#fff; }
.font-inc a.active:hover{ color:#fff; }
.article-dotted{
    border-right: dotted 1px grey;
}

*camera*/
.image{ width:100%; height:auto; position:relative}
.imagein{ width:100%; height:auto; position:absolute;}
.fa-camera{  color:#fff; margin-left:10px; margin-top:10px; font-size:20px;}
.sldr{ width:100%; height:auto; float:left}
/* google-ad
   ================================================== */	

.google-ad img{ width:100%;}
/* .article_sections img{ margin-right:10px; margin-bottom:10px;}*/
.article_sections p{ display:inline-block; }
.article_sections .add-image{ width:180px; height:200px; float:right; background:#000;  }
/*.article_sections{ position:relative;}
.article_sections:after{ content:""; width:1px; height:100%; position:absolute; left:66.66666667%; top:0px; background:#000;}


#at4-share{ top:inherit !important; bottom:0 !important}*/ 







.adv-panel{ width:100%; float:left; background:#fff; padding:10px; margin-bottom:15px;  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.40);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.40);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.40);}

.adv-panel .col-xs-12 i{ margin:2px 5px 0 0; font-size:16px;}
.adv-panel .col-xs-12{ margin-bottom:5px; padding:0px;}
.adv-panel  h3{ margin:0px 0 10px 0; font-size:16px}
.rss {
    background: url(../images/rss-feed.jpg) no-repeat scroll 0 0 rgba(0,0,0,0);
    float: left;
    height: 14px;
    width: 44px;
}
/* rating */
.star-re{ width:114px; height:23px; float:left; position:relative; background:url(../images/star-dav.png) no-repeat}
.star-av{height:23px; position:absolute; left:0px; top:0px; background:url(../images/star-av.png) no-repeat }
.social-me{ width:100%; float:left; margin-top:15px;}
.social-me li{ width:33.333%; text-align:center; float:left}
.social-me li span{ width:40px; height:40px; padding-top:10px; color:#fff; font-size:22px;  display:inline-block; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.social-me li b{ font-size:15px; color:#515151}


.social-me li:nth-child(1) span{ background:#1d5ac7}
.social-me li:nth-child(2) span{ background:#6192eb}
.social-me li:nth-child(3) span{ background:#d00}
.clearfix{/*height:10px !important;*/}