/*
Theme Name: Techmailbd
Theme URI: http://techmailbd.com/
Author: Md. Rabiul Islam
Author URI: http://www.fatihatech.com
Description: This is the Newspaper/ Magazine site. It is Highly customizable theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: theme_textdomain
Domain Path: /languages
*/


@import url(css/responsive-layout.css);

/*-------------------------------- [ Resets: Less Framework 4 ] --------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}




/* Selection colours (easy to forget) */
::selection{background: rgb(244,120,32); color: #fff;}
::-moz-selection{background: rgb(244,120,32); color: #fff;}
img::selection {background: transparent;}
img::-moz-selection{background: transparent;}
body{
    background: #e9ebee;
    color:#333;
    font: 14px/20px 'kiron', SolaimanLipi, Arial, Vrinda, Helvetica, sans-serif;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
    -webkit-tap-highlight-color: rgb(244,120,32);
    overflow-x: hidden;
}
body::-webkit-scrollbar {
    width:1em
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)
}
body::-webkit-scrollbar-thumb {
    background-color:#274448;
    outline:2px solid #fff
}
strong {font-weight: 600;}

.theme-clearfix:after {
  height: 0;
  clear: both;
  content: "";
  font-size: 0;
  min-height: 0;
  display: block;
  visibility: hidden;
}
.section_bottom_padding {
    padding-bottom: 24px !important;
}
@font-face {
  font-family: "kiron";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/kiron/kiron.eot?#iefix") format("embedded-opentype"),
      url("fonts/kiron/kiron.woff") format("woff"),
      url("fonts/kiron/kiron.ttf") format("truetype"),
      url("fonts/kiron/kiron.otf") format("truetype"),
      url("fonts/kiron/kiron.svg#svgFontName") format("svg");
}
@font-face {
  font-family: "ShorifSandwip";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/ShorifSandwip.ttf") format("truetype")
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin: 0 0 10px;
}
h1{ font-size: 20px; }
h2{ font-size: 18px; }
h3{ font-size: 16px; }
h4{ font-size: 14px; }
h5{ font-size: 12px; }
h6{ font-size: 10px; }

a{
    color: #444;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:hover {
    color: #30B8EB;
    text-decoration: none;
}
a img {border: 0; }
.loading {
  position: relative;
  max-height: 300px;
  overflow: hidden;
}
/*.loading:before {*/
/*  background: url(images/loadingp.gif) no-repeat center center #fff;*/
/*  content: "";*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  right: 0;*/
/*  z-index: 99;*/
/*  display: block;*/
/*}*/


.bs-row-mr-adjust{
    margin-left: -15px !important;
    margin-right: -15px !important;
}


.main-content {
    
}
.content-wrapper{
    background: transparent;
    margin: -15px auto 20px;
    position: relative;
    padding: 15px 0;
}
.content-wrapper .row > [class*=col-] {
    padding-right: 7px;
    padding-left: 7px;
}
.post-content-wrapper{
    margin: 0px auto 15px;
}
.page-title{
    padding: 0 0 10px;
    margin: 10px 0 20px;
    color: #30B8EB;
    border-bottom: 1px solid #eee;
}
.post-content{
    padding: 10px;
    background-color: #FFF;
    height: 380px;
    border-radius: 3px;
    color: #333;
    transition: all .35s ease-in-out;
    border: 2px solid #30B8EB;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto 20px;
}
.post-content:hover{
    border: 2px solid #bd070e;
    box-shadow: 0 0 7px 1px rgba(0,0,0,.5);
}
.content-wrapper ol li{
    padding: 10px 20px;
    text-align: justify;
    list-style-type: none;
    list-style-position: inside;
    position: relative;
}
.content-wrapper ol li:before{
    content: "\e013";
    color: #30B8EB;
    width: 0;
    height: 0;
    position: absolute;
    left:-.5%;
    top:8%;
    font-family: 'Glyphicons Halflings';
}
.topbar{
    background-color: #30B8EB;
    margin: 5px 0;
    font: 23px/34px ShorifSandwip, sans-serif;
    color: #fff;
    min-height: 40px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}
.topbar .date-time-wrapper{
    display: flex;
    margin-top: 3px;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.topbar .date-time-wrapper .time-location,
.topbar .date-time-wrapper .date-time-text,
.topbar .date-time-wrapper .update_time{
    margin-right: 15px;
}


header{
    /*padding: 10px;*/
    background-color: #fff;
}
header .logo{
    padding: 5px 25px 10px;
}
header .logo img{
    height: 80px;
}
header .logo-right-add{
    margin-top: 15px;
}



/*header{
    padding: 10px;
    background-color: #fff;
}
header .logo{
    padding: 0 25px 5px;
}
header .logo img{
    
}
header .logo-right-add{
    margin-top: 15px;
}*/





.single-post-wrapper{
    padding: 20px;
    background-color: #FFF;
    border-radius: 3px;
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
    overflow: hidden;
    line-height: 30px;
    
    font-size: 16px;
    margin-bottom: 16px;
    text-align: justify;
    word-wrap: break-word;
    color: #111;
}
.single-post-wrapper p{
    margin-bottom: 15px;
}
.single-post-wrapper .single-post-thumb-wrap{
    position: relative;
}
.single-post-wrapper .single-post-thumb-expand-btn{
    position: absolute;
    right: 5%;
    top: 5%;
    margin-right: 5px;
    position: absolute;
    z-index: 2;
    background: #a8afac;
    color: #fff;
    font-size: 25px;
    opacity: 0.70;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    text-align: center;
}
.single-post-wrapper img{
    max-width: 100%;
    margin-bottom: 10px;
}
.single-post-title{
    color: #222;
    font-size: 30px;
    line-height: 40px;
}
.single-post-meta{
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin: 10px auto 20px;
}
/*.single-post-meta{
    padding: 10px;
    margin: 10px auto;
    background-color: rgba(225,250,250,.2);
    border-top: 2px solid rgba(22, 160, 133,1.0);
    border-bottom: 2px solid rgba(22, 160, 133,1.0);
}*/

.single-post-meta span{ margin-right: 15px;}

figure.single-post-caption {
    position: relative;
}
figure.single-post-caption figcaption {
    padding: 0.25em 1em;
    color: #fff;
    position: absolute;
    bottom: 5%;
    left: 1%;
    background: rgba(0,0,0,.75);
    
    text-transform: none;
    opacity: 0;
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
    -webkit-transition: all 0.35s linear;
    transition: all 0.35s linear;
}
figure.single-post-caption:hover figcaption {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.related-posts-bg{
    background: #fff;
    background-size: contain;
    height: 90%;
    border-radius: 3px;
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
}
.related-posts-content{
    height: 300px;
}
.related-posts-content img{
    width: 100%;
    max-height: 140px;
}
.related-posts-content .related-posts-info{
    padding: 10px; 
}
.related-posts-content .related-posts-info a h3{
    font-weight: 500;
    line-height: 20px;
    font-family: ShorifSandwip;
    font-size: 23px;
    color: #000;
    text-align: center;
}
.related-posts-content .related-posts-info p{
    padding-bottom: 10px; 
}

/*------------------------------------*\
    sidebar Left
\*------------------------------------*/
aside.left-sidebar{
    background-color: #FFF;
    margin-bottom: 20px;
}
aside.left-sidebar h2{
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin: 0 0 20px;
    padding: 0 0 8px;
}
nav.mega-menu .mega-menu-heading{
    letter-spacing: 2px;
    font-weight: 700;
    
    color: #FFF;
    text-transform: uppercase;
    padding: 10px 20px;
    font: normal bold 20px/20px 'kiron';
}
nav.mega-menu{
    width: 100%;
    padding: 3px;
    background-color: #7bbd42;
    border-radius: 5px;
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.5);
}
nav.mega-menu ul li{
    list-style-type: none;
    position: relative; /**for mega dropdown**/
}

/*nav.mega-menu ul li:first-child a{
    border-radius: 5px 5px 0 0;
}
nav.mega-menu ul li:last-child a{
    border-radius: 0 0 5px 5px;
}*/
nav.mega-menu ul li a{
    font: normal normal 16px/18px 'Roboto', sans-serif;
    color: #2e3a47;
    padding: 15px 10px;
    display: block;
    background-color: #FFF;
    transition: all 0.3s linear;
    white-space: nowrap;
    position: relative; /* for fa-caret-right*/
    border-bottom: 1px dashed #ccc;
    text-transform: capitalize;
}
nav.mega-menu ul li:last-child a{
    border-bottom: none;
}
nav.mega-menu ul li > a::after {
    content: "\f054";
    font-family: fontawesome;
    font-size: 10px;
    top: 37%;
    right: 4%;
    position: absolute;
    padding: 0 0 3px 5px;
}
nav.mega-menu ul li > a:only-child::after {
    content: '';
}
nav.mega-menu ul li.active a,
nav.mega-menu ul li a:hover{
    display: block;
    color: #30B8EB;
    border-left: 5px solid #30B8EB;
    border-bottom: 1px dashed #30B8EB;
    position: relative;
    padding-left: 20px;
}
nav.mega-menu ul li a.more-category{
    display: block;
    text-align: center;
    font-weight: bold;
    position: relative;
    padding-left: 0;
}
nav.mega-menu ul li a.more-category span{
    top: 45%;
    right: 12%;
    position: absolute;
    display: inline-block;
    font-size: 12px;
}
nav.mega-menu ul li > ul {
    width:200px;
    position:absolute;
    left:150%;
    top:0%;
    background:none;
    z-index:-9999;
    opacity:0;
    transition:0.5s ease-in-out;
}
nav.mega-menu ul li:hover > ul {
    width:100%;
    border: 1px solid #7bbd42;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    display:block;
    z-index:100;
    opacity:1;
    position:absolute;
    left: 105%;
    top:0%;
}
nav.mega-menu ul li > ul::before {
    content:"";
    border-width:9px;
    border-style:solid;
    border-color: #7bbd42 transparent transparent transparent;
    width:0;
    height:0;
    position:absolute;
    left:-20px;
    top:15px;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
/*nav.mega-menu ul li > ul li {
    padding:0 3px 3px;
    background:#2c3e50;
    width:100%;
}
nav.mega-menu ul li > ul li a {
    display:block;
    margin: 3px 0 0;
    padding-left: 6px;
    border-radius:2px;
    font-size:14px;
}
nav.mega-menu ul li > ul li:hover > a {
    color:#fff;
    background:#3498DB;
}*/




.inline-menubar{
    
}
.inline-menubar li{
    float: left;
    list-style-type: none;
    display: block;
    position: relative;
}
.inline-menubar li::after{
    content: "";
    background-color: #333;
    width: 1px;
    height: 10px;
    position: absolute;
    right: 0px;
    bottom: 35%;
}
.inline-menubar li:last-child::after{
    background-color: transparent;
}
.inline-menubar li a{
    color: #fff;
    font-size: 12px;
    padding: 0 15px 0 10px;
    line-height: 36px;
}
.inline-menubar li a:hover{
    color: yellow;
}




/************ special

nav.mega-menu ul li:not(:last-child) a{
    border-bottom: 1px dashed #ccc;
}
/*nav.mega-menu ul li:first-child a{
    border-radius: 5px 5px 0 0;
}
nav.mega-menu ul li:last-child a{
    border-radius: 0 0 5px 5px;
}
nav.mega-menu ul li a{
    font: normal normal 18px/20px 'Roboto', sans-serif;
    color: #2e3a47;
    padding: 10px 15px 10px 20px;
    display: block;
    background-color: #FFF;
    transition: all 0.3s linear;
    white-space: nowrap;
    position: relative;  for fa-caret-right
}
nav.mega-menu ul li.active a,
nav.mega-menu ul li a:hover{
    display: block;
    color: #30B8EB;
    border-left: 5px solid #30B8EB;
    border-bottom: 1px dashed #30B8EB;
    position: relative;
    padding-left: 30px;
}
nav.mega-menu ul li a i.fa-caret-right{
    top: 25%;
    right: 10%;
    position: absolute;
    
    display: inline-block;
}
nav.mega-menu ul li > ul {
    width:200px;
    position:absolute;
    left:14px;
    top:80%;
    padding-top:13px;
    background:none;
    z-index:-9999;
    opacity:0;
    transition:0.3s ease-out;
}
nav.mega-menu ul li:hover > ul {
    display:block;
    z-index:100;
    opacity:1;
    right: 0;
    top:5%;
}
/*nav.mega-menu ul li > ul li:first-child {
    border-radius:4px 4px 0 0;
}
nav.mega-menu ul li > ul li:last-child {
    border-radius:0 0 4px 4px;*/
/*}*/
/*nav.mega-menu ul li > ul li {
    padding:0 3px 3px;
    background:#2c3e50;
    width:100%;
}
nav.mega-menu ul li > ul li a {
    display:block;
    margin: 3px 0 0;
    padding-left: 6px;
    border-radius:2px;
    font-size:14px;
}
nav.mega-menu ul li > ul li:hover > a {
    color:#fff;
    background:#3498DB;
}*/










/*------------------------------------*\
    sidebar right
\*------------------------------------*/
aside.right-sidebar{
    border-radius: 3px;
    margin-bottom: 15px;
    overflow: hidden;
}
aside.right-sidebar h3.widget-title{
    text-align: center;
    padding: 8px 20px;
    color: #fff;
    background: #215b8d;
}
aside .widget{
    transition: all .35s ease-in-out;
    position: relative;
    margin-bottom: 15px;
    border-bottom: 3px solid #215b8d;
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
    background: #fff;
    overflow: hidden;
}
aside .widget::before{
    content: "";
    height: 4px;
    width: 10%;
    background: #FB8D17;
    position: absolute;
    bottom: -4px;
    left: 0;
    transition: 0.5s all linear;
}
aside .widget:hover::before{
    width: 80%;
}
aside .widget > img{
    margin-bottom: 0 !important;
    width: 100%;
}
.logo-right-add .widget_media_image{
    float: right;
    margin-left: 15px;
}
.logo-right-add .widget_media_image:first-child{
    margin-right: 15px !important;
    float: right;
}
aside .related-posts ul li{
    list-style-type: none;
    width: 100%;
    height: 120px;
}
aside .related-posts ul li:not(:last-child){
    border-bottom: 1px solid #ccc;
    padding: 10px auto;
    margin: 10px auto;
}

aside .related-posts-humb{
    width: 30%;
    float: left;
}
aside .related-posts-humb img{
    border-radius: 3px;
    width: 100%;
    height: auto;
    padding: 3px;
    background-color: #fff;
    border: 1px solid #ccc;
}
aside .related-posts-title{
    font-size: 16px;
    color: #000;
}
aside .related-posts-author{
    font-size: 16px;
    color: #666;
    font-weight: Normal;
}
aside .related-posts-content{
    float: left;
    width: 70%;
    padding-left: 5px;
}
aside .tabs ul li a{
    border: none;
    border-top: 4px solid #999999;
    border-radius: 0 !important;
    text-decoration: none;
    display: block;
    text-align: center;
    background: #e7e8e1;
    color: #000;
    font-size: 14px;
    white-space: nowrap;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
}
aside .tabs ul li a:hover,
aside .tabs ul li.active a{
    background: #fff;
    border-top: 4px solid #444 !important;
}
aside .tabs ul li:nth-child(2).active a,
aside .tabs ul li:nth-child(2) a:hover{
    border-top: 4px solid #4986e7 !important;
    background-color: #fff;
}
aside .tabs ul li:nth-child(3).active a,
aside .tabs ul li:nth-child(3) a:hover{
    border-top: 4px solid #e9b330 !important;
    background-color: #fff;
}
aside .tabs ul li:nth-child(4).active a,
aside .tabs ul li:nth-child(4) a:hover{
    border-top: 4px solid #16a765 !important;
    background-color: #fff;
}
aside .tabs ul li:nth-child(5).active a,
aside .tabs ul li:nth-child(5) a:hover{
    border-top: 4px solid #a479e2 !important;
    background-color: #fff;
}
@media (min-width: 768px){
    .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
        border-color: #fff;
    }
}

aside .tab-content ul{
    max-height: 360px;
    overflow-y: auto;
}
aside .tab-content ul li:not(:last-child)::before {    
    content: "";
    border: 3px solid #bd070e;
    position: absolute;
    top: 40%;
    left: 4%;
}

/*for counter increment*/
/*aside .tab-content ul{
    max-height: 330px;
    overflow-y: auto;
    counter-reset: li 0;
}
aside .tab-content ul li:not(:last-child)::before {
    color: #666;
    counter-increment: li;
    content: counter(li, bengali) ". "; https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type
    position: absolute;
    top: 10px;
    left: 10px;
    font: normal bold 16px/20px 'kiron', SolaimanLipi, Arial, Vrinda, Helvetica, sans-serif !important;
}*/
aside .tab-content ul li{
    position: relative;
    list-style-type: none;
}
aside .tab-content ul li .comments-number{
    position: absolute;
    right: 5%;
    top: 25%;
    font-size: 18px;
    color: #000;
}
aside .tab-content ul li .comments-number a{
    font-size: 18px;
    color: #000;
    margin-left: 5px;
}

aside .tab-content ul li > a{
    padding: 12px 10px 12px 30px;
    border-bottom: 1px solid #ddd;
    line-height: 18px;
    font-size: 16px;
    color: #000;
    transition: all 200ms linear;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
aside .tab-content ul li > a:hover{
    background-color: #eee;
}

aside .tab-content .post-thumbnail {
    float: left;
    margin-right: 10px;
}
aside .tab-content .showMore a {
    text-align: center;
    font-weight: bold;
    color: #30B8EB;
    cursor: pointer;
}



aside.single-page-sidebar{
    margin-bottom: 90px;
}
aside.single-page-sidebar a.sidebar-read-more {
    width: 92.5%;
    text-decoration: none;
    padding: 10px 20px;
    font-size: 18px;
    background: #30B8EB;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    left: 4%;
    bottom: 4%;
    transition: all 0.5s linear;
}
aside.single-page-sidebar a.sidebar-read-more:hover {
    background-color: #fff;
    color: #30B8EB;
    border: 1px solid #30B8EB;
}







/*------------------------------------*\
    Footer
\*------------------------------------*/
footer{
    margin: 0 -15px;
    background-color: #34363A;
    border-top: 5px solid #30B8EB;
    font: 24px/40px 'kiron', SolaimanLipi, Arial, Vrinda, Helvetica, sans-serif;
}
footer a{
    color: #fff;
    padding-bottom: 0px;
    border-bottom: 1px solid #fff;
}
footer .footer-columns{
    padding: 29px 0 30px;
    color: #fff;
    text-align: center;
    overflow: hidden;
}
footer div .first{
    margin-left: 0;
}
footer div .flex_column {
  z-index: 1;
  float: left;
  position: relative;
  min-height: 1px;
  width: 100%;
}
footer div .flex_column:not(:last-child) {
    border-right: 1px groove #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}
footer .copyright .footer_panel_column{
    z-index: 1;
    float: left;
    min-height: 10px;
}
footer .copyright .column_one {
    text-align: center;
    float: none;
}
footer div .column_one_fifth {
    margin-left: 3%;
    padding-right: 3%;
    width: 15.2%;
}
footer div .column_one_fourth {
    margin-left: 3%;
    padding-right: 3%;
  width: 20.5%;
}
footer div .column_one_third {
    margin-left: 3%;
    padding-right: 3%;
  width: 29.333333333333332%;
}
footer div .column_two_fifth {
    margin-left: 3%;
    padding-right: 3%;
  width: 36.4%;
}
footer div .column_one_half {
    margin-left: 3%;
    padding-right: 3%;
  width: 47%;
}
footer div .column_three_fifth {
    margin-left: 3%;
    padding-right: 3%;
  width: 57.599999999999994%;
}
footer div .column_two_third {
    margin-left: 3%;
    padding-right: 3%;
  width: 64.66666666666666%;
}
footer div .column_three_fourth {
    margin-left: 3%;
    padding-right: 3%;
  width: 73.5%;
}
footer div .column_four_fifth {
    margin-left: 3%;
    padding-right: 3%;
    width: 78.8%;
}
footer h3{
    font-size: 18px;
    color: #30B8EB;
    margin: 0 auto 5px;
}
footer .footer-columns > ul{
    padding: 0 0 0 5px;
}
footer .footer-columns > ul li{
    list-style-type: none;
    list-style-position: inside;
    position: relative;
}
footer .footer-columns > ul li:before{
    content: "";
    border: 3.5px solid #30B8EB;
    width: 0;
    height: 0;
    position: absolute;
    left: -8%;
    top: 35%;
}
footer .footer-columns > ul li a{
    color: #8c8c8c;
    transition: all 0.2s ease-in-out;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 25px;
}
footer .footer-columns > ul li a:hover{
    color: white;
    padding-left: 5px;
}



.copyright{
    background-color: #272b2e;
    padding: 10px;
    color: white;
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
}
.scrollToTop{
    
    width:50px; 
    height:50px;
    padding:10px;
    text-align:center; 
    font-weight: bold;
    color: #eee;
    cursor: pointer;
    position:fixed;
    bottom: 1%;
    right:1%;
    z-index: 999;
    border-radius: 3px;
    
    display:none;
    background-color: #222d32;
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.scrollToTop:hover{
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}












.author-related-post{
    overflow: hidden;
    padding: 20px;
    background-color: #FFF;
    border-radius: 3px;
    margin: 20px 0;
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
}
.author-related-post h2{
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px;
    padding: 0 0 8px;
}
.author-related-post ul li{
    float: left;
    padding: 5px;
    margin: 0 5px;
    list-style-type: none;
}
.author-related-post ul li a{
    color: #000;
}
span.error{
    color: red;
    font-weight: bold;
}






/*------------------------------------*\
    Contact Page
\*------------------------------------*/
.contact-info{
    text-align: center;
    color: #232424;
    transition: all 0.3s ease-in-out;
    margin-bottom: 10px;
    padding: 0 0 8px;
    border-bottom: 1px solid #eee;
}
.contact-info:last-child{
    border-bottom: none;
    padding: 0;
}
.contact-info i{
    font-size: 50px;
    color: #bd070e;
}
.contact-info h3{
    font-weight: bold;
    font-size: 24px;
}
.contact-info h4{
    font-size: 16px;
    padding: 2px 0;
}





/*-------------------------------- [ searchform ] --------------------------------*/
form#searchform {
    margin: 0px auto;
    height: 40px;
    float: right;
    margin-left: 5px;
    padding-top: 1px;
    position: relative;
}
#searchform input[type=text] {
    
}
textarea { }

#searchform input[type=search] {
    background: #FFF;
    float: left;
    font: normal 15px tahoma;
    padding: 9px 12px 8px 12px;
    width: 150px;
    color: #C5C5C5;
    border: 0 none;
    border: 1px solid #ececec;
    border-width: 0 0 0 1px;
    transition: all .3s linear;
    border-radius: 0;
    height: 38px;
}
#searchform input[type=search]:focus {
    border: none !important;
}
#searchform input[placeholder] {
    font-weight: normal;
}
/*#searchform input[type=submit] {*/
#searchform .search-submit{
   background: #30B8EB;
    cursor: pointer;
    float: right;
    height: 38px;
    width: 40px;
    display: block;
    border: 0 none;
    box-shadow: none !important;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#searchform .search-submit:after{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 10px;
    z-index: 2;
    right: 30px;
    border: 4px solid transparent;
    border-right-color: #30B8EB;
}
.top_srch_entry_type {
    position: absolute;
    display: none;
    top: 110%;
    left: 0;
    z-index: 999;
}
.top_srch_entry_type span.bn_entry_type{
    padding: 3px 7px;
    background: #fff;
    color: #444;
    cursor: pointer;
    border: 1px solid #ccc;
    width: 25px;
    height: 25px;
}
.top_srch_entry_type span.bn_entry_type.active {
    background: #CD0000;
    color: #fff;
}
.eng-font {
    font-family: "Helvetica Neue",Helvetica;
}
/*.bn-font {
    font-family: SolaimanLipi;
}*/



