/*!
Theme Name: bukinews64
Theme URI: http://sumanshresthaa.com.np/
Author: Suman Shrestha
Author URI: https://sumanshresthaa.com.np
Description: A custom Online Newsportal theme for Buki Phul Media Pvt. Ltd. designed and developed by Suman Shrestha

*/

/* GLOBAL CSS
--------------------------------------------- */
body, p, li, table{
    color: #333;
    font-size: 16px;
    font-family: Mukta !important;
}
h1, h2, h3, h4, h5, h6{
    color: #333;
    font-family: Mukta;
}
a{color: :#235675;}

.container{max-width: 1320px;}

.hrstyle {
    color: inherit!important;
    border: 0!important;
    border-top: 1px solid !important;
    opacity: .25!important;
    width: 1320px;
    margin: 0px auto !important;
}

/* HEADER CSS
--------------------------------------------- */
.site-header {
    display: block;
    position: relative;
    margin: 0 auto;
    text-align: center;
    padding: 15px 0;
}
.site-branding .custom-logo {
    height: 70px;
    width: auto;
}

/* ---- Header Dates Section ----*/
.header_dates {
    display: block;
    margin-top: 15px;
    text-align: left;
}
.np_date {
    display: block;
    font-size: 16px;
}
.en_date {
    display: block;
    font-size: 15px;
}
.header_dates .sep {
    padding: 0px 15px;
}



/*--------------------------------------------------------------
## CUSTOM CSS BURGER MENU NAVIGATION
--------------------------------------------------------------*/
.site-navigation .sticky-logo {display: none;}
.site-navigation.sticky-head .sticky-logo {
    display: block;
    float: left;
    margin-right: 15px;
}
.site-navigation.sticky-head .sticky-logo img {
    height: 50px;
    width: auto;
    padding: 5px 5px 5px 0;
}

.site-navigation .burger-menu {
    display: block;
    float: left;
    margin: 5px 15px 0px 0px;
}
#menuToggle{
    display: block;
    position: relative;
    top: 13px;
    left: 0px;  
    z-index: 999999;  
    -webkit-user-select: none;
    user-select: none;
}
#menuToggle a {
    text-decoration: none;
    color: #232323;
    transition: color 0.3s ease;
    padding: 10px 0px;
}
#menuToggle a:hover{
    color: tomato;
}
#menuToggle input{
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;  
    cursor: pointer;  
    opacity: 0; /* hide this */
    z-index: 2; /* and place it over the hamburger */  
    -webkit-touch-callout: none;
}
/*
 * Just a quick hamburger
 */
#menuToggle span{
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;  
    background: #444;
    border-radius: 3px;  
    z-index: 1;  
    transform-origin: 4px 0px;  
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    opacity 0.55s ease;
}
#menuToggle span:first-child{
    transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2){
    transform-origin: 0% 100%;
}  
/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span{
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
}
/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3){
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}
/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2){
    transform: rotate(-45deg) translate(0, -1px);
}
/*
 * Make this absolute positioned
 * at the top left of the screen
 */
.burger-menu #menu {
    display:none;
    position: absolute;
    width: 300px;
    left: 0;
    margin-top: 15px;
    padding: 15px 15px;
    background: #ededed;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
   transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
#menu li {
    padding: 6px 0;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid #666;
    display: block;
    width: 100%;
}
#menu li:last-child{
    border-bottom: none;
}
#menu li a {
    font-size: 14px;
    font-weight: 700;
}
/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul{
    display:block;
    transform: none;
}




