/*
Theme Name: Sarakkhon- Newspaper Theme
Theme URI: http://www.songbadsarakkhon.com
Author: MD Sabbir ahmed
Author URI: http://www.facebook.com/Fun2uze
Description: Sarakkhon is a light Newspaper template which could be use by any news portal agency. The main reason to develop this theme is to use this theme into www.sarakhon.com and I hope, i will release its update as soon as possible.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sarakkhon, newspaper, theme
Text Domain: Sarakkhon
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*-- Bootstrap core CSS */
@import url('css/bootstrap.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');
.topbar{
	position: relative;
	background: #d1d1d1;
    color: #000;
}
.topbar-ul{
	float: left;
	margin: 10px 0 !important;
	padding-left: 0px;
}
.topbar-li{
	background: #fff;
    padding: 3px 5px;
    margin: 0 0 0 10px;
}
.topbar-li a, .topbar-li a:hover{
	font-size:15px;
	text-decoration: none;
	color: #000;
}
.date-element{
	display: inline;
	float: left;
	margin-top: 15px;
	margin-left: -15px;
}
input.textColor {
    color: #214A49;
}
#db_search {
    border: 0 none;
    color: #fff;
    background-color: #6d0909;
    cursor: pointer;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 50px;
    margin-left: -30px;

}
.social-element{
	float: left;
	margin-top: 15px;
	padding: 0 0 0 20px !important;
}
.social-element a{
	padding: 0 5px;
    color: #b30f0f;
}
.middle-header{
	background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 2px -1px;
    margin-bottom: 0;
    padding: 15px 0;
    width: 100%;
    font-size: 16px;
}
#bs-megadropdown-tabs {
    margin-top: 15px;
    padding-right: 0;
    padding-left: 0;
}
#bs-megadropdown-tabs .nav.navbar-nav.nav1{
    margin: 0;
    border: none;
    display: block;
    width: 100%;
    padding: 0;
    background: #6d0909;
	box-shadow: 0 0 5px 0 black;
}
#bs-megadropdown-tabs .nav.navbar-nav{
    margin: 0;
    display: inline-block;
    width: 100%;
    padding: 0;
    background: #3b5998;
}
.top-banner .row{
  padding: 5px 0;
}

#bs-megadropdown-tabs ul.nav1 li a{
    color: #fff;
    font-size: 16px ;
    padding: 10px 10px ;
    display: block ;
	background: #6d0909;
}
#bs-megadropdown-tabs ul.nav1 li:first-child a{
    background: #b30f0f !important;
    font-size: 17px;
}
#bs-megadropdown-tabs ul li a:hover, #bs-megadropdown-tabs ul li:hover a{
    color: #fff;
    font-size: 16px ;
    padding: 10px 10px ;
    display: block ;
    background: #b30f0f;
}
#bs-megadropdown-tabs ul li a:active, #bs-megadropdown-tabs ul li:active a{
    color: #fff;
    font-size: 16px ;
    padding: 10px 10px ;
    display: block ;
	background:  #b30f0f;
}
.breakingnewsrow {
    background-color: #ccc;
    font-size: 16px;
    margin-top: 10px;
    width: 100%;
    margin-left: 1px;
}
.space_bottom {
    margin-bottom: 5px;
}
.breakingtitle {
    display: inline-block;
    background: #6d0909;
    font-size: 16px;
    color: #fff;
    padding: 5px 0;
    float: left;
}
.nospace-left {
    margin-left: 0px !important;
    float: right;
    display: inline-block;
}
.inlinespace-top {
    padding-top: 5px;

}
.breakingnewsrow a{
	text-decoration: none;
	color: #fff !important;
}
.content-container {
    background: #fff;
    box-shadow: 0 0 2px -1px;
    padding: 15px;
    margin-bottom: 15px;
    max-width: 1090px;
    margin-top: 10px;
}
#top-carousel .carousel-caption{
    color: #000;
    min-height: 55px;
    padding: 15px 0 0 0;
    position: static;
    text-shadow: none;
    transition: all 0.25s;
    font-size: 16px;
    background: #C4F6A4;
    text-align: center;
}
#top-carousel .carousel-inner a:hover{
	text-decoration: none;
}

#top-carousel .carousel-control{
    z-index: 200;
    background: transparent;
    opacity: 1;
    width: 0;
    right: 24px;
    top: 50px;
}
#top-carousel .carousel-control {
    position: absolute;
    bottom: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
}
#top-carousel .carousel-control img {
	vertical-align: middle !important;
}
[role=button] {
    cursor: pointer;
}
@media (min-width: 768px){
	#top-carousel .carousel-inner .item img{
		height: 100px !important;
	}
}
@media (min-width: 992px){
	#top-carousel .carousel-inner .item img{
		height: 100px !important;
	}
}
@media (min-width: 1200px){
	#top-carousel .carousel-inner .item img{
		height: 150px !important;
	}

}