.news-title{
    font-size: 26px;
    line-height: 26px;
    color: #000;
    font-weight: normal;
    word-wrap: break-word;
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-family: ShorifSandwip;
    margin: 0;
}
.cat-title-with-bg{
    font-size: 20px;
    line-height: 1;
    margin: 10px 0;
    border-bottom: 2px solid #30B8EB;
}
.cat-title-with-bg a{
    color: #fff;
    padding: 5px 30px 0px 15px;
    background-color: #30B8EB;
    position: relative;
    display: inline-block;
	font-family: ShorifSandwip;
    font-size: 30px;
    font-weight: normal;
}
.cat-title-with-bg a:after{
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-right: 45px solid transparent;
    border-bottom: 36px solid #30B8EB;
}
.main-news-area{
    overflow: hidden;
    padding-left: 7px;
}
.main-news-area>[class*=col-] {
    padding-right: 7px;
    padding-left: 7px;
}
.main-news-area .widget_media_image img{
    margin-bottom: 15px;
    width: 100% !important;
}
.main-news-first{
    height: 455px;
    margin-bottom: 15px;
}
.main-news-first p{
    padding: 0 10px 10px;
}
.main-news-first h3{
    font-size: 35px;
    line-height: 45px;
    color: #000;
    font-weight: normal;
    word-wrap: break-word;
    max-height: 50px;
    text-align: center;
    font-family: ShorifSandwip;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 5px;
}
.main-news-first img{
    width: 100% !important;
    height: 415px;
}
.news-background{
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    background-size: contain;
    height: 100%;
    border-radius: 3px;
    overflow: hidden;
    transition: all 0.5s linear;
}
.news-background:hover{
    box-shadow: 0 0 10px 5px rgba(0,0,0,.2);
}
.main-news-second{
    height: 220px;
    margin-bottom: 15px;
}
.main-news-second h3{
    padding: 5px 10px;
    color: #000;
    font-weight: normal;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 26px;
    line-height: 26px;
}
.main-news-listing{
    height: 300px;
    margin-bottom: 15px;
}
.main-news-listing img{
    min-height: 130px;
}