/*--------------------------------------------------------------
## MAIN MENU NAVIGATION
--------------------------------------------------------------*/
.site-navigation {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #999;
    padding: 10px 0;
    margin-bottom: 30px;
}
.site-navigation.sticky-head {
    background-color: #fff;
    text-shadow: none;
    text-decoration: none;
    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.4);
    position: fixed;
    width: 100%;
    margin: 0 auto;
    padding: 0px 0px;
    top:0; border:none;
    z-index: 1000;  
}
.site-navigation.sticky-head .logo-section img{height: 50px;}
.site-navigation.sticky-head .logo-section h1 {
    font-size: 12px;
    padding: 5px 0 0px 0;
}
.site-navigation.sticky-head .navbar{background-color: #fff !important;}
.site-navigation .navbar {
    display: block;
    float: left;
    padding: 0;
    margin-top: 14px;
}
.site-navigation.sticky-head .navbar .nav-link {
  /*color: #00adef !important;*/
}
.site-navigation.sticky-head .nav-link {
    font-size: 15px;
    font-weight: 600;
    padding: 3px 20px !important;
}
.site-navigation .nav-link {
    color: #000 !important;
    font-weight: 800;
    font-size: 16px;
    letter-spacing: 0.3px;
    padding: 5px 20px !important;
    text-transform: uppercase;
}
.site-navigation .nav-link:hover {
    background: #235675;
    border-radius: 5px;
    color: #fff !important;
}
.site-navigation .navbar-light .navbar-nav .active>.nav-link, .site-navigation .navbar-light .navbar-nav .nav-link.active, 
.site-navigation .navbar-light .navbar-nav .nav-link.show, .site-navigation .navbar-light .navbar-nav .show>.nav-link {
    /*color: #fff !important;
    background: #23669E !important;*/
}
.site-navigation .navbar .dropdown-menu.show {
    background: #f9f9f9;
    border: none !important;
    border-radius: 0;
    padding: 0px;
    z-index: 999;
}
.site-navigation .navbar .dropdown-menu li {
    border-bottom: 1px solid #eee;
}
.site-navigation .navbar .dropdown-menu li:last-child {
    border-bottom: 1px solid transparent;
}
.site-navigation .navbar .dropdown-menu a {
    color: #444;
    font-weight: 600 !important;
    font-size: 15px;
    letter-spacing: 0.3px;
    padding: 10px 20px;
}
.site-navigation .navbar .dropdown-menu a:hover {
    background: #e7873d;
    color: #fff;
}

.site-navigation .navbar ul.dropdown-menu li > ul.dropdown-menu {
    left: 100%;
    top: 0;
    background: #f1f1f1;
    border: none;
    margin-left: 1px;
    padding: 0px;
    border-radius: 0;
}
.sf-menu a{padding: 0px 20px !important;}
.sf-menu a:hover{text-decoration: none !important;}
.sf-menu .sub-menu li a:hover{background: #c81926;}


.mobile-menu-area {
    display: none;
}

/*--------------------------------------------------------------
## BOOTSTRAP MULTI-LEVEL SUB MENUS
--------------------------------------------------------------*/

/* multilevel navigation */
ul.dropdown-menu li > ul.dropdown-menu {
    left: 100%;
    top: 0;
    background: #111;
    border-radius: 0px;
    margin-left: 1px;
    padding: 0px;
}

ul.dropdown-menu li:hover > ul.dropdown-menu,
ul.dropdown-menu li:focus > ul.dropdown-menu {
    display: block;
}


/* ---- Header Socials Section ----*/
.header_socials {
    display: inline-block;
    margin: 15px 15px 0 0;
    float: right;
}
.header_socials a {
    font-size: 18px;    
    border-radius: 50%;
    padding: 5px;
    height: 35px;
    width: 35px;
    display: inline-block;
    text-align: center;
}
.header_socials a.facebook{
    border: 1px solid #3B5998;
    color: #3B5998;
}
.header_socials a.twitter{
    border: 1px solid #55acee;
    color: #55acee;
}
.header_socials a.instagram{
    border: 1px solid #3B5998;
    color: #3B5998;
}
.header_socials a.linkedin{
    border: 1px solid #4875B4;
    color: #4875B4;
}
.header_socials a.youtube{
    border: 1px solid #c00;
    color: #c00;
}
.header_socials a.facebook:hover, .header_socials a.twitter:hover, .header_socials a.instagram:hover,
.header_socials a.linkedin:hover, .header_socials a.youtube:hover{
    opacity: 0.5;
}


/* ---- Header Search Section ----*/
.header_search {
    display: inline-block;
    margin-right: 15px;
    float: right;
}
.header_search button {
    border: none;
    background: transparent;
    color: #b20c1f;
    font-size: 24px;
    margin-top: 15px;
}
.header_search button:hover{color: #c00;}
.header_search form#searchform {
    background: transparent;
    border: none;
    margin: 15px 0 0 0;
    padding: 0;
}
.header_search form#searchform .input-group {
    left: -55%;
    flex-wrap: nowrap;
}
.header_search form#searchform input[type="search"] {
    border: 1px solid #999;
    padding: 5px 15px;
    width: 350px;
    height: 45px;
}
.header_search form#searchform button.search-btn {
    background: #333;
    height: 45px;
    padding: 10px;
    color: #eee;
    margin-top: 0px;
}