.caption_bar {
    font-size: 16px;
    border-bottom: 2px solid #660;
    margin-bottom: 10px;
    text-align: center;
    background: #6d0909;
	padding: 5px 0;
}
.caption_bar span {
    display: inline-block;
    background: #6d0909;
    color: #fff;
    /* border-left: 5px solid #000; */
    padding: 2px 15px 2px 15px;
    margin-bottom: -2px;
}

.tr_round {
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
.content-md{
	margin-left: -15px;
	padding: 0;
	padding-right: -10px;
	margin-right: -15px;
}
.country_img{
	float: left;
	margin-top: 5px;
}

.news-title{
	align: left;
	margin-top: 5px;
	margin-left: -10px;
}
.news-title a{

    text-decoration: none;
    color: #337ab7 !important;
}
.news-title a:hover{
    text-decoration: none;
    color: #000 !important;
}

#myCarousel .carousel-caption {
    padding: 4px 10px;
    text-decoration: none;
}
.carousel-caption2 h4 {
    font-size: 20px !important;
    font-weight: normal;
    color: #fff !important;
    line-height: 25px;
}
#myCarousel .left-btn {
    left: 0;
}
#myCarousel .carousel-control2 {
    top: 48%;
    border: none;
    border-radius: 0px;
    opacity: 0.8;
}
#myCarousel .right-btn {
    right: 0;
}
#myCarousel a{
	text-decoration: none;
}
#myCarousel a:hover{
	text-decoration: none;
}
.sabbir img{
 width: 100% !important;
 height: 326px !important;
}
@media (max-width: 400px){
	.sabbir img{
		width: 100% !important;
		height: 200px !important;
	}
	#myCarousel{
		margin-left: -15px !important;
		margin-top: 10px !important;
		margin-right: -15px;
	}
	#top-carousel .carousel-caption {
	    color: #000;
	    min-height: 70px;
	    padding: 5px 0 0 0;
	    position: static;
	    text-shadow: none;
	    transition: all 0.25s;
	    font-size: 16px;
	    background: #f1f1f1;
	    text-align: center;
	}
	.my_row{
		margin-left: 0 !important;
		padding: 0 !important;
	}
	.img_country{
		float: left;
		padding: 0;
		padding-right: 2px;
	}
}
@media (max-width: 330px){
		#db_search{
			float: center !important;
			margin-left: 70px !important;
			margin-top: 7px !important;
		}
		.lang-element{
			float: center !important;
			margin-right: 68px !important;
			margin-top: 10px !important;
		}
		.date-element{
			text-align: center;
			margin-left: 1px;
		}
		#top-carousel .carousel-caption {
		    color: #000;
		    min-height: 75px;
		    padding: 5px 0 0 0;
		    position: static;
		    text-shadow: none;
		    transition: all 0.25s;
		    font-size: 16px;
		    background: #f1f1f1;
		    text-align: center;
		}
		.my_row{
			margin-left: 0 !important;
			padding: 0 !important;
		}
}