.main-news-listing-info{
    padding: 5px 10px;
}
.main-news-listing-info p{
    text-align: justify;
}

.cat-box-content{
    min-height: 485px;
    
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    background-size: contain;
    border-radius: 0 0 3px 3px;
}
.cat-box{
    margin: 0 auto 15px;
    padding-bottom: 50px;
    position: relative;
}
.cat-box .first-news img{
    height: 215px;
    width: 100%;
}
.cat-box ul li.first-news{
    margin-bottom: 10px;
    text-align: justify;
}
.cat-box ul li.first-news h3{
    font-size: 26px;
    line-height: 30px;
    color: #000;
    margin: 5px 10px 0;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	font-family: ShorifSandwip;
}
.cat-box ul li.first-news p{
    padding: 0 10px 10px;
    font-size: 14px;
}
a.read-more {
    background-color: #fff;
    text-decoration: none;
    padding: 5px 20px;
    border: 1px solid #30B8EB;
    color: #30B8EB;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    right: 0;
    bottom: 10px;
    transition: all 0.5s linear;
}
a.read-more:hover {
    background-color: #30B8EB;
    color: #fff;
    border: 1px solid #30B8EB;
}
.more-featured-btn-wrapper{
    text-align: center;
}
/*.more-featured-btn:after{
    content: "\f054";
    display: none;
    font: normal normal normal 14px/1 FontAwesome;
}
.more-featured-btn:hover:after{
    display: inline-block;
}*/
.more-featured-btn{
    background-color: rgba(0,0,0,0.5);
    padding: 12px 90px;
    color: #fff;
    font-size: 18px;
}
.more-featured-btn:hover{
    color: #fff !important;
}
.cat-box ul li{
    list-style-type: none;
}
/*.cat-box ul li.other-news a:nth-child(2){
    display: block;
}*/
.cat-box ul li.other-news .news-thumbnail+a{
    display: block;
    white-space: normal;
}
.cat-box ul li.other-news{
    background: #f7f7f7;
    padding: 12px 10px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #eaeaea;
    transition: all .40s;
    
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.cat-box ul li.other-news a{
    font-size: 16px;
}
.cat-box ul li.other-news img{
    margin-right: 10px;
    float: left;
    width: 100px;
    height: 65px;
}
.cat-box.two-column .first-news{
    width: 50%;
    float: left;
    margin-right: 1%;
}
@media only screen and (min-width : 320px) and (max-width: 479px) {
.cat-box.two-column .first-news{
        width: 100%;
    }
}
.cat-box.two-column .other-news img{
    
}




.es_wrapper{
    min-height: 50px;
    background-color: #524354;
    padding: 15px;
    color: white;
    margin-bottom: 20px;
}
.title_newletter{
    float: left;
    padding: 15px;
    font-size: 2em;
}
.es_wrapper .es_lablebox{
    display: none;
}
.es_textbox{
    padding: 0;
    float: left;
}
.es_button{
    padding: 0;
    float: left;
}
.es_shortcode_form .es_textbox_button {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    max-height: 40px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #7bbd42;
    color: #FFFFFF;
    padding: 7.9px 20px;
    border: none;
    display: block;
}
.es_shortcode_form .es_textbox_button:hover, .es_shortcode_form .es_textbox_button:focus {
    color: #FFFFFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f05423;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 0.6s cubic-bezier(0.05,0.06,0.05,0.95);
    transition: all 0.6s cubic-bezier(0.05,0.06,0.05,0.95);
}
.es_shortcode_form input[type="text"] {
    display: block;
    width: 40em;
    padding: 7px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ededed;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}









/*------------------------------------*\
    Single Post
\*------------------------------------*/

#check-also-box {
    position: fixed;
    z-index: 999;
    bottom: 65px;
    right: -350px;
    width: 300px;
    background: #fff;
    border-top: 4px solid #F8830B8EB;
    border-bottom: 0 none;
    padding:10px 20px 20px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 3px rgba(0,0,0,.5);
}
#check-also-box.check-also-left {
	left: -350px;
	right: auto;
}
#check-also-box.show-check-also,
#check-also-box.check-also-left #check-also-close {
	right: 0;
	left: auto;
}
#check-also-box.check-also-left.show-check-also {
	right: auto;
	left: 0;
}
#check-also-box .block-head {
	padding: 0;
}
#check-also-box .block-head h3 {
	text-align: center;
	margin: 0 0 10px;
	display: block;
	float: none;
}
#check-also-box .post-thumbnail{
	margin: 0 0 10px;
}
.check-also-post {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.check-also-post:last-child {
	padding-bottom: 0;
	margin-bottom : 0;
	border-bottom : 0 none;
}
.check-also-post .post-title {
    margin-left: 5px;
}
.check-also-post p {
	line-height: 20px;
}
#check-also-close {
	position: absolute;
	left: 0;
	top: 0;
	padding: 1px 8px 3px;
	background: #FF8500;
	color: #FFF;
	font-size: 19px;
}
#check-also-close:hover i {
	opacity: 0.7;
}