/*--------------------------------------------------------------
## CUSTOM CSS RECENT SECTION
--------------------------------------------------------------*/
.header_latest {
    display: inline-block;
    float: right;
}
.header_latest button#latestDropdown {
    border: none;
    font-size: 14px;
    font-weight: 800;
    padding: 5px 15px;
    border-radius: 5px;
    margin-top: 15px;
}
.header_latest #latest_news_display {
    background: #fff;
    border: none;
    margin: 15px 0 0 0;
    padding: 0;
    right: 0 !important;
}
.header_latest #latest_news_display {
    left: -35%;
    flex-wrap: nowrap;
}
.header_latest #latest_news_display {
    border: 1px solid #ddd;
    padding: 5px 15px;
    width: 350px;
}
.header_latest #latest_news_display .latest_news_display_heading {
    color: #000;
    font-size: 20px;
    font-weight: 800;
    border-bottom: 1px solid #333;
    padding: 10px 0;
    margin-bottom: 10px;
}
.header_latest #latest_news_display .current_news {
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px solid #999;
    padding-bottom: 5px;
}
.header_latest #latest_news_display .current_news h3 a {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    display: block;
    line-height: 1.5;
}
.header_latest #latest_news_display .current_news h3 a:hover{
    color: #000;
    text-decoration: none;
}
.header_latest #latest_news_display .current_news .metas {
    font-size: 12px;
}


.header_latest #recent-area {
    color: #235675;
    margin-top: 18px;
    display: inline-block;
    font-size: 24px;
}
.header_latest #recent-area:hover{color: #e7873d;}
.recent-menu.dropdown-menu.show {
    position: fixed !important;
    top: 44% !important;
    width: 99%;
    background: #eee;
    border-radius: 0px !important;
    left: auto !important;
    height: 70vh;
    box-shadow: rgb(34 96 191 / 24%) 0 0 48px;
    padding: 40px;
    margin-left: -9%;
}
.recent-menu.dropdown-menu.show .fa-close{
  color: var(--red-color);
  float: right;
  font-size: 18px;
  margin-top: 15px;
}
.recent-menu.dropdown-menu.show ul{
  list-style: none;
  padding: 15px;
  margin: 15px 0px 0px 0px;
}
.recent-menu.dropdown-menu.show ul li a{
  color: var(--text-color);
  font-size: 18px;
  font-weight: 700;
  display: block;
  padding: 6px;
  margin-bottom: 3px;
  transition: all .3s ease;
}

.recent-menu.dropdown-menu.show ul li a:hover{
  background-color: rgba(0,0,0,.04);
  transition: all .3s ease;
  color: #2260bf;
}
.recent-menu h2{
  font-family: khand,sans-serif;
  font-size: 48px;
  margin: 0px 0px 38px 0px;
  font-weight: 600;
  display: flex;
  width: auto;
  color: var(--blue-color);
  align-items: center;
  padding-bottom: 5px;
  border-bottom: solid 1px rgba(0,0,0,.1);
  position: relative;
}

