/*font face implementation*/
@font-face {
    font-family: 'SolaimanLipi';
    src: url('../fonts/SolaimanLipi.eot');
    src: url('../fonts/SolaimanLipi.eot') format('embedded-opentype'),
         url('../fonts/SolaimanLipi.woff2') format('woff2'),
         url('../fonts/SolaimanLipi.woff') format('woff'),
         url('../fonts/SolaimanLipi.ttf') format('truetype'),
         url('../fonts/SolaimanLipi.svg#SolaimanLipi') format('svg');
}
body {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,SolaimanLipi;font-size: 16px;background-color: rgb(3, 74, 86);}
.row-custom-margin{margin-left: -5px;margin-right: -5px;}
.col-custom-padding{padding-left: 5px;padding-right: 5px;}

/*simple animation*/
.list-news img, .single_news img, .single_news img:hover, .single_news h3 a, .mt-news a, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .tag-title, .tag-title i, .list-news ul li a, li.dropdown:hover, ul.dropdown-menu ul, .scroll-news .list-group-item a, .scroll-to-top-link{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

/*header top style*/
.header_top_area{background-color: rgba(41, 174, 204, 0.9); padding: 5px 0px;}
#socialicons .icon { background: grey;display: inline-block;color: white; font-size: 16px; width: 22px; height: 22px; line-height: 20px; text-align: center;vertical-align: middle; margin: 0 1px 3px;}
#socialicons .icon-facebook {background: #3b5998;}
#socialicons .icon-twitter {background: #55acee;}
#socialicons .icon-google-plus {background: #dc4e41;}
#socialicons .icon-pinterest {background: #bd081c;}
#socialicons .icon-youtube {background: #cd201f;}
#socialicons .icon-instagram { background: #3f729b;}
.social_link_date_search{background: rgb(8, 134, 162);padding: 10px;}
.social_link_date_search p{text-align: center;margin:0px;padding:0px}
.search_form{display:block;overflow:hidden}
.search_form input[type=text]{border: none;background: #FFD568;padding: 5px;width: 70%;float: left;color: black;}
.search_form input[type=submit]{border: none;background: #9E7A1F;width: 30%;padding: 5px;color: #FFF;box-shadow: 0px 0px 21px -15px #000 inset;border-radius: 0px 5px 5px 0px;}
.search_form input[type=submit]:hover{color: #F2AF00;}

/*This style for menu*/
.header_menu_area{background: rgb(8, 134, 162);}
.navbar{margin-bottom: 0px;min-height: 40px;}
.navbar-inverse { background-color: rgb(8, 134, 162); border-color: rgb(8, 134, 162);border:none;}
.navbar-inverse .navbar-nav > li > a{color: #fff;}
.navbar-nav > li > a {padding-top: 10px; padding-bottom: 10px;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{color: #fff;background-color: #24a49a;}
.navbar-inverse .navbar-nav > li > a:hover{background-color: #24a49a;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color: #FFF}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background-color: #24a49a;}


.dropdown-menu{background-color: #24a49a;border: 3px solid #088379}
.dropdown-menu > li > a{color:#FFF}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{background: #088379;color: white;}

ul.dropdown-menu{left:-999999}
li.dropdown:hover ul.dropdown-menu{display:block;left:0}
li.dropdown:hover {background-color: #088379;}

/*This style for content section*/
.main_content_section{}
.main_content_area{background: #FFF;}

/*top scroll style*/
.mt-round .mt-label{border-radius: 0px;margin-left:0px;}
.mt-body{margin-left: 0px;margin-right:0px;margin-top:5px}
.mt-round{border-radius: 0px}
.mt-round .mt-news:last-child, .mt-round .mt-news:last-child a{border-radius: 0px}
.mt-label{background: #28A29D;}
.mt-news a{background: rgba(213, 5, 5, 0.86);color: #FFF;}
.mt-news a:hover{background: #28A29D;}
/* 
==================================================================================
                SCROLL NEWS STYLE
==================================================================================
*/
.scroll-news{border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.scroll-news .list-group{max-height: 300px;overflow-y: scroll;border-bottom:1px solid #DDD;margin-bottom: 0px}
.scroll-news .list-group-item{padding:5px;border-left:none;border-right:none}
.scroll-news .list-group-item:last-child{border-bottom:none}
.scroll-news .list-group-item:last-child, .scroll-news .list-group-item:first-child{border-radius: 0px}
.scroll-news .list-group-item a{color:#05156c;}
.scroll-news .list-group-item a:hover{text-decoration:none; color:mediumvioletred}





/*scroll bar style for chrome*/
 .scroll-news .list-group::-webkit-scrollbar {width: 9px;}
/* Track */
.scroll-news .list-group::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  -webkit-border-radius: 10px; border-radius: 10px;}
 
/* Handle */
.scroll-news .list-group::-webkit-scrollbar-thumb { -webkit-border-radius: 10px;border-radius: 10px; background: #28A29D;   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
.scroll-news .list-group::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); }
/* 
==================================================================================
                SCROLL NEWS STYLE END
==================================================================================
*/

/*this style for tag title*/
.tag-title{color: #FFF;font-weight: normal;text-decoration: none;background: #28A29D;text-align: center;font-size: 24px;padding: 5px 5px;margin: 5px 0px;position: relative;margin-bottom: 15px; margin-top:0px}
.tag-title:hover{background: #DB2828;}
.tag-title:hover i{color: #DB2828;}
.tag-title a{color:#FFF;text-decoration: none;display:block;text-align:center;}
.tag-title:hover{text-decoration: none;}
.tag-title i{color: #28A29D;font-size: 30px;position: absolute;bottom: -18px;left: 20px;}

/*This style for slider*/
.top_slider{}
#myCarousel .item img{}
#myCarousel .item a{color:#f20909;}
#myCarousel .item a:hover{text-decoration: none}
#myCarousel .item h3{margin: 0px;padding: 5px;font-size: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
#myCarousel .carousel-control{background:none}
#myCarousel .glyphicon-chevron-left{background:red;}
#myCarousel .glyphicon-chevron-right{background:red;}
/*bottom photo gallery*/
#photogallery  .carousel-caption {right: 0; left: 0;background: RGBA(14, 0, 0, 0.52);bottom: 0;padding: 10px;}
#photogallery  .carousel-caption p{font-size: 13px}




/*add area*/
.ad-margin{margin-top:5px;margin-bottom:5px}
.margin-top-5px{margin-top:5px;}
.margin-bottom-5px{margin-bottom:5px;}
.single_news{}
.single_news img{}
.single_news img:hover{opacity: 0.8;transform: scale(1.05);}
.single_news h3{margin: 7px 0px;color: #fc1b09;font-size: 16px;font-weight: normal;}
.single_news h3 a{color: #114f83;}
.single_news h3 a:hover{text-decoration: none;color:red}
.single_news p{font-size: 14px;font-weight: normal;text-align: justify;}
.single_news p a{color:red}

/*this style for list news*/
.list-news{border: 1px solid #DDD; border-top:none}
.list-news ul{margin-bottom: 0px;}
.list-news ul li{border-left:none;border-right:none;padding:0px}
.list-news ul li a{display: block; padding:5px;color: #435398;}
.list-news ul li a:hover{text-decoration:none;color:#f20909;}
.list-news ul li:first-child{border-radius: 0px;border-top: none;}
.list-news ul li:last-child{border-radius: 0px;border-bottom: none;}

/*This style for widget*/
.widget-border{border:1px solid #DDD;border-top: none; display: block; overflow: hidden;margin-bottom:5px}
.no-border-bottom{border-bottom:none;}

/*This style for footer sectioh*/
.footer_section{ background-color: rgb(8, 134, 162);color:#FFF;padding: 15px 0px;}
.footer_section p{margin: 0; padding: 0}
.footer_section_develop_by{background: rgb(4, 99, 120);color: #F1FF0E;padding: 5px 0px;}
.footer_section_develop_by p{margin:0;padding:0;padding-top: 5px}
.footer_section_develop_by p a{color: #F1FF0E;text-decoration: none}


/*This style for wp callender*/
/*claander style*/
#wp-calendar { width: 100%; font-size: 11px; }
#wp-calendar thead th { background: #f5f5f5; border: 1px solid #ddd; border-top: none; font-size: 11px; }
#wp-calendar tbody td { text-align: center; border: 1px solid #ddd; line-height: 2.5em; transition: background 0.15s ease; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; -moz-transition: background 0.15s ease; }
#wp-calendar tbody td:hover { background: #f1f1f1; color: #333; }
#wp-calendar tbody td a { display: block; text-decoration: none; background: #f1f1f1; color: #333; }
#wp-calendar tbody td:hover a { background: #4d4d4d; color: #fff; }
#wp-calendar tfoot td { padding-top: 1px; padding: 4px; }
#wp-calendar caption { cursor: pointer; font-size: 13px; text-transform: uppercase; margin: 0; padding: 12px; outline: 0 none !important; background: #3b86b0; color: #fff; }
#wp-calendar tbody a { display: block; text-decoration: underline; }
#wp-calendar th { text-align: center; border: 1px solid transparent; border-top: none; padding: 7px 0; color: #a7a7a7; }
#footer #wp-calendar thead th { background: #222 }
#footer #wp-calendar tbody td { border-color: #222 }

/*This style for single page*/
.details_news{}
.details_news .fechared-image{float: left; padding-right: 10px;}
.details_news .singl-publish-date{color: #060600;font-style: italic;border-bottom: 1px solid #ddd;padding-bottom: 10px;font-size: 14px;}
.details_news h3{color: #0148B1;border-bottom: 1px solid #ddd;font-size: 23px;margin: 10px 0px;padding-bottom: 5px;}
.details_news p{text-align: justify;color: #444}



/*This stle for this new site*/
.tab-content .scroll-news ul {max-height: 352px;}
.tab-content .scroll-news ul li{background-color: rgb(8, 134, 162)}
.tab-content .scroll-news ul li a{color:#FFF}
.tab-content .scroll-news ul li a:hover{color: #fffd6c;}
.tab-content .scroll-news ul li:first-child{border-top:none;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {color: #FFF;background-color: rgb(8, 134, 162); }
.nav-tabs > li > a{background: rgb(72, 191, 218);color: #0C0C0C;}
.nav-tabs > li > a:hover{color: #000;}


.title-new{margin-bottom:0px;z-index:10}

.list-news a{display:block;overflow:hidden}
.list-news img:hover{opacity: 0.8;transform: scale(1.5);}

.footer-widget{}
.footer-widget h3{color: #73f5ff;font-weight: 600;border-bottom: 1px solid #F6EF5C;}

/*Default scroll top button*/
.scroll-to-top-link{position: fixed;right: 100px;bottom: 100px;background: #000;color: #FFF;padding: 10px;font-size: 20px;display: none;cursor: pointer;border-radius: 4px;opacity: 0.4;border: 2px solid #FFF;box-shadow: 0px 0px 9px 1px #000;}
.scroll-to-top-link:hover{opacity: 0.9;}
.scroll-to-top-link i{height: 20px;width: 20px;}




/*
====================================================================================
	                        BLACK AND WHITE THEME CSS START HERE
====================================================================================
*/
/*
.header_top_area { background-color: #FFF; }
.main_content_section { background-color: #FFF; }
.tag-title{background: #DB2828;}
.tag-title i{color: #DB2828}
.footer_section {background-color: #000;}
.footer-widget h3 {color: #BBBBBB;}

.tab-content .scroll-news ul li{background:#FFF}
.tab-content .scroll-news ul li a{color:#000}
.tab-content .scroll-news ul li a:hover{color:red}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {background-color: red;}
*/
/*
====================================================================================
	                        BLACK AND WHITE THEME CSS END HERE
====================================================================================
*/