#reading-position-indicator {
    display: block;
    height: 4px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #FF8500;
    width: 0;
    z-index: 9999;
    max-width: 100%;
}






nav.news-navigation-wrapper{
    
}
nav.news-navigation-wrapper .navigation-content{
    display: block;
    position: fixed;
    top: 60%;
    outline: none;
    text-align: left;
    z-index: 100;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

nav.news-navigation-wrapper .previous{
    left: 0;
}
nav.news-navigation-wrapper .next{
    right: 0;
}
nav.news-navigation-wrapper .navigation-icon-wrap{
    display: block;
    position: relative;
    padding: 25px 15px 25px 25px;
    max-height: 120px;
    width: 30px;
    background: #0066cd;
    border: 1px solid #0066cd;
    font-size: 2em;
    color: #FFF;
    opacity: 0.8;
    z-index: 100;
    -webkit-transition: border-width 0.3s 0.15s;
    -moz-transition: border-width 0.3s 0.15s;
    -o-transition: border-width 0.3s 0.15s;
    transition: border-width 0.3s 0.15s;
}
nav.news-navigation-wrapper .navigation-icon-wrap i{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
nav.news-navigation-wrapper .navigation-content:hover .navigation-icon-wrap{
    border-top-width: 40px;
    border-bottom-width: 40px;
}
nav.news-navigation-wrapper .content-inner{
    position: absolute;
    top: 50%;
    width: 440px;
    min-height: 150px;
    background: #FFF;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
    border: 1px solid #ccc;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s linear;
}
nav.news-navigation-wrapper .navigation-content:hover .content-inner{
    opacity: 1;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transform: translateY(-50%) translateX(0) scale(1);
    -moz-transform: translateY(-50%) translateX(0) scale(1);
    -ms-transform: translateY(-50%) translateX(0) scale(1);
    -o-transform: translateY(-50%) translateX(0) scale(1);
    transform: translateY(-50%) translateX(0) scale(1);
}
nav.news-navigation-wrapper .previous .content-inner{
    left: 0;
    padding: 20px 10px 20px 60px;
    text-align: right;
    -webkit-transform: translateY(-50%) translateX(-100%) scale(0.75);
    -moz-transform: translateY(-50%) translateX(-100%) scale(0.75);
    -ms-transform: translateY(-50%) translateX(-100%) scale(0.75);
    -o-transform: translateY(-50%) translateX(-100%) scale(0.75);
    transform: translateY(-50%) translateX(-100%) scale(0.75);
}
nav.news-navigation-wrapper .next .content-inner{
    right: 0;
    padding: 20px 60px 20px 10px;
    -webkit-transform: translateY(-50%) translateX(100%) scale(0.75);
    -moz-transform: translateY(-50%) translateX(100%) scale(0.75);
    -ms-transform: translateY(-50%) translateX(100%) scale(0.75);
    -o-transform: translateY(-50%) translateX(100%) scale(0.75);
    transform: translateY(-50%) translateX(100%) scale(0.75);
}
.news-navigation-wrapper .content-inner h3{
    padding: 8px 0 2px;
    color: #444;
    font-size: 1.2em;
    line-height: 1.5;
    margin-bottom: 0;
}
.news-navigation-wrapper .content-inner img{
    position: absolute;
    top: 15%;
    width: 150px;
    height: 100px;
}
.news-navigation-wrapper .previous .content-inner img{right: 15px;}
.news-navigation-wrapper .next .content-inner img{left: 15px;}
.news-navigation-wrapper .content-inner .info{ height: 70%; padding: 0px 165px 10px 0px; }
.news-navigation-wrapper .next .content-inner .info{ padding: 10px 0px 10px 165px; }

.news-navigation-wrapper .content-inner .navigation-text{
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1em;
    line-height: 1.2;
}
.news-navigation-wrapper .content-inner a:hover{
    color: #000;
}







span.overlay-icon{
    display: none;
}

.news-thumbnail{
    position: relative;
}
.vt-admin-edit {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff !important;
    padding: 3px 10px;
    font-size: 13px;
    transition: all 0.5s linear;
}
.news-thumbnail:hover .vt-admin-edit {
    display: block;
}
.single-content-ad{
    margin-bottom: 15px;
}
.single-content-ad img{
    width: 100% !important;
    max-height: 110px;
}




/*------------------------------------*\
    Bread Crumb
\*------------------------------------*/

/* Styling Breacrumb Navigation by BOUTROS ABICHEDID */
.breadcrumb{
    width: 100%;
    padding: 10px 20px;
    margin: 0 auto 15px;
    font-size:14px;
    border-radius: 3px;
    border: 1px solid #ddd;

    box-shadow: inset 0 1px 0 #FFF;
    background: linear-gradient(#ffffff, #f5f5f5);
}
.breadcrumb a{
    font: normal normal normal 14px/16px arial;
}
.delimiter{
    padding: 0 5px;
    color: #30B8EB;
    font-size: 18px;
}
.breadcrumb_current{
    font-size: 14px;
    color: #30B8EB;
    text-shadow: 0 1px 0 #DDD;
}






/*------------------------------------*\
    Comments Form
\*------------------------------------*/

.comments-wrapper{
    width: 100%;
    overflow: hidden;
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
    background-color: #eaeaea;
    border: 1px solid #ddd;
    opacity: 0.9;
    filter: alpha(opacity=50);
    margin: 10px 0 15px 0;
    padding: 30px;
}
#respond {
    padding: 0 15px 8px;
    margin: 0 auto 15px;
    clear: both;
}
h4.comment-reply-title,
h3.comments-title{
    font-family: 'kiron', sans-serif;
    margin: 0 0 30px;
    font-size: 24px !important;
    font-weight: normal;
    line-height: 26px;
    border-bottom: 3px solid #ccc;
    padding-bottom: 12px;
    color: #333 !important;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
form#commentform p.login-status{
    margin-bottom: 10px;
}
form#commentform em{
    float: right;
}
span.cancel-comment-reply a{ border-left: 1px dotted #CCCCCC; color: #bd070e; font-size: 23px; line-height: 18px; font-weight: normal; margin: 0 0 0 20px; padding: 0 0 0 20px; text-decoration: none; text-transform: capitalize;}
ol.commentlist { list-style: none; }
ol.commentlist li { font-weight: bold; margin: 15px 0 5px 0; padding: 10px 0px; list-style: none; border-bottom: 0px solid #d2d2d2; position: relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { background: #fff !important; padding: 20px 0 20px 20px; margin: 30px 0; border: 1px dashed #d2d2d2;}
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard b.fn { font-family: 'Oswald', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 18px; }
ol.commentlist li.comment div.vcard b.fn a.url { color: #30B8EB; }
ol.commentlist li.comment div.vcard img.avatar { background: #FFF; float: left; margin: 0 10px 0 0px; border-radius: 50%; width: 60px; height: 60px;}
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { display: none; }
ol.commentlist li.comment div.commentmetadata a{ font-weight: normal; font-size: 13px; font-style: italic; padding: 5px 0 0 !important;}
ol.commentlist li.comment footer.comment-meta { margin: 0; background-color: transparent; border-top: 0; }
ol.commentlist li.comment footer.comment-meta a { color: #30B8EB; }
ol.commentlist li.comment p { font-weight: normal; text-transform: none; margin: 10px 5px 10px 0; padding: 0; }
ol.commentlist .comment-content { border: 1px solid #d2d2d2; border-right: none; padding: 0px 15px 15px; margin: 20px 0 0;}
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { right: 10px; position: absolute; margin-top: -38px;  background: #ddd; padding: 5px 20px; }
ol.commentlist li.comment div.reply a { text-decoration: none; color: #000; font-size: 16px; font-weight: normal; }
ol.commentlist li.comment .comment-metadata time { color: #000; }




ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 10px 20px; border-right: none;}
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 10px 30px; border-right: none;}
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 10px 40px; border-right: none;}
ol.commentlist li.comment ul.children li.depth-5 { margin: 0 0 10px 50px; border-right: none;}
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #FB8D17; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }







/*------------------------------------*\
    Video Gallery
\*------------------------------------*/

.video-gallery-item{
    position: relative;
    margin-bottom: 15px;
    height: 150px;
}
.video-gallery-item:hover .vt-admin-edit {
    display: block;
}
.video-gallery-item .vt-admin-edit {
    position: absolute;
    left: 8% !important;
    top: 0 !important;
    display: none;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff !important;
    padding: 3px 10px;
    font-size: 13px;
    transition: all 0.5s linear;
}
.video-gallery-item img{
    height: 90px;
    width: 165px;
}
.video-gallery-item:hover .file_formate_icon{
    opacity: 1;
}
.video-gallery-item .file_formate_icon{
    width: 30px !important;
    height: 30px !important;
    position: absolute;
    left: 12%;
    top: 37%;
    opacity: 0.7;
    transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.video-gallery-item h3{
    line-height: 20px;
    font-size: 14px;
    color: #000;
    font-weight: normal;
    word-wrap: break-word;
    margin-top: 3px;
}
.video-gallery-background{
    height: 485px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    background-size: contain;
    border-radius: 0 0 3px 3px;
}






/*------------------------------------*\
    Category Page
\*------------------------------------*/

time.update_time{
    margin-top: 5px;
}
.category-page-wrapper{
    margin: 0 auto 10px 7px;
    overflow: hidden;
}
.category-page-wrapper > [class*=col-] {
    padding-right: 10px;
    padding-left: 10px;
}
.category-post-title{
    color: #222;
    font-size: 26px;
    line-height: 36px;
    margin: 0 10px 15px 15px;
    background: #fff;
    padding: 10px 20px;
    box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.category-post-title span{
    color: #30B8EB;
}
.category-post-title i{
    color: #555;
    font-size: 16px;
    vertical-align: middle;
    float: right;
}
.category-page-thumb{
    height: 400px;
    margin-bottom: 20px;
}
.category-page-thumb .news-thumbnail img{
    width: 100%;
}
.category-page-thumb-info{
    padding: 10px;
}
.category-page-post-list{
    height: 130px;
    margin-bottom: 20px;
}
.category-page-post-list .news-thumbnail{
    float: left;
    width: 30%;
}
.category-page-post-list .news-thumbnail img{
    height: 130px;
    width: 230px;
}
.category-page-post-list-info{
    float: left;
    width: 70%;
    padding: 10px;
}
.category-page-post-list-info h3{
    font-size: 20px;
    line-height: 15px;
    color: #000;
    font-weight: normal;
    word-wrap: break-word;
    margin-top: 5px;
}
.category-page-post-list-info p{
    margin-bottom: 7px;
}
.category-page-sidebar-heading{
    font-size: 20px;
    line-height: 1;
    margin: 0 0 10px;
    border-bottom: 2px solid #30B8EB;
    color: #fff;
    padding: 10px 30px 5px 15px;
    background-color: #30B8EB;
    position: relative;
    display: inline-block;
    width: 100%;
}
.category-page-sidebar{
    background: #fff;
    box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
    border-radius: 3px;
    width: 100%;
    overflow: hidden;
}
.category-page-sidebar ul li{
    list-style-type: none;
    float: left;
    padding: 10px;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.category-page-sidebar .news-thumbnail{
    float: left;
    width: 40%;
}
.category-page-sidebar .category-page-sidebar-info{
    float: left;
    width: 57%;
    margin-left: 3%;
}
.category-page-sidebar .news-thumbnail img{
    width: 100%;
    height: 80px;
}
.category-page-sidebar .news-title{
    color: #333;
    font-size: 20px;
    text-align: left;
    font-family: unset;
    max-height: inherit;
    overflow: visible;
}










/*------------------------------------*\
    Archive Page
\*------------------------------------*/

.archive-title-wrap{
    margin: 0 10px 15px 15px;
    background: #fff;
    padding: 10px 20px 1px;
    box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.archive-title-wrap h2{
    color: #30B8EB;
    font-size: 26px;
}
.archive-title-wrap span{
    color: #222;
}
.archive-title-wrap i{
    color: #555;
    font-size: 16px;
    vertical-align: middle;
    float: right;
    margin-top: 7px;
}
.archive-title-wrap .archive_date_picker {
    color: #222;
    font-size: 26px;
    line-height: 36px;
    font-family: 'kiron';
    font-weight: bold;
}
.archive-title-wrap .ui-datepicker-trigger{
    width: 24px;
    height: 24px;
    text-align: center;
    cursor: pointer;
    background: transparent;
    border: none;
    margin-left: 10px;
}
.archive-title-wrap .ui-datepicker-trigger:after{
    content: "\f073";
    color: #1e88e5;
    display: inline-block;
    font: normal normal normal 24px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
}

.ui-datepicker .ui-datepicker-header select,
.ui-datepicker .ui-datepicker-calendar,
.ui-datepicker .ui-datepicker-buttonpane button{
   font: 18px/20px 'kiron', SolaimanLipi, Vrinda;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 0;
}
.ui-datepicker-calendar td span,
.ui-datepicker-calendar td a {
    display: block;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    height: 30px;
}
.ui-datepicker-calendar td:not(:last-child) a {
    border-right: none;
}
.ui-datepicker-calendar tr:not(:last-child) td a {
    border-bottom: none !important;
}










/*------------------------------------*\
    404 Page
\*------------------------------------*/

.error-page{
    border: 2px solid #024999;
    border-radius: 5px;
    padding: 20px;
}
.error-404-pointing ul li{
    list-style: decimal-leading-zero inside;
    overflow: hidden;
    padding: 5px 0;
}
.error-404-pointing ul li a{
    color: #30B8EB;
    font-weight: bold;
}
.error-404,
.error-404-txt{
    font: normal normal bold 100px/100px fantasy;
    text-align: center;
    color: #024999 !important;
    text-decoration: none;
    margin: 20px;
}
.error-404-txt{
    font: normal normal bold 50px/50px fantasy;
}
.error-message{
    
}






/* calendar widget */
.widget_calendar {
    
}
/*#wp-calendar{ width: 100%; }
#wp-calendar caption{ text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead{ font-size: 10px; }
#wp-calendar thead th{ padding-bottom: 10px; }
#wp-calendar tbody{ color: #aaa; }
#wp-calendar tbody td{ background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover{ background: #fff; }
#wp-calendar tbody .pad{ background: none; }
#wp-calendar tfoot #next{ font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev{ font-size: 10px; text-transform: uppercase; padding-top: 10px; }*/


#wp-calendar {
    width: 100%;
    max-width: 37.5rem;
    background: #ccc;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
}

#wp-calendar caption {
    background: #3299bb;
    color: #fff;
    font-size: 20px;
    padding: 1rem 0;
    text-align: center;
    text-shadow: 0 -1px 0 #000;
    font-weight: bold;
}

#wp-calendar thead th {
    font-weight: bold;
    padding: 1rem 0.5rem;
    text-transform: uppercase;
    text-align: center;
    color: #666;
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-top: none;
}
#wp-calendar tbody td {
    position: relative;
    line-height: 2.5em;
    text-align: center;
    border: 1px solid #ccc;
    background: #fff;
}
#wp-calendar tbody td.pad {
    background: #f5f5f5;
}

#wp-calendar tbody td#today {
    font-weight: bold;
    color: #215b8d;
}
#wp-calendar tbody td#today:before {content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    border: 1px solid #215b8d;
}
#wp-calendar tbody td#today:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    z-index: 999;
    border-top: 10px solid #215b8d;
    border-left: 10px solid transparent;
}

#wp-calendar tbody td a {
    font-weight: bold;
    color: #fff;
    background-color: #215b8d;
    display: block;
    border: 1px solid transparent;
}

#wp-calendar tbody td a:hover {
    color: #215b8d;
    background-color: #fff;
    border: 1px solid #215b8d;
}

#wp-calendar tfoot tr {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));
    background: -moz-linear-gradient(top,  #f5f5f5,  #ececec);
}
#wp-calendar tfoot td {
    border: 0;
    padding: 0;
}
#wp-calendar tfoot a {
    display: block;
    color: #215b8d;
    font-weight: bold;
    padding: 0.25rem 0.75rem;
}
#wp-calendar tfoot a:hover {
    background: #fff;
}
#wp-calendar tfoot #prev {
    padding-left: 10px;
    text-align: left;
}
#wp-calendar tfoot #next {
    padding-right: 10px;
    text-align: right;
}