.recent-menu h2:before{
    content: '';
    height: 4px;
    width: 60px;
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: #2260bf;
}
.close-drawer {
    font-size: 24px;
    font-weight: 500;
    transform: rotate(45deg);
    display: inline-block;
    cursor: pointer;
    line-height: 22px;
    width: 24px;
    text-align: center;
    margin-left: auto;
    height: 24px;
    border-radius: 50%;
    border: solid 2px #2260bf;
}
.latest-news-list img {
    border-radius: 4px;
}
.recent-area.dropdown a span.fa:hover,
.trending-area.dropdown a span.fa:hover,
.user-area.dropdown a span.fa:hover,
.offcanvas-area.dropdown a span.fa:hover {
    color: #fda04e;
}
.dropdown-menu span.fa {
    margin-left: auto;
    font-size: 30px;
    display: inline-block;
    cursor: pointer;    
}
.dropdown-menu span.fa:hover {
    color: #000;
}
.latest-news-list {
    margin-bottom: 25px;
}
.latest-news-list h3 a {
    color: #235675; 
    font-size: 20px;
    font-weight: 600;
}
.latest-news-list h3 a:hover{
    color: #e7873d;
    text-decoration: none;
}



/*--------------------------------------------------------------
## DOUBLE COLUMNS CSS
--------------------------------------------------------------*/
.double_columns {
    display: block;
    position: relative;
    padding: 40px 0;
}
.big_block a:hover, .big_block h1:hover {
    color: #b20c1f;
    text-decoration: none;
}
.a-hading {
    color: #235675;
    font-weight: 900;
    font-size: 40px;
	padding-bottom: 15px;
}
.a-hading:hover {
    color: #e7873d;
    text-decoration: none;
}
.bigstory-image img, .normalstory-image img {
    border-radius: 5px;
}
.relative-news-story a {
    color: #333;
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}
.relative-news-story a .right-story {
    padding-right: 8px;
}
.relative-news-story a:hover{
    color: #235675;
    text-decoration: none;
}
.authercolor {
    color: #b20c1f;
    font-weight: 600;
    font-size: 18px;
}
.authercolor:hover {
    color: #235675;
}

.divider {
    display: block;
    background: #ccc;
    height: 2px;
    width: 100%;
    margin: 25px 0 35px;
}

.border-left-dnpl {
    border-left: 1px solid#b4c8cb;
    padding-left: 15px!important;
}


/*--------------------------------------------------------------
## SINGLE COLUMN CSS
--------------------------------------------------------------*/
.single_column {
    display: block;
    position: relative;
    padding: 40px 0;
}
.single_column .single_column_heading {
    font-size: 35px;
    margin: 15px 0;
}
.single_column .single_column_heading:hover, .single_column a:hover{
    color: #235675;
    text-decoration: none;
}
.single_column_subheading {
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
}
.single_column_subheading:hover{
    color: #b20c1f;
    text-decoration: none;
}

/* ---- Homepage Column Big Section ----*/
.column_big h1 {
    font-size: 36px;
    font-weight: 600;
    margin-top: 20px;
}
.column_big h1:hover, .column_big a:hover{
    color: #b20c1f;
    text-decoration: none;
}
.column_small h3 {
    font-size: 20px;
    font-weight: 600;
}
.column_small h3:hover, .column_small a:hover{
    color: #b20c1f;
    text-decoration: none;
}
.column_small .justify-content-right {
    margin-bottom: 30px;
}