ul.ln_list {
    margin: 0;
    padding: 0;
}
ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
ul.ln_list li.active {
    margin-left: 20px;
    font-size: 16px;
    list-style: square;
    color: #F90000;
}
ul.ln_list li {
    margin-left: 20px;
    font-size: 16px;
    list-style: square;
    color: #666;
    margin-bottom: 5px;
}
ul.ln_list li a {
    text-decoration: none;
    color: #004276;
}
ul.ln_list li a:hover {
    text-decoration: none;
    color: #000;
}
div.mn_caption_bar {
    position: relative;
    font-size: 18px;
    border-bottom: 2px solid #660;
    margin: auto;
    background: #6d0909;
    color: #fff;
    padding: 5px 0;
}
div.mn_caption_bar span span {
    position: relative;
    display: inline-block;
    /* background: #3399FF; */
    background: #214A49;
    color: #fff;
    margin-left: -100px;
    margin-bottom: -5px;
    top: 3px;
    padding: 2px 10px 2px 10px;
}
div.mn_caption_bar span {
    position: relative;
    /*border-right: 10px solid #214A49;*/
    top: 3px;
}
.bl_round {
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.br_round {
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.tl_round {
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}
.lead-post{
	margin-top: 0;
}
.small-post{
	margin-top: -10px;
}
.box2-left {
    float: left;
    margin: 0;
    outline: medium none;
    padding: 0;
    line-height: 20px;
    color: #4F4F4F;
    font-family: SolaimanLipi,Arial,Vrinda;
    font-size: 18px;
}
.box2-right {
    float: left;
    margin-bottom: 5px;
    margin: 0;
    outline: medium none;
    padding: 0;
    line-height: 20px;
    color: #4F4F4F;
    font-family: SolaimanLipi,Arial,Vrinda;
    font-size: 18px;
}
.home-box-headline{
	margin: 0;
    outline: medium none;
    padding: 0;
}
.box2-right .home-box-headline h3, .box2-left .home-box-headline h3 {
    font-size: 20px;
}
.box2-right a, .box2-left a {
    color: #004276;
    text-decoration: none;
    margin: 0;
    outline: medium none;
    padding: 0;
    cursor: auto;
}
.home-box-headline h3 {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0;
    margin-top: 10px;
    margin-bottom: -10px;
}
.info {
    color: #8C8C8C;
    display: block;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    margin-bottom: -10px;
}
.big-p{
	font-size: 20px !important;
	line-height: 1.5em;
    text-align: left !important;
}
.box2-left p, .box2-right p{
	font-size: 15px;
    text-align: justify;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.box2-left img,.box2-right img {
    float: left;
    margin-right: 10px;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
}
.box-small-left {
	float: left;
    margin-bottom: 5px;
    margin: 0;
    outline: medium none;
    padding: 0;
    line-height: 20px;
    color: #4F4F4F;
    font-family: SolaimanLipi,Arial,Vrinda;
    font-size: 18px;
}
.box-small-left h3{
	font-size: 18px;
	display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0;
    margin-top: 10px;
    margin-bottom: -10px;
}
.box-small-left a{
	color: #004276;
    text-decoration: none;
    margin: 0;
    outline: medium none;
    padding: 0;
    cursor: auto;
}
.small-p{
	font-size: 18px !important;
	line-height: 1.5em;
}
.box-small-left p{
	font-size: 15px;
    text-align: justify;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.box-small-left img{
	float: left;
    margin-right: 10px;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
}
.rm {
    font-weight: bold;
    color: #000 !important;
    font-size: 15px !important;
}

.breadcrumb {
    border: 1px solid #ccc;
    margin-bottom: 5px;
    background-color: #fff;
}
.mt-20 {
    margin-top: 20px;
}
.details-heading h1 {
    margin-top: 5px;
    font-family: SolaimanLipi,Arial,Vrinda;
    font-size: 30px;
}
.pt10 {
    padding-top: 10px;
}
.pull-right {
    float: right!important;
}
#sizer {
    float: left;
}
#sizer .fa-print {
    background-color: #000;
    color: #fff;
    margin: 2px;
    padding: 6px 7px;
    font-size: 20px;
}
#sizer .fa-search-minus {
    background-color: #000;
    color: #fff;
    margin: 2px;
    padding: 6px 7px;
    font-size: 20px;
}
#sizer .fa-search-plus {
    background-color: #000;
    color: #fff;
    margin: 2px;
    padding: 6px 7px;
    font-size: 20px;
}
.marginTop30 {
    margin-top: 30px;
}
#contentDetails {
    margin: 10px 0 0 0;
    position: relative;
    font-size: 17px
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.cat-heading {
    padding: 0;
    border-bottom: 3px double #a2a2a2;
    margin-bottom: 15px;
}
div.DThumbMostPopular .row {
    margin: 30px 0;
}
.clearM {
    margin: 0;
}
div.DThumbMostPopular .col-sm-4 .caption {
    color: #333;
    padding: 9px;
    background-color: #ccc;
    min-height: 65px;
}
footer {
    background: #CCDBFE;
    padding: 10px 0 15px 0;
}
.footer-top-menu ul li {
    padding: 0;
}
.footer-top-menu a {
    color: #fff;
    border: 1px solid #669999;
    padding: 5px 10px;
    display: inline-block;
    margin: 0;
    margin-bottom: 4px;
    text-decoration: none;
    background-color: #214A49;
}
.footer-top-menu a:hover{
	color: #fff;
    border: 1px solid #000;
    padding: 5px 10px;
    display: inline-block;
    margin: 0;
    margin-bottom: 4px;
    text-decoration: none;
    background-color: #000;
}
footer hr {
    border-top: 1px solid #000;
    margin: 0 0 10px 0;
}
.mt20 {
    margin-top: 20px;
}
footer a {
    color: #000;
    padding: 5px 0;
}
footer img.ImgLogo {
    height: 60px;
}
footer .apps a {
    display: inline-block;
    text-decoration: none;
}
.footer-social a.AFacebook {
    background: #3C5899;
}
.footer-social a {
    height: 30px;
    display: inline-block;
    width: 30px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    transition: all 0.3s;
    text-decoration: none;
}
.footer-social a.ATwitter {
    background: #28A9E0;
}
.footer-social a.AYoutube {
    background: #C3181E;
}
.footer-social a.ARSS {
    background: #FF6600;
}
footer small {
    padding: 0;
    color: #000;
    line-height: 18px;
    display: block;
    font-size: 16px;
    margin: 0 auto;
}
footer h4 {
    color: #D61313;
}
.my_row{
	margin-left: 20px;
}
.abc{
	color: #000;
	min-height: 40px;
	padding: 5px 0 0 0;
	position: static;
	text-shadow: none;
	transition: all 0.25s;
	font-size: 16px;
	background: #f1f1f1;
	text-align: center;
}
.cat-image{
	height: 120px;
	width: 100%;
}
div.DCatLatestContent .row {
    padding: 20px 0 0 0;
    border-bottom: 1px solid #e7e7e7;
}
p.pSubHead {
    color: #b7695c;
    font-size: 14px;
    margin: 0;
}
div.DCatLatestContent h3 {
    margin: 0 0 10px 0;
    font-size: 22px;
}
.justify{
	text-align: justify;
}