.cat-box-wrap{
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    background-size: contain;
    border-radius: 3px;
    margin: 0 15px 35px;
}

.nav-tabs.nav-justified>li>a {
    border-bottom: none;
    border-radius: 0;
}
@media only screen and (min-width : 320px) and (max-width: 767px) {
    .nav-tabs.nav-justified{
        display: flex;
    }
}
.cat-tabs-header {
    background: #F7F7F7;
}
.cat-tabs-header ul li.active a,
.cat-tabs-header ul li a:hover{
    background: #fff !important;
    color: #000 !important;
    box-shadow: 0 -1px 2px #d4d4d4;
    -moz-box-shadow: 0 -1px 2px #d4d4d4;
    -webkit-box-shadow: 0 -1px 2px #d4d4d4;
    border-top: 4px solid #000 !important;
}
.cat-tabs-header ul li a{
    border-top: 4px solid transparent;
    background: #999999;
    margin-right: 10px;
    padding: 10px 15px;
    background: #e7e8e1;    
    display: block;
    color: #000;
    white-space: nowrap;
    border-radius: 0;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
    font-size: 18px;
    font-weight: bold;
}
.cat-tabs-header ul li:nth-child(1) a{ background: #e9b330;}
.cat-tabs-header ul li:nth-child(2) a{ background: #ff4500; color: #fff; }
.cat-tabs-header ul li:nth-child(3) a{ background: #16a765; color: #fff; }
.cat-tabs-header ul li:nth-child(4) a{ background: #a479e2; color: #fff; }
.cat-tabs-header ul li:nth-child(5) a{ background: #a52a2a; color: #fff; }
.cat-tabs-header ul li:nth-child(6) a{ background: #6B8E23; color: #fff; }
.cat-tabs-header ul li:nth-child(7) a{ background: #9400d3; color: #fff; }
.cat-tabs-header ul li:nth-child(8) a{ background: #bd070e; color: #fff; }

.cat-tabs-content{
    padding: 10px;
    position: relative;
    overflow: hidden;
}
.cat-tabs-content ul li{
    list-style-type: none;
}
.cat-tabs-content .read-more{
    position: absolute;
    right: 28%;
    bottom: 3%;
}

.cat-tabs-content ul li.other-news a:nth-child(2){
    display: block;
}
.cat-tabs-content ul li.other-news{
    overflow: hidden;
    padding: 12px 0;
    border-top: 1px solid #FFF;
    transition: all .40s;
}
.cat-tabs-content ul li.other-news:not(:last-child){
    border-bottom: 1px solid #eaeaea;
}
.cat-tabs-content ul li.other-news img{
    margin-right: 10px;
    float: left;
    width: 100px;
    height: 65px;
}


.cat-tabs-content li.first-news{
    margin-bottom: 20px;
}
/*@media only screen and (min-width : 320px) and (max-width: 479px) {*/
@media only screen and (min-width : 320px) and (max-width: 1024px) {
    .cat-tabs-content li.first-news{
        margin-bottom: 20px;
        width: 32%;
        float: left;
    }
    .cat-tabs-content li.first-news:not(:first-child){
        margin-left: 2%;
    }
}
.cat-tabs-content li.first-news h3{
    padding-top: 5px;
    color: #000;
    font-weight: normal;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
}
.cat-tabs-content li.middle-news{
    
}
.cat-tabs-content li.middle-news p{
    text-align: justify;
}
.cat-tabs-content li.middle-news img{
    max-height: 375px;
}
.cat-tabs-content li.middle-news h3{
    padding-top: 10px;
    color: #000;
    font-weight: normal;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 24px;
    line-height: 26px;
}
.cat-tabs-content li.other-news{
    
}










/*
 * Owl Carousel
 */
.recent-news-slider{
    height: 385px;
    background-color: #fff;
    background-color: rgba(255,255,255,.5);
    margin: 0 auto 30px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}
.recent-news-slider img{
    width: 100%;
    height: 390px;
}
.recent-news-slider a.news-title {
    background: rgba(0,0,0, 0.7);
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px 20px;
}
.recent-news-slider .news-title h3{
    font-size: 20px;
    color: #fff;
    font-family: 'kiron';
}
.owl-buttons{
    position: static;
}
.owl-prev,
.owl-next{
    opacity: 0;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 40px;
    height: 60px;
    line-height: 60px;
    font-size: 74px;
    text-align: center;
    color: rgba(0,0,0, .7);

    text-shadow: 1px 1px 0px rgba(0, 0, 0, .1);

    z-index: 6;

    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.owl-prev{
    left: 0;
}
.owl-next{
    right: 0;
}
.owl-prev:hover,
.owl-next:hover{
    color: rgba(255,255,255, .95);

    -webkit-transition: 0 none !important;  
    -moz-transition: 0 none !important;  
    -ms-transition: 0 none !important;
    -o-transition: 0 none !important;    
    transition:0 none !important;  
}
.owl-prev:active,
.owl-next:active{	
    -webkit-transform: scale(0.94);
    -moz-transform: scale(0.94);
    -o-transform: scale(0.94);
    -ms-transform: scale(0.94);
    transform: scale(0.94);
}
.owl-carousel:hover .owl-prev{
    opacity: 1;
    left: 25px;
}
.owl-carousel:hover .owl-next{
    opacity: 1;
    right: 25px;
}
.owl-pagination{
    display: block;
    width: 100%;
    position: absolute;
    bottom: -10px;
    right: 0;
    text-align: right;
    z-index: 100 !important;
}
.owl-page{
    display: inline-block;
    padding: 6px 4px;
}
.owl-page span{
    width: 24px;
    height: 3px;
    display: block;
    background: rgba(0,0,0, .3);

    -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);

    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.owl-page:hover span{
    background: rgba(211,84,0, 1);
}
.owl-page.active span{
    background: rgba(211,84,0, 1);
}

.item-carousel .owl-prev{
    left: -125px;
}
.item-carousel .owl-next{
    right: -125px;
}
section:hover .item-carousel.owl-carousel .owl-prev{
    opacity: 1;
    left: -80px;
}
section:hover .item-carousel.owl-carousel .owl-next{
    opacity: 1;
    right: -80px;
}
.item-carousel .owl-pagination{
    bottom: -95px;
}