/*--------------------------------------------------------------
## HOMEPAGE SIDEBAR CSS
--------------------------------------------------------------*/
.home_siderbar {
    padding-left: 15px;
}
.side_block {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.side_block h4 a {
    color: #333;
    font-size: 16px;
    font-weight: 800;
    display: block;
}
.side_block h4 a:hover{
    color: #b20c1f;
    text-decoration: none;
}
.side_block img {
    border-radius: 5px;
}


/*--------------------------------------------------------------
## FOOTER CSS
--------------------------------------------------------------*/
.site-footer {
    display: block;
    position: relative;
    padding: 40px 0px 40px 0px;
}
.footer_blocks .custom-logo-link {
    display: block;
    float: left;
}
.footer_blocks .custom-logo-link img{
    height: 64px;
    width: auto;
}
.site-footer .company_info {
    display: block;
    float: left;
    margin-top: 30px;
    margin-left: 20px;
}


/* ---- Footer Socials Section ----*/
.footer_socials {
    margin-top: 30px;
}
.footer_socials span {
    font-size: 18px;
    font-weight: 700;
}
.footer_socials a {    
    font-size: 26px;
    display: inline-block;
    margin-left: 15px;
}
.footer_socials a.facebook{color: #3B5998;}
.footer_socials a.twitter{color: #111;}
.footer_socials a.instagram{color: #3B5998;}
.footer_socials a.linkedin{color: #4875B4;}
.footer_socials a.youtube{color: #c00;}

.footer_socials a.facebook:hover{opacity: 0.7;}
.footer_socials a.twitter:hover{opacity: 0.7;}
.footer_socials a.instagram:hover{opacity: 0.7;}
.footer_socials a.linkedin:hover{opacity: 0.7;}
.footer_socials a.youtube:hover{opacity: 0.7;}


/* ---- Footer Menu Section ----*/
.site-info {
    background: #333;
    padding: 10px 0 25px;
}
.site-info .footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.site-info .footer-menu li {
    display: inline-block;
    margin-right: 15px;
    border-right: 1px solid #fff;
    line-height: 15px;
    padding-right: 15px;
}
.site-info .footer-menu li:last-child {
    margin-right: 0px;
    border-right: none;
    padding-right: 0px;
}
.site-info .footer-menu li a {
    color: #ccc;
    font-weight: 600;
}
.site-info .footer-menu li a:hover{
    color: #fff;
    text-decoration: none;
}



/*--------------------------------------------------------------
## SIDEBAR WIDGETS
--------------------------------------------------------------*/
.sidebar {
    display: block;    
    margin-top: 50px;
}
.sidebar-blocks .cat-heading h3 {
    color: #333;
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 25px;
}
.widgets {
    display: block;
    padding: 15px;
    margin-bottom: 30px;
    background: #F1FAFE;
}
.widgets h3 {
    color: #c00;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    border-bottom: 1px solid #c00;
    padding: 15px 5px;
    margin-bottom: 15px;
}
.widget-lists {
    list-style: none;
    padding: 0;
    margin: 0;
}
.widget-lists li {
    padding: 8px;
    border-bottom: 1px solid #fff;
}
.widget-lists li:last-child{border-bottom: none; padding-bottom: 0px;}
.widget-lists li a {
    color: #013567;
    font-weight: 400;
    letter-spacing: 0.3px;
}
.widget-lists li a:hover {
    color: #c00;
    text-decoration: none;
}


/*--------------------------------------------------------------
## CUSTOM CSS TRENDING NEWS SECTION
--------------------------------------------------------------*/
.sidebar .sidebar-blocks {
  margin-bottom: 40px;
}
.mt-0{margin-top: 0px !important;}
.sidebar-blocks .cat-heading h3 {
    color: #333;
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 25px;
}
.sidebar-blocks .current_news {
  display: block;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.sidebar-blocks .current_news h3 a {
  color: #235675;
  font-size: 18px;
  font-weight: 600;
  display: block;
}
.sidebar-blocks .current_news h3 a:hover {
  color: #b20c1f;
    text-decoration:none;
}
.sidebar-blocks .current_news .metas {
  font-size: 12px;
}


.trend-list {
    display: block;
    margin-bottom: 15px;
    clear:both;
}
.trend-list .numbers {
  font-size: 20px;
  font-weight: 500;
  color: #555;
}
.trend-list h4 {
    margin: 4px 0 0;
    font-size: 16px;
    font-weight: 600;
    color: #235675;
    text-align: left;
    line-height: 1.3;
}
.trend-list a:hover, .trend-list h4:hover{
    color: #b20c1f;
    text-decoration: none;
}

.trending-news ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.trending-news ul li {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 10px 0px;
    font-size: 3em;
    color: rgba(0,0,0,.5);
    overflow: hidden;
    clear: both;
    display: inline-block;
}
.trending-news ul li:last-child {
    border-bottom:none
}
.trending-news ul li a {
    color: rgba(0,0,0,.7);
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    display: block;
}
.numbers {
    float: left;
    margin-right: 20px;
    display: block;
}



/*--------------------------------------------------------------
## CATEGORY PAGE
--------------------------------------------------------------*/
.page-header h1.page-title {
    color: #235675;
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 30px 0;
}
.news_cat_lists {
    display: block;
    position: relative;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.news_cat_lists .bigstory-image img {
  margin-bottom: 15px;
}
.news_cat_lists h3.category_bigHeading a{
    color: #333;
    font-size: 26px;
    font-weight: 600;
    display: block;
}
.news_cat_lists h3.category_bigHeading a:hover{
    color: #235675;
    text-decoration: none;
}
.news_cat_lists .authercolor a{
    color: #b20c1f;
}
.news_cat_lists .authercolor a:hover{
    color: #235675;
    text-decoration: none;
}
.news_cat_lists #storyDate {
  font-size: 12px;
}



/* ---- Paginations Section ----*/
ul.pagination.paging-navigation {
    display: block;
    margin: 30px 0;
    padding: 0;
    text-align: center;
}
ul.pagination.paging-navigation .page-numbers {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}
ul.pagination.paging-navigation .page-numbers li {
    display: inline-block;
}
ul.pagination.paging-navigation .page-numbers li a.page-numbers {
    border: 1px solid #555;
    border-radius: 5px;
    color: #333;
    font-weight: 700;
    padding: 5px 20px;
}
ul.pagination.paging-navigation .page-numbers li a.page-numbers:hover, ul.pagination.paging-navigation .page-numbers li .page-numbers.current {
    border: 1px solid #555;
    border-radius: 5px;
    background: #333;
    color: #fff;
    font-weight: 700;
    padding: 5px 20px;
    text-decoration: none;
}


/*--------------------------------------------------------------
## SINGLE PAGE
--------------------------------------------------------------*/
.sticky-title {
    display: none;
}
.sticky-title.sticky-head {
    display: block;
    position: fixed;
    top: 7%;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 5;
    padding: 15px;
    border-bottom: 1px solid #999;
}
.sticky-title.sticky-head h1 {
    margin: 0;
    font-size: 25px;
    font-weight: 900;
    text-align: center;
}

.page-title h1 {
    font-size: 55px;
    font-weight: 800;
    margin-bottom: 30px;
}
.entry-content p {
    color: #222;
    font-size: 22px;
    font-weight: 400;
    text-align: justify;
    padding: 0px 40px;
    line-height: 1.7;
    margin-bottom: 25px;
}
.entry-content .saboxplugin-wrap {
  display: none !important;
}

/* ---- Related Posts Section ----*/
.related-area .cat-heading h3 {
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 30px;
}
.related-area .cat-small-block-grids {
    margin-bottom: 30px;
}
.related-area .cat-small-block-grids .cat-small-block-grids-img {
  height: 135px;
  overflow: hidden;
}
.related-area .cat-small-block-grids h3 a {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin: 15px 0;
}
.related-area .cat-small-block-grids h3 a:hover{
    color:#235675;
    text-decoration: none;
}
.related-area .cat-small-block-grids .metas {
  font-size: 12px;
  margin-top: -10px;
}


/*--------------------------------------------------------------
## SINGLE PAGE LEFT SIDEBAR
--------------------------------------------------------------*/
.sidebar-left, .sidebar-right {
    display: block;
    text-align: center;
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
}
.banner-entry-meta .metas.color1 {
    color: #b20c1f;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}
.banner-entry-meta .metas.color2 {
    color: #235675;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.banner-entry-meta .saboxplugin-tab a {
  display: none !important;
}

.comment-block .lnr {
    font-size: 3rem;
    text-align: center;
    display: inline-block;
    margin: 0 auto 10px;
    clear: both;
    overflow: hidden;
    width: 100%;
}
.comment-block {
    color: var(--text-color);
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 25px;
}
.comment-block span {
    font-size: 13px;
    clear: both;
    width: 100%;
    display: block;
    text-align: center;
    overflow: hidden;
    text-transform: uppercase;
    color: var(--text-color);
    margin-top: -10px;
}


/* ---- Comments Section ----*/
.comments-area {
    background: #f9f9f9;
    padding: 20px;
    margin: 30px 0;
}
.comments-area h3#reply-title {
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.comments-area p.comment-form-comment {
    background: #fff;
    padding: 15px;
}
.comments-area p.comment-form-comment label {
    display: block;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
}
.comments-area p.comment-form-comment textarea#comment {
    width: 100%;
    padding: 15px;
}
.comments-area p.comment-form-author, .comments-area p.comment-form-email, .comments-area p.comment-form-url {
    background: #fff;
    padding: 15px;
}
.comments-area p.comment-form-author label, .comments-area p.comment-form-email label, 
.comments-area p.comment-form-url label {
    width: 15%;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}
.comments-area p.comment-form-author input, .comments-area p.comment-form-email input, 
.comments-area p.comment-form-url input {
    width: 84%;
    padding: 10px 15px;
}
.comments-area .submit {
    border: 1px solid #333;
    border-radius: 5px;
    background: #333;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 10px 25px;
}
.comments-area .submit:hover{
    background: #fff;
    color: #333;
}


.comments-area h2.comments-title {
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 15px 0 25px;
}
.comments-area ol.comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.comments-area ol.comment-list li {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
}
.comments-area ol.comment-list footer.comment-meta {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 10px;
    overflow: hidden;
}
.comments-area ol.comment-list footer.comment-meta .comment-author.vcard {
    float: left;
}
.comments-area ol.comment-list footer.comment-meta .comment-author.vcard a.url {
    color: #555;
}
.comments-area ol.comment-list footer.comment-meta .comment-metadata {
    float: right;
}
.comments-area ol.comment-list footer.comment-meta .comment-metadata a {
    color: #444;
    font-size: 14px;
}
.comments-area ol.comment-list .comment-awaiting-moderation {
    color: #c00;
    text-align: center;
    display: block;
    font-size: 12px;
}
.comments-area ol.comment-list a.comment-reply-link {
    border: 1px solid #555;
    border-radius: 4px;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 15px;
}
.comments-area ol.comment-list a.comment-reply-link:hover{
    color: #101010;
    text-decoration: none;
}


/*--------------------------------------------------------------
## CUSTOM CSS SOCIAL SHARE BUTTONS
--------------------------------------------------------------*/
span.st-label {
    font-size: 40px;
    font-weight: 900;
    text-align: center;
}
span.st-shares {
    font-size: 26px;
    font-weight: 200;
    text-align: center;
    margin-top: -15px;
    display: block;
    color: var(--text-color);
}
.share-btn.facebook {
    display: inline-block;
    clear: both;
    float: none;
    width: 100%;
    font-size: 3rem;
    font-weight: 900;
    color: #3B5998;
}
.share-btn.twitter {
    display: inline-block;
    clear: both;
    float: none;
    width: 100%;
    font-size: 3rem;
    font-weight: 900;
    color: #55acee;
}
.share-btn.viber {
    display: inline-block;
    clear: both;
    float: none;
    width: 100%;
    font-size: 3rem;
    font-weight: 900;
    color: #59267c;
}
.share-btn.whatsapp {
    display: inline-block;
    clear: both;
    float: none;
    width: 100%;
    font-size: 3rem;
    font-weight: 900;
    color: #075e54;
}
.share-btn.linkedin {
    display: inline-block;
    clear: both;
    float: none;
    width: 100%;
    font-size: 3rem;
    font-weight: 900;
    color: #4875B4;
}
.share-btn.email {
    display: inline-block;
    clear: both;
    float: none;
    width: 100%;
    font-size: 3rem;
    font-weight: 900;
    color: #333;
}
.share-btn:focus,
.share-btn:hover {
  text-decoration: none;
  opacity: 0.8;
}





/*--------------------------------------------------------------
## NOT FOUND SECTION
--------------------------------------------------------------*/
.no-results.not-found {
    margin-top: 50px;
    background: #f9f9f9;
    padding: 20px 20px 40px;
}
.not-found .page-title {
    color: #c00;
    font-size: 60px;
    font-weight: 100;
    text-align: center;
    margin-bottom: 50px;
}
.not-found .page-content {
    text-align: center;
}
.not-found .page-content form.search-form {
    width: 75%;
    margin: 0 auto;
    padding-top: 30px;
}
.not-found label {
    width: 85%;
    float: left;
}
.not-found .search-field {
    border: 1px solid #999;
    border-radius: 0px;
    padding: 10px 15px;
    width: 100%;
}
.not-found .search-submit {
    width: 15%;
    border: 1px solid #999;
    border-radius: 0px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 15px;
    height: auto !important;
}
.not-found .search-submit:hover{
    border: 1px solid #333;
    background: #333;
    color: #fff;
}


/*--------------------------------------------------------------
## CUSTOM CSS SCROLL TO TOP
--------------------------------------------------------------*/
.scroll-top-wrapper {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  z-index: 99999999;
  background-color: #b20c1f;
  color: #fff !important;
  width: 44px;
  height: 44px;
  line-height: 44px;
  right: 22px;
  bottom: 80px;
  padding-bottom: 2px;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  box-shadow: none; 
}
span.scroll-top-inner a {
    color: #fff;
}

.scroll-top-wrapper:hover {
  opacity: 0.6 !important; 
}

.scroll-top-wrapper.show {
  visibility: visible;
  cursor: pointer;
  opacity: 1.0; 
}

.scroll-top-wrapper i.fa {
    color: #fff;
  line-height: inherit; 
}
.page, .post {
  margin-bottom: 0px !important;
}



/*--------------------------------------------------------------
## MEDIA QUERY SECTION
--------------------------------------------------------------*/
@media (max-width: 768px) {
	.container { padding: 0px 50px;}
    .header {padding: 30px;}    
    .logo-section { text-align: center;}
    .logo-section img {float: none; display: inline-block; margin-right: 0px;margin-bottom: 5px;}
	.site-navigation .navbar {display: none;}
	
    .column_big {margin-bottom: 40px;}
    .col-sm-6.col-xs-6 {width: 50% !important;}
	
	.hrstyle{width:100% !important;}
	
    .news-img-block img{height:110px;}
    .news-section {height: auto !important;margin-bottom: 15px;}
    .document-section-content .panel-default {margin-bottom: 40px;}
    .newsandevent-row, .document-section-content {padding: 0px 30px;}
    .support-section, .abovefooter-section{padding: 50px 30px;}
    
    .home-application .owl-nav { display: none;}
    .footer-blocks {margin-bottom: 30px; padding: 0px 30px 30px;}
}

@media (max-width: 485px) {
	.site-branding .custom-logo {height: 60px;}
	.np_date, .en_date{font-size:14px;}
	.header_search form#searchform .input-group{left:-10%;}
	.header_search form#searchform input[type="search"]{width:280px;}
	.header_latest{display:none;}
	
    .news-img-block img {height: 80px;}
    .news-detail-block {padding-left: 140px;}
    .date-block {width: 40px;height: 40px;}
    .date-block p{font-size:10px;padding-top:2px;}
    .date-block p strong{font-size:18px;}
	
	.footer_blocks .custom-logo-link {float: none; text-align: center;}
	.site-footer .company_info {text-align: center; float: none !important; margin-left: 0px !important;}
	.footer_socials {text-align: center;}
}

@media (max-width: 400px) {
	.header_search form#searchform .input-group{left:-2% !important;}
	.header_search form#searchform input[type="search"]{width:240px;}
}