.section_cap {
    font-size: 16px;
    border-bottom: 2px solid #660;
    margin-bottom: 10px;
    text-align: -webkit-center;
    margin-right: 0;
    margin-left: 0;
    background: #6d0909;
    color: #fff;
    padding: 5px 0;
}
.section_cap span {
    display: inline-block;
    background: #6d0909;
    color: #fff;
    /* border-left: 5px solid #000; */
    padding: 2px 15px 2px 15px;
    margin-bottom: -2px;
}

.home-content {
    float: left;
    width: 100%;
    margin: 0;
}
.home-content img {
    float: left;
    height: 150px;
    width: 243px;
}
.home-content h3 {
    font-size: 17px;
    line-height: 20px;
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 0;
}
.home-content a{
	text-decoration: none;
}
.arrow{
    margin: 0;
    padding: 0;
   	list-style: none;
}
.arrow li{
	margin: 8px 0;
	padding: 0;
}
.arrow li a{
	text-decoration: none;
	display:block;
	color: #000;
}
.arrow li a:hover{
	text-decoration: none;
	display:block;
	color: #337ab7;
}
.country_all {
    font-size: 16px;
    border-bottom: 2px solid #660;
    margin-bottom: 10px;
    background: #6d0909;
    color: #fff;
    padding: 5px 0;
}
.left_span {
    display: inline-block;
    background: #6d0909;
    color: #fff;
    /* border-left: 5px solid #000; */
    padding: 2px 15px 2px 15px;
    margin-bottom: -2px;
    text-align: -webkit-left;
    float: left;
}
.right_span{
    display: inline-block;
    font-size: 12px;
    border-top: none;
    color: #fff;
    margin-right: 5px;
    /* border-left: 5px solid #000; */
    padding: 2px 5px 0 5px;
    margin-top: 5px;
    text-align: -webkit-right;
    float: right;
    cursor: pointer;
}
.right_span:hover{
	color: #e54e53;
}
.content-home {
    float: left;
    width: 100%;
    margin: 0;
}
.content-home img {
    float: left;
    height: 180px;
    width: 350px;
}
.content-home h3 {
    font-size: 18px;
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
}
.content-home a{
	text-decoration: none;
}

.img_country{
	float: left;
	padding-bottom: 5px;
}
#saradesh2,#saradesh3,#saradesh4,#saradesh5,#saradesh6,#saradesh7,#saradesh8,#saradesh9{
	display: none;
}
.sara-content {
    float: left;
    width: 100%;
    margin: 0;
}
.sara-content img {
    float: left;
    height: 180px;
    width: 450px;
}
.sara-content h3 {
    font-size: 18px;
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
}
.sara-content a{
	text-decoration: none;
}
.sara-title{
	align: left;
	margin-top: 7px;
}
.sara-title a{

    text-decoration: none;
    color: #337ab7 !important;
}
.sara-title a:hover{
    text-decoration: none;
    color: #000 !important;
}
.p-head-cat a{
	text-decoration: none;
}
.cap_section {
    font-size: 16px;
    border-bottom: 2px solid #660;
    margin-bottom: 10px;
    text-align: -webkit-center;
    margin-right: 0;
    margin-left: 0;
    background: #6d0909;
    color: #fff;
    padding: 5px 0;
}
.cap_section span {
    display: inline-block;
    background: #6d0909;
    color: #fff;
    /* border-left: 5px solid #000; */
    padding: 2px 15px 2px 15px;
    margin-bottom: -2px;
}