html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
  max-width: 100%;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

body {
  font-size: 14px;
  color: #555;
  font-family: Georgia,"Roboto","kalpurush", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
h2 a,
h4 a,
h6 a {
  font-family: Georgia,"Roboto","kalpurush", sans-serif;
  margin: 0;
}

p,
li,

button {
  font-family: Georgia,"Roboto", "kalpurush",sans-serif;
  margin: 0;
  letter-spacing: 0.3px;
  color:#000000;
}

a {
    color:#001f3f;
}
a:hover{
     color:#39CCCC;
}
ul {
  padding: 0;
  margin: 0;
}

a:hover,
a:active,
a:focus,
button:hover,
button:focus {
  text-decoration: none;
  outline: none;
}

a,
button {
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}

.padding-fix {
  padding-left: 0;
  padding-right: 0;
}

.padding-fix-r {
  padding-right: 0;
}

.padding-fix-l {
  padding-left: 0;
}

.margin-fix {
  margin-left: 0;
  margin-right: 0;
}

#page-preloader {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

#page-preloader .spinner {
  position: absolute;
  z-index: 1001;
  top: 50%;
  left: 50%;
  display: block;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  -webkit-animation: spin 2.5s infinite linear;
  animation: spin 2.5s infinite linear;
  border: 3px solid transparent;
  border-top-color: #222;
  border-radius: 50% !important;
}

#page-preloader .spinner:before,
#page-preloader .spinner:after {
  position: absolute;
  content: '';
  border-radius: 50%;
}

#page-preloader .spinner:before {
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  border: 3px solid transparent;
  border-top-color: #d32f2f;
}

#page-preloader .spinner:after {
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  border: 3px solid transparent;
  border-top-color: #777;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* ====================
02. Top Bar
==================== */
.top-bar .bar-content {
  border-bottom: 1px solid #ddd;
  padding: 12px 0 10px;

}

.top-bar .bar-content .bar-left ul li {
  font-size: 13px;
  color: #777;
  margin-right: 12px;
}

.top-bar .bar-content .bar-left ul li:nth-child(2) {
  position: relative;
  margin-right: 25px;
}

.top-bar .bar-content .bar-left ul li:nth-child(2):before {
  position: absolute;
  content: '';
  background: #777;
  width: 1px;
  height: 13px;
  top: 3px;
  right: -15px;
}

.top-bar .bar-content .bar-left ul li i {
  margin-right: 5px;
}

.top-bar .bar-content .bar-left ul li a {
  font-size: 13px;
  color: #777;
}

.top-bar .bar-content .bar-left ul li a:hover {
  color: #d32f2f;
}

.top-bar .bar-content .bar-social ul li a {
  font-size: 13px;
  background: #ddd;
  display: block;
  width: 23px;
  height: 23px;
  color: #555;
  text-align: center;
  padding: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.top-bar .bar-content .bar-social ul li a:hover {
  background: #d32f2f;
  color: #fff;
}

/* ====================
03. Logo Area
==================== */
.logo-area {
  padding-top: 30px;
padding-bottom:  30px;
  
}

	@media (max-width: 767px) {
    
    .logo-area {
         padding-top: 10px;
padding-bottom:  30px;
    }
}


.logo-area .searchbar form {
  position: relative;
  width: 275px;
  float: right;
}

.logo-area .searchbar form input {
  width: 100%;
  height: 46px;
  border: 2px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 10px;
}

.logo-area .searchbar form input:focus {
  outline: none;
  border-color: #d32f2f;
}

.logo-area .searchbar form button {
  position: absolute;
  top: 8px;
  right: 7px;
  font-size: 14px;
  background: #d32f2f;
  color: #fff;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  width: 30px;
  height: 30px;
}

/* ====================
04. Menu Area
==================== */
.menu-area .menu-content {
  background: #222;
  padding: 0 20px 0 10px;
}

.menu-area .menu-content ul li {
  position: relative;
}

.menu-area .menu-content ul li a {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  padding: 15px 5px;
  margin: 0 5px;
}

.menu-area .menu-content ul li a:hover {
  color: #d32f2f;
  cursor: pointer;
}

.menu-area .menu-content ul li a i {
  margin-left: 5px;
}

.menu-area .menu-content ul li ul {
  position: absolute;
  left: 0;
  top: 100%;
  background: #eee;
  min-width: 170px;
  border-top: 3px solid #d32f2f;
  padding: 0;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  visibility: hidden;
  z-index: 999;
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

.menu-area .menu-content ul li ul li {
  position: relative;
}

.menu-area .menu-content ul li ul li a {
  font-size: 13px;
  color: #222;
  display: block;
  margin: 0;
  padding: 10px 15px;
}

.menu-area .menu-content ul li ul li a:hover {
  background: #ddd;
  color: #d32f2f;
  font-weight: 500;
}

.menu-area .menu-content ul li ul li a i {
  float: right;
  font-size: 15px;
  color: #777;
  margin-top: 2px;
}

.menu-area .menu-content ul li ul li ul {
  position: absolute;
  left: 100%;
  top: 0;
  background: #eee;
  min-width: 170px;
  border-top: none;
  border-left: 3px solid #d32f2f;
  padding: 0;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  opacity: 0 !important;
  -webkit-transform: scaleY(0) !important;
  -ms-transform: scaleY(0) !important;
  transform: scaleY(0) !important;
  visibility: hidden !important;
  z-index: 0;
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

.menu-area .menu-content ul li ul li:hover ul {
  opacity: 1 !important;
  -webkit-transform: scaleY(1) !important;
  -ms-transform: scaleY(1) !important;
  transform: scaleY(1) !important;
  visibility: visible !important;
}

.menu-area .menu-content ul li:hover ul {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}

.menu-area .menu-content ul .active a {
  color: #d32f2f;
}

.menu-area .menu-content ul li.static {
  position: static;
}

.menu-area .menu-content ul li.static ul.mega-menu {
  position: absolute;
  left: 15%;
  top: 100%;
  width: 95%;
  margin-left: -25px;
  padding: 20px 0 15px;
}

.menu-area .menu-content ul li.static ul.mega-menu li {
  float: left;
  width: 33.333%;
  padding: 0 25px;
  border-right: 1px solid #ddd;
}

.menu-area .menu-content ul li.static ul.mega-menu li:last-child {
  border-right: none;
}

.menu-area .menu-content ul li.static ul.mega-menu li h4 {
  font-size: 16px;
  color: #222;
  padding-bottom: 8px;
  margin-bottom: 15px;
  margin-left: 14px;
  position: relative;
}

.menu-area .menu-content ul li.static ul.mega-menu li h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 70px;
  height: 1px;
  bottom: 0;
  left: 0;
}

.menu-area .menu-content .clock {
  padding-top: 1%;
}

.menu-area .menu-content .clock span {
  font-size: 14px;
  color: #fff;
  background: #d32f2f;
  text-transform: uppercase;
  padding: 6px 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  letter-spacing: 0.5px;
}

.is-sticky .menu-content {
  z-index: 999 !important;
  -webkit-box-shadow: 0 0 10px rgba(225, 225, 225, 0.3);
  box-shadow: 0 0 10px rgba(225, 225, 225, 0.3);
}

/* ====================
05. Mobile Menu
==================== */
.mobile-menu-area {
  display: none;
}

@media (max-width: 767px) {
  .top-bar, .logo-area, .menu-area, .top-news {
    
  }
  .slider-area {
    padding-top: 10px;
  }
}





.mean-container .mean-bar {
  background: #222;
  float: none;
  z-index: 999;
  text-align: center;
  padding: 15px 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.mean-container .mean-bar:after {
  content: "";
  clear: both;
  display: block;
}

.mean-container .mean-bar .meanmenu-reveal {
  color: #ddd;
  position: absolute;
  left: 15px !important;
  right: inherit;
  top: 13px;
}

.mean-container .mean-bar .meanmenu-reveal span {
  display: block;
  background: #ddd;
  height: 3px;
  margin-top: 3px;
}

.mean-container .mean-bar .mean-nav {
  float: left;
  width: 100%;
  background: transparent;
  margin-top: 0;
}

.mean-container .mean-bar .mean-nav a img {
  margin-top: 8px;
  margin-right: -45px;
}

.mean-container .mean-bar .mean-nav a i {
  font-size: 20px;
  color: #555;
  float: right;
  margin-top: 7px;
  margin-right: 25px;
  background: #ddd;
  padding: 4px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}

.mean-container .mean-bar .mean-nav a i:hover {
  color: #fff;
  background: #d32f2f;
}

.mean-container .mean-bar .mean-nav ul {
  margin-top: 20px;
}

.mean-container .mean-bar .mean-nav ul li a {
  font-size: 13px;
  color: #ddd;
  padding-top: 8px;
  padding-bottom: 8px;
  letter-spacing: 0.7px;
  width: 90%;
  border-top: none;
  border-bottom: 1px dotted #555;
}

.mean-container .mean-bar .mean-nav ul li .mean-expand {
  font-size: 22px !important;
  margin-top: 0;
  width: 20px;
  padding: 0 !important;
  text-align: right;
  font-weight: 400;
  position: absolute;
  right: 25px;
  top: 0;
  z-index: 2;
  background: transparent;
  border: none !important;
}

.mean-container .mean-bar .mean-nav ul li .mean-expand:hover {
  background: transparent;
  color: #d32f2f;
}

/* ====================
06. Web Ticker
==================== */
.top-news .news-content .ticker {
  padding: 8px 0;
}

.top-news .news-content .ticker .news-head span {
  font-size: 14px;
  color: #fff;
  background: #d32f2f;
  display: block;
  width: 250px;
  height: 35px;
  padding: 8px;
  text-align: center;
  font-weight: 500;
}

	@media (max-width: 767px) {
  .top-news .news-content .ticker .news-head span {
  font-size: 14px;
  color: #fff;
  background: #d32f2f;
  display: block;
  width: 100px;
  height: 35px;
  padding: 8px;
  text-align: center;
  font-weight: 500;
}

.top-bar{
    
    display:none;
}

    
}



.top-news .news-content .ticker .news-head span i {
  margin-left: 10px;
}

.top-news .news-content .ticker .tickercontainer {
  padding-top: 1px;
  margin: 0 3px 0 10px;
}

.top-news .news-content .ticker .tickercontainer ul li {
  position: relative;
}

.top-news .news-content .ticker .tickercontainer ul li a {
  font-size: 13px;
  color: #555;
  text-transform: uppercase;
  font-weight: 500;
  display: block;
  margin-left: 10px;
}

.top-news .news-content .ticker .tickercontainer ul li a i {
  font-size: 10px;
  color: #777;
  margin-right: 25px;
  font-weight: 400;
}

.top-news .news-content .ticker .tickercontainer ul li a:hover {
  color: #d32f2f;
}

/* ====================
07. Slider Area
==================== */
.slider-area .owl-slider {
  position: relative;
}

.slider-area .owl-slider .slider-content {
  position: relative;
}

.slider-area .owl-slider .slider-content .slider-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 25px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.02)), color-stop(25%, rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
}

.slider-area .owl-slider .slider-content .slider-layer p {
  margin-bottom: 10px;
}

.slider-area .owl-slider .slider-content .slider-layer p a {
  font-size: 22px;
  color: #ffffff;
  font-weight: 800;
  font-family: "kalpurush";
  text-shadow: 2px 2px #000000;
  line-height: 25px;
  font-weight: 300;
  
}

.slider-area .owl-slider .slider-content .slider-layer p a:hover {
  text-decoration: none;
}

.slider-area .owl-slider .slider-content .slider-layer ul li {
  font-size: 13px;
  color: #fff;
  font-weight: 300;
}

.slider-area .owl-slider .slider-content .slider-layer ul li:nth-child(1) {
  background: #d32f2f;
  padding: 4px 15px;
  font-weight: 500;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin-right: 20px;
}

.slider-area .owl-slider .owl-dots {
  position: absolute;
  top: 10px;
  right: 10px;
}

.slider-area .owl-slider .owl-dots .owl-dot {
  width: 11px;
  height: 11px;
  background: #eee;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin: 3px;
}

.slider-area .owl-slider .owl-dots .active {
  background: #d32f2f;
}

.slider-area .slider-fix {
  padding-left: 7px;
}

.slider-area .slider-fix .slider-sidebar {
  position: relative;
}

.slider-area .slider-fix .slider-sidebar .sidebar-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.02)), color-stop(25%, rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
}

.slider-area .slider-fix .slider-sidebar .sidebar-layer p {
  margin-bottom: 10px;
}

.slider-area .slider-fix .slider-sidebar .sidebar-layer p a {
  font-size: 15px;
  color: #ffffff;
  font-family: "kalpurush";
  text-shadow: 2px 2px #000000;
  font-weight: 300;
}

.slider-area .slider-fix .slider-sidebar .sidebar-layer p a:hover {
  text-decoration: none;
}

.slider-area .slider-fix .slider-sidebar .sidebar-layer ul li {
  font-size: 12px;
  color: #fff;
  font-weight: 300;
}

.slider-area .slider-fix .slider-sidebar .sidebar-layer ul li:nth-child(1) {
  background: #d32f2f;
  padding: 3px 10px;
  font-weight: 500;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin-right: 15px;
}

.slider-area .slider-fix .sidebar-o {
  margin-bottom: 8px;
}

/* ====================
08. All News
==================== */
.allnews {
  padding: 50px 0 40px;
}

.allnews .latest-top h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  position: relative;
}

.allnews .latest-top h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 144px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.allnews .latest-slider {
  position: relative;
}

.allnews .latest-slider .latest-item .latest-content img {
  margin-bottom: 20px;
  width: auto;
}

.allnews .latest-slider .latest-item .latest-content h6 a {
  display: block;
  font-size: 17px;
  color: #555;
  line-height: 23px;
  margin-bottom: 10px;
  font-weight: 500;
}

.allnews .latest-slider .latest-item .latest-content h6 a:hover {
  color: #d32f2f;
}

.allnews .latest-slider .latest-item .latest-content ul {
  margin-bottom: 10px;
}

.allnews .latest-slider .latest-item .latest-content ul li {
  font-size: 13px;
  color: #777;
  font-weight: 300;
}

.allnews .latest-slider .latest-item .latest-content ul li:nth-child(1) {
  color: #fff;
  background: #d32f2f;
  padding: 3px 10px;
  font-weight: 500;
  border-radius: 2px;
  margin-right: 15px;
}

.allnews .latest-slider .latest-item .latest-content p {
  font-size: 14px;
  color: #222;
  line-height: 23px;
  font-weight: 300;
}

.allnews .latest-slider .latest-item .slider-content {
  border-bottom: 1px solid #eee;
  padding-bottom: 25px;
  margin-bottom: 15px;
}

.allnews .latest-slider .latest-item .slider-content .slider-img a img {
  float: left;
  width: auto;
  margin-right: 15px;
}

.allnews .latest-slider .latest-item .slider-content .img-content p a {
  font-size: 15px;
  color: #555;
  display: block;
  font-weight: 500;
  margin-bottom: 6px;
}

	@media (max-width: 767px) {
    
    .img-content a  {
        
       font-size: 12px !important; 
    }
    
}



.allnews .latest-slider .latest-item .slider-content .img-content p a:hover {
  color: #d32f2f;
}

.allnews .latest-slider .latest-item .slider-content .img-content span {
  font-size: 13px;
  color: #777;
  font-weight: 300;
}

.allnews .latest-slider .owl-dots {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -63px;
  margin-right: -3px;
}

.allnews .latest-slider .owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  background: #777;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin: 3px;
}

.allnews .latest-slider .owl-dots .active {
  background: #d32f2f;
}

.allnews .popular-top {
  margin-top: 40px;
}

.allnews .popular-top h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  position: relative;
}

.allnews .popular-top h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 164px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.allnews .popular-slider .popular-item .slider-content {
  margin-bottom: 30px;
}

.allnews .popular-slider .popular-item .slider-content .slider-img a img {
  display: block;
  margin-bottom: 15px;
}

.allnews .popular-slider .popular-item .slider-content .img-content p a {
  font-size: 15px;
  color: #222;
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

.allnews .popular-slider .popular-item .slider-content .img-content p a:hover {
  color: #d32f2f;
}

.allnews .popular-slider .popular-item .slider-content .img-content ul li {
  font-size: 12px;
  color: #777;
}

.allnews .popular-slider .popular-item .slider-content .img-content ul li:nth-child(1) {
  background: #d32f2f;
  color: #fff;
  padding: 3px 10px;
  margin-right: 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  font-weight: 500;
}

.allnews .popular-slider .owl-dots {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -63px;
  margin-right: -3px;
}

.allnews .popular-slider .owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  background: #777;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin: 3px;
}

.allnews .popular-slider .owl-dots .active {
  background: #d32f2f;
}

.allnews .follow-widget {
  margin-bottom: 35px;
}

.allnews .follow-widget h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  position: relative;
}

.allnews .follow-widget h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 118px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.allnews .follow-widget ul li {
  float: left;
  width: 31.8%;
  margin-bottom: 8px;
  margin-right: 8px;
}

.allnews .follow-widget ul li a {
  padding: 23px 0;
  text-align: center;
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.allnews .follow-widget ul li a i {
  font-size: 22px;
  color: #fff;
  margin-bottom: 12px;
}

.allnews .follow-widget ul li a p {
  font-size: 13px;
  color: #fff;
  font-weight: 300;
}

.allnews .follow-widget ul li a p span {
  display: block;
  font-size: 16px;
  font-weight: 500;
}

.allnews .follow-widget ul li:nth-child(1) a {
  background: #4c66a3;
}

.allnews .follow-widget ul li:nth-child(2) a {
  background: #2fc2ee;
}

.allnews .follow-widget ul li:nth-child(3) {
  margin-right: 0;
}

.allnews .follow-widget ul li:nth-child(3) a {
  background: #ff680d;
}

.allnews .follow-widget ul li:nth-child(4) a {
  background: #0e76a8;
}

.allnews .follow-widget ul li:nth-child(5) a {
  background: #cf3e28;
}

.allnews .follow-widget ul li:nth-child(6) {
  margin-right: 0;
}

.allnews .follow-widget ul li:nth-child(6) a {
  background: #e42c27;
}

.allnews .add-widget a img {
  margin-bottom: 40px;
}

.allnews .tab-widget ul.nav {
  border-bottom: none;
  margin-bottom: 25px;
}

.allnews .tab-widget ul.nav li {
  width: 33.3%;
}

.allnews .tab-widget ul.nav li a {
  font-size: 15px;
  color: #222;
  font-weight: 500;
  background: #ddd;
  text-align: center;
  padding: 10px 0;
  border: 2px solid #ddd;
  border-bottom: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.allnews .tab-widget ul.nav li a:hover {
  border-color: #ddd #ddd transparent;
}

.allnews .tab-widget ul.nav li a.active {
  background: transparent;
  color: #d32f2f;
}

.allnews .tab-widget .tab-content .tab-pane .m-view-content {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  padding-bottom: 25px;
}

.allnews .tab-widget .tab-content .tab-pane .m-view-content .m-view-img a img {
  float: left;
  margin-right: 15px;
}

.allnews .tab-widget .tab-content .tab-pane .m-view-content .img-content p a {
  font-size: 15px;
  color: #555;
  display: block;
  margin-bottom: 6px;
}

.allnews .tab-widget .tab-content .tab-pane .m-view-content .img-content p a:hover {
  color: #d32f2f;
}

.allnews .tab-widget .tab-content .tab-pane .m-view-content .img-content ul li {
  width: auto;
  margin-right: 2px;
}

.allnews .tab-widget .tab-content .tab-pane .m-view-content .img-content ul li i {
  font-size: 13px;
  color: #FFA726;
}

.allnews .tab-widget .tab-content .tab-pane .comment-content {
  padding-bottom: 25px;
  margin-bottom: 18px;
}

.allnews .tab-widget .tab-content .tab-pane .comment-content .comment-img a i {
  font-size: 42px;
  color: #fff;
  background: #777;
  width: 70px;
  height: 70px;
  text-align: center;
  padding: 13px;
  float: left;
  margin-right: 15px;
}

.allnews .tab-widget .tab-content .tab-pane .comment-content .img-content p a {
  font-size: 15px;
  color: #555;
}

.allnews .tab-widget .tab-content .tab-pane .comment-content .img-content p a span {
  font-weight: 500;
}

.allnews .tab-widget .tab-content .tab-pane .comment-content .img-content p a :hover {
  color: #d32f2f;
}

.allnews .tab-widget .tab-content .tab-pane .catagory-content ul li a {
  font-size: 14px;
  color: #555;
  display: block;
  margin-bottom: 18px;
  font-weight: 500;
}

.allnews .tab-widget .tab-content .tab-pane .catagory-content ul li a span {
  color: #777;
  float: right;
}

.allnews .tab-widget .tab-content .tab-pane .catagory-content ul li a:hover {
  color: #d32f2f;
}

/* ====================
09. Video Player
==================== */
.videos .vodeo-c {
  background: #222;
  padding: 30px 25px 20px;
  margin-bottom: 60px;
}

.videos .vodeo-c .video-top h4 {
  font-size: 22px;
  color: #fff;
  padding-bottom: 8px;
  border-bottom: 1px solid #555;
  margin-bottom: 35px;
  position: relative;
}

.videos .vodeo-c .video-top h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 160px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.videos .vodeo-c .video-content {
  background: url(../images/v-player-1.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  padding: 175px 0;
}

.videos .vodeo-c .video-content a i {
  font-size: 24px;
  color: #fff;
  background: #d32f2f;
  width: 100px;
  height: 60px;
  padding: 18px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.videos .vodeo-c .video-content a i:hover {
  color: #222;
}

.videos .vodeo-c .video-list .list-content {
  border-bottom: 1px solid #333;
  padding-bottom: 42px;
  margin-bottom: 13px;
}

.videos .vodeo-c .video-list .list-content img {
  float: left;
  margin-right: 15px;
}

.videos .vodeo-c .video-list .list-content p a {
  display: block;
  font-size: 15px;
  color: #ddd;
  line-height: 25px;
}

.videos .vodeo-c .video-list .list-content p a:hover {
  color: #d32f2f;
}

/* ====================
10. Other News
==================== */
.oth-news {
  padding-bottom: 30px;
}

.oth-news .trending-top h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  position: relative;
}

.oth-news .trending-top h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 172px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.oth-news .trending-content {
  position: relative;
  margin-bottom: 25px;
}

.oth-news .trending-content .trending-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 18px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.02)), color-stop(25%, rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
}

.oth-news .trending-content .trending-layer p {
  margin-bottom: 10px;
}

.oth-news .trending-content .trending-layer p a {
  font-size: 15px;
  color: #fff;
  line-height: 23px;
  font-weight: 300;
}

.oth-news .trending-content .trending-layer p a:hover {
  text-decoration: none;
}

.oth-news .trending-content .trending-layer ul li {
  font-size: 13px;
  color: #fff;
  font-weight: 300;
}

.oth-news .trending-content .trending-layer ul li:nth-child(1) {
  background: #d32f2f;
  padding: 3px 12px;
  font-weight: 500;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin-right: 15px;
}

.oth-news .trending-s .trending-s-content {
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px;
  margin-bottom: 15px;
  height:100px;
}

.oth-news .trending-s .trending-s-content .trending-img a img {
  float: left;
  margin-right: 15px;
}

.oth-news .trending-s .trending-s-content .img-content p a {
  font-size: 15px;
  color: #555;
  display: block;
  font-weight: 500;
  margin-bottom: 6px;
}

.oth-news .trending-s .trending-s-content .img-content p a:hover {
  color: #d32f2f;
}

.oth-news .trending-s .trending-s-content .img-content span {
  font-size: 13px;
  color: #777;
  font-weight: 300;
}

.oth-news .more-top h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-top: 45px;
  margin-bottom: 35px;
  position: relative;
}

.oth-news .more-top h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 127px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.oth-news .more-content {
  margin-bottom: 40px;
}

.oth-news .more-content .more-img a img {
  float: left;
  margin-right: 20px;
}

.oth-news .more-content .img-content h6 a {
  display: block;
  font-size: 16px;
  color: #555;
  line-height: 22px;
  margin-bottom: 8px;
}

.oth-news .more-content .img-content h6 a:hover {
  color: #d32f2f;
}

.oth-news .more-content .img-content ul {
  margin-bottom: 10px;
}

.oth-news .more-content .img-content ul li {
  font-size: 13px;
  color: #777;
  font-weight: 300;
}

.oth-news .more-content .img-content ul li:nth-child(1) {
  color: #fff;
  background: #d32f2f;
  padding: 3px 10px;
  font-weight: 500;
  border-radius: 2px;
  margin-right: 15px;
}

.oth-news .more-content .img-content p {
  font-size: 14px;
  color: #222;
  line-height: 23px;
  font-weight: 300;
}

.oth-news .login-widget {
  margin-bottom: 40px;
}

.oth-news .login-widget h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  position: relative;
}

.oth-news .login-widget h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 68px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.oth-news .login-widget form input[type="text"],
.oth-news .login-widget form input[type="password"] {
  width: 100%;
  height: 45px;
  padding: 15px;
  margin-bottom: 15px;
  color: #555;
  border: 2px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.oth-news .login-widget form input[type="text"]:focus,
.oth-news .login-widget form input[type="password"]:focus {
  outline: none;
  border-color: #d32f2f;
}

.oth-news .login-widget form label {
  font-size: 14px;
  color: #777;
  font-weight: 500;
  display: block;
  cursor: pointer;
  margin: 5px 0 15px;
}

.oth-news .login-widget form label input {
  margin-right: 5px;
}

.oth-news .login-widget form button {
  font-size: 15px;
  color: #fff;
  background: #d32f2f;
  border: 1px solid #d32f2f;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 8px 38px;
  font-weight: 500;
}

.oth-news .login-widget form button:hover {
  background: #222;
  border-color: #222;
}

.oth-news .tag-widget {
  margin-bottom: 40px;
}

.oth-news .tag-widget h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  position: relative;
}

.oth-news .tag-widget h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 92px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.oth-news .tag-widget ul li a {
  font-size: 13px;
  color: #d32f2f;
  display: block;
  padding: 5px 10px;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 10px;
}

.oth-news .tag-widget ul li a:hover {
  background: #d32f2f;
  color: #fff;
  border-color: #d32f2f;
}

.oth-news .add-widget {
  margin-bottom: 50px;
}

.oth-news .newsletter-widget {
  position: relative;
}

.oth-news .newsletter-widget .widget-layer {
  position: absolute;
  top: 0;
  left: 0;
  padding: 35px;
}

.oth-news .newsletter-widget .widget-layer p {
  font-size: 16px;
  color: #555;
  font-weight: 500;
  margin-bottom: 10px;
}

.oth-news .newsletter-widget .widget-layer p strong {
  color: #d32f2f;
}

.oth-news .newsletter-widget .widget-layer h4 {
  font-size: 24px;
  color: #222;
  font-weight: 600;
  margin-bottom: 20px;
}

.oth-news .newsletter-widget .widget-layer span {
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
}

.oth-news .newsletter-widget .widget-layer ul li a i {
  font-size: 30px;
  color: #fff;
  background: #222;
  width: 135px;
  height: 55px;
  padding: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 10px;
  text-align: center;
}

.oth-news .newsletter-widget .widget-layer ul li a i:hover {
  color: #d32f2f;
}

/* ====================
11. Footer
==================== */
footer .footer-c {
  background: #222;
  padding: 40px 40px 50px;
}

footer .footer-c .footer-about h4 {
  font-size: 22px;
  color: #fff;
  padding-bottom: 8px;
  border-bottom: 1px solid #555;
  margin-bottom: 28px;
  position: relative;
}

footer .footer-c .footer-about h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 72px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

footer .footer-c .footer-about p {
  font-size: 14px;
  color: #777;
  line-height: 28px;
  margin-bottom: 25px;
}

footer .footer-c .footer-about ul li a {
  font-size: 14px;
  background: #ddd;
  display: block;
  width: 25px;
  height: 25px;
  color: #555;
  text-align: center;
  padding: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

footer .footer-c .footer-about ul li a:hover {
  background: #d32f2f;
  color: #fff;
}

footer .footer-c .footer-link h4 {
  font-size: 22px;
  color: #fff;
  padding-bottom: 8px;
  border-bottom: 1px solid #555;
  margin-bottom: 28px;
  position: relative;
}

footer .footer-c .footer-link h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 125px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

footer .footer-c .footer-link ul li a {
  font-size: 15px;
  color: #777;
  display: inline-block;
  margin-bottom: 12px;
}

footer .footer-c .footer-link ul li a i {
  color: #555;
  margin-right: 10px;
}

footer .footer-c .footer-link ul li a:hover {
  color: #d32f2f;
}

footer .footer-c .footer-twitter h4 {
  font-size: 22px;
  color: #fff;
  padding-bottom: 8px;
  border-bottom: 1px solid #555;
  margin-bottom: 28px;
  position: relative;
}

footer .footer-c .footer-twitter h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 92px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

footer .footer-c .footer-twitter ul li {
  font-size: 14px;
  color: #777;
  line-height: 26px;
  margin-bottom: 18px;
}

footer .footer-c .footer-twitter ul li i {
  font-size: 36px;
  color: #777;
  display: inline-block;
  margin-right: 15px;
  float: left;
  height: 65px;
}

footer .footer-c .footer-twitter ul li a {
  color: #555;
}

footer .footer-c .footer-twitter ul li a:hover {
  color: #d32f2f;
  text-decoration: none;
}

footer .footer-c .copyright-text p, footer .footer-c .designer-text p {
  font-size: 14px;
  color: #777;
  margin-top: 45px;
  
}

footer .footer-c .copyright-text p i, footer .footer-c .designer-text p i {
  color: #d32f2f;
  margin: 0 2px;
}

footer .footer-c .copyright-text p a, footer .footer-c .designer-text p a {
  color: #d32f2f;
}

footer .footer-c .copyright-text p a:hover, footer .footer-c .designer-text p a:hover {
  text-decoration: none;
}

footer .footer-c .back-to-top i {
  font-size: 30px;
  color: #fff;
  background-color: #222;
  position: fixed;
  width: 45px;
  height: 45px;
  padding: 7px;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  bottom: 70px;
  right: 40px;
  display: none;
  z-index: 1;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}

footer .footer-c .back-to-top i:hover {
  background: #d32f2f;
}

/* ====================
12. Page Heading
==================== */
.p-heading {
  margin-bottom: 60px;
}

.p-heading .page-bg {
  background-image: url(../images/pages-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 80px 0;
  position: relative;
}

.p-heading .page-bg:before {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.85);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.p-heading .page-bg .p-content {
  border: 4px solid #d32f2f;
  width: 300px;
  margin: auto;
  padding: 40px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}

.p-heading .page-bg .p-content h4 {
  font-size: 36px;
  color: #222;
  font-weight: 600;
}

.p-heading .page-bg .p-content ul {
  position: absolute;
  bottom: -15px;
  left: 20%;
  width: 75%;
  margin-left: -21px;
  background: #fff;
  padding: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.176);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.176);
}

.p-heading .page-bg .p-content ul li {
  font-size: 13px;
  color: #777;
  font-weight: 500;
}

.p-heading .page-bg .p-content ul li i {
  margin-right: 6px;
}

.p-heading .page-bg .p-content ul li a {
  color: #555;
}

.p-heading .page-bg .p-content ul li a:hover {
  color: #d32f2f;
}

/* ====================
13. About Area
==================== */
.about .about-slider {
  position: relative;
}

.about .about-slider .owl-prev i {
  font-size: 24px;
  color: #fff;
  background: #d32f2f;
  width: 30px;
  height: 32px;
  text-align: center;
  padding: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  z-index: 999;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.about .about-slider .owl-next i {
  font-size: 24px;
  color: #fff;
  background: #d32f2f;
  width: 30px;
  height: 32px;
  text-align: center;
  padding: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -15px;
  z-index: 999;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.about .about-slider:hover .owl-prev i {
  opacity: 1;
  visibility: visible;
  left: 12px;
}

.about .about-slider:hover .owl-next i {
  opacity: 1;
  visibility: visible;
  right: 12px;
}

.about .img-content h4 {
  font-size: 24px;
  color: #222;
  line-height: 32px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.about .img-content p {
  font-size: 15px;
  color: #555;
  line-height: 27px;
}

.about .about-box {
  margin: 90px 0 80px;
}

.about .about-box i {
  font-size: 24px;
  color: #d32f2f;
  border: 2px solid #d32f2f;
  width: 52px;
  height: 52px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 12px;
  margin-bottom: 25px;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}

.about .about-box h6 {
  font-size: 16px;
  color: #222;
  margin-bottom: 13px;
  text-transform: uppercase;
}

.about .about-box p {
  font-size: 15px;
  line-height: 23px;
}

.about .about-box:hover i {
  background: #d32f2f;
  color: #fff;
}

.about .why-us h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 28px;
  position: relative;
}

.about .why-us h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 171px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.about .why-us p {
  font-size: 15px;
  line-height: 27px;
  margin-bottom: 15px;
}

.about .why-us ul li {
  font-size: 14px;
  color: #777;
  margin-bottom: 10px;
}

.about .why-us ul li i {
  color: #d32f2f;
  margin-right: 8px;
}

.about .testimonial h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 38px;
  position: relative;
}

.about .testimonial h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 227px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.about .testimonial .testimonial-slider {
  position: relative;
}

.about .testimonial .testimonial-slider img {
  max-width: 100px;
  border: 3px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin: auto;
  margin-bottom: 18px;
}

.about .testimonial .testimonial-slider h6 {
  font-size: 17px;
  margin-bottom: 15px;
}

.about .testimonial .testimonial-slider p {
  font-size: 15px;
  color: #777;
  line-height: 25px;
  max-width: 500px;
  margin: auto;
  font-weight: 300;
}

.about .testimonial .testimonial-slider .owl-dots {
  position: absolute;
  bottom: -35px;
  left: 50%;
  margin-left: -15px;
}

.about .testimonial .testimonial-slider .owl-dots .owl-dot {
  width: 7px;
  height: 9px;
  background: #eee;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin: 3px;
}

.about .testimonial .testimonial-slider .owl-dots .active {
  background: #d32f2f;
}

.about .team {
  margin-top: 55px;
}

.about .team h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 55px;
  position: relative;
}

.about .team h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 265px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.about .team-member {
  position: relative;
  overflow: hidden;
  margin-bottom: 75px;
}

.about .team-member .team-layer {
  position: absolute;
  bottom: -45px;
  left: 0;
  background: rgba(226, 69, 69, 0.95);
  width: 100%;
  padding: 20px 0;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.about .team-member .team-layer h6 {
  font-size: 15px;
  color: #fff;
  margin-bottom: 8px;
}

.about .team-member .team-layer p {
  font-size: 13px;
  color: #ddd;
  margin-bottom: 12px;
}

.about .team-member .team-layer ul li a i {
  font-size: 12px;
  color: #d32f2f;
  background: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  padding: 7px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.about .team-member .team-layer ul li a i:hover {
  color: #fff;
  background: #222;
}

.about .team-member:hover .team-layer {
  bottom: 0;
}

/* ====================
14. Catagory
==================== */
.catagory .catagory-content {
  margin-bottom: 40px;
}

.catagory .catagory-content .cat-img a img {
  float: left;
  margin-right: 20px;
}

.catagory .catagory-content .img-content h6 a {
  display: block;
  font-size: 16px;
  color: #555;
  line-height: 22px;
  margin-bottom: 8px;
}

.catagory .catagory-content .img-content h6 a:hover {
  color: #d32f2f;
}

.catagory .catagory-content .img-content ul {
  margin-bottom: 10px;
}

.catagory .catagory-content .img-content ul li {
  font-size: 13px;
  color: #777;
  font-weight: 300;
}

.catagory .catagory-content .img-content ul li:nth-child(1) {
  color: #fff;
  background: #d32f2f;
  padding: 3px 10px;
  font-weight: 500;
  border-radius: 2px;
  margin-right: 15px;
}

.catagory .catagory-content .img-content p {
  font-size: 14px;
  color: #222;
  line-height: 23px;
  font-weight: 300;
}

.catagory .pagi ul {
  margin: 65px 0;
}

.catagory .pagi ul li a {
  font-size: 14px;
  color: #555;
  border: 1px solid #ddd;
  display: block;
  width: 32px;
  height: 32px;
  text-align: center;
  font-weight: 500;
  padding: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.catagory .pagi ul li a:hover {
  border-color: #d32f2f;
  color: #d32f2f;
}

.catagory .pagi ul li.active a {
  background: #d32f2f;
  color: #fff;
  border-color: #d32f2f;
}

.catagory .pagi2 ul {
  margin-top: 10px;
}

.catagory .follow-widget {
  margin-bottom: 35px;
}

.catagory .follow-widget h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  position: relative;
}

.catagory .follow-widget h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 118px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.catagory .follow-widget ul li {
  float: left;
  width: 31.8%;
  margin-bottom: 8px;
  margin-right: 8px;
}

.catagory .follow-widget ul li a {
  padding: 23px 0;
  text-align: center;
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.catagory .follow-widget ul li a i {
  font-size: 22px;
  color: #fff;
  margin-bottom: 12px;
}

.catagory .follow-widget ul li a p {
  font-size: 13px;
  color: #fff;
  font-weight: 300;
}

.catagory .follow-widget ul li a p span {
  display: block;
  font-size: 16px;
  font-weight: 500;
}

.catagory .follow-widget ul li:nth-child(1) a {
  background: #4c66a3;
}

.catagory .follow-widget ul li:nth-child(2) a {
  background: #2fc2ee;
}

.catagory .follow-widget ul li:nth-child(3) {
  margin-right: 0;
}

.catagory .follow-widget ul li:nth-child(3) a {
  background: #ff680d;
}

.catagory .follow-widget ul li:nth-child(4) a {
  background: #0e76a8;
}

.catagory .follow-widget ul li:nth-child(5) a {
  background: #cf3e28;
}

.catagory .follow-widget ul li:nth-child(6) {
  margin-right: 0;
}

.catagory .follow-widget ul li:nth-child(6) a {
  background: #e42c27;
}

.catagory .add-widget a img {
  margin-bottom: 40px;
}

.catagory .tab-widget {
  margin-bottom: 40px;
}

.catagory .tab-widget ul.nav {
  border-bottom: none;
  margin-bottom: 25px;
}

.catagory .tab-widget ul.nav li {
  width: 33.3%;
}

.catagory .tab-widget ul.nav li a {
  font-size: 15px;
  color: #222;
  font-weight: 500;
  background: #ddd;
  text-align: center;
  padding: 10px 0;
  border: 2px solid #ddd;
  border-bottom: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.catagory .tab-widget ul.nav li a:hover {
  border-color: #ddd #ddd transparent;
}

.catagory .tab-widget ul.nav li a.active {
  background: transparent;
  color: #d32f2f;
}

.catagory .tab-widget .tab-content .tab-pane .m-view-content {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  padding-bottom: 25px;
}

.catagory .tab-widget .tab-content .tab-pane .m-view-content .m-view-img a img {
  float: left;
  margin-right: 15px;
}

.catagory .tab-widget .tab-content .tab-pane .m-view-content .img-content p a {
  font-size: 15px;
  color: #555;
  display: block;
  margin-bottom: 6px;
}

.catagory .tab-widget .tab-content .tab-pane .m-view-content .img-content p a:hover {
  color: #d32f2f;
}

.catagory .tab-widget .tab-content .tab-pane .m-view-content .img-content ul li {
  width: auto;
  margin-right: 2px;
}

.catagory .tab-widget .tab-content .tab-pane .m-view-content .img-content ul li i {
  font-size: 13px;
  color: #FFA726;
}

.catagory .tab-widget .tab-content .tab-pane .comment-content {
  padding-bottom: 25px;
  margin-bottom: 18px;
}

.catagory .tab-widget .tab-content .tab-pane .comment-content .comment-img a i {
  font-size: 42px;
  color: #fff;
  background: #777;
  width: 70px;
  height: 70px;
  text-align: center;
  padding: 13px;
  float: left;
  margin-right: 15px;
}

.catagory .tab-widget .tab-content .tab-pane .comment-content .img-content p a {
  font-size: 15px;
  color: #555;
}

.catagory .tab-widget .tab-content .tab-pane .comment-content .img-content p a span {
  font-weight: 500;
}

.catagory .tab-widget .tab-content .tab-pane .comment-content .img-content p a :hover {
  color: #d32f2f;
}

.catagory .tab-widget .tab-content .tab-pane .catagory-content ul li a {
  font-size: 14px;
  color: #555;
  display: block;
  margin-bottom: 18px;
  font-weight: 500;
}

.catagory .tab-widget .tab-content .tab-pane .catagory-content ul li a span {
  color: #777;
  float: right;
}

.catagory .tab-widget .tab-content .tab-pane .catagory-content ul li a:hover {
  color: #d32f2f;
}

.catagory .login-widget {
  margin-bottom: 40px;
}

.catagory .login-widget h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  position: relative;
}

.catagory .login-widget h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 68px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.catagory .login-widget form input[type="text"],
.catagory .login-widget form input[type="password"] {
  width: 100%;
  height: 45px;
  padding: 15px;
  margin-bottom: 15px;
  color: #555;
  border: 2px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.catagory .login-widget form input[type="text"]:focus,
.catagory .login-widget form input[type="password"]:focus {
  outline: none;
  border-color: #d32f2f;
}

.catagory .login-widget form label {
  font-size: 14px;
  color: #777;
  font-weight: 500;
  display: block;
  cursor: pointer;
  margin: 5px 0 15px;
}

.catagory .login-widget form label input {
  margin-right: 5px;
}

.catagory .login-widget form button {
  font-size: 15px;
  color: #fff;
  background: #d32f2f;
  border: 1px solid #d32f2f;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 8px 38px;
  font-weight: 500;
}

.catagory .login-widget form button:hover {
  background: #222;
  border-color: #222;
}

.catagory .catagory-two {
  margin-bottom: 30px;
}

.catagory .catagory-two img {
  margin-bottom: 20px;
}

.catagory .catagory-two h6 a {
  display: block;
  font-size: 17px;
  color: #555;
  line-height: 23px;
  margin-bottom: 10px;
  font-weight: 500;
}

.catagory .catagory-two h6 a:hover {
  color: #d32f2f;
}

.catagory .catagory-two ul {
  margin-bottom: 10px;
}

.catagory .catagory-two ul li {
  font-size: 13px;
  color: #777;
  font-weight: 300;
}

.catagory .catagory-two ul li:nth-child(1) {
  color: #fff;
  background: #d32f2f;
  padding: 3px 10px;
  font-weight: 500;
  border-radius: 2px;
  margin-right: 15px;
}

.catagory .catagory-two p {
  font-size: 14px;
  color: #222;
  line-height: 23px;
  font-weight: 300;
}

/* ====================
15. News Details
==================== */
.news-details .news-heading h4 {
  font-size: 24px;
  color: #222;
  line-height: 32px;
  margin-bottom: 10px;
}

.news-details .news-heading ul {
  margin-bottom: 15px;
}

.news-details .news-heading ul li {
  font-size: 14px;
  color: #555;
  margin-right: 20px;
}

.news-details .news-heading ul li i {
  font-size: 16px;
  color: #555;
  margin-right: 5px;
}

.news-details .news-heading ul li a {
  color: #555;
}

.news-details .news-heading ul li a:hover {
  color: #d32f2f;
}

.news-details .news-heading img {
  margin-bottom: 20px;
}

.news-details .news-heading p {
  font-size: 15px;
  color: #555;
  line-height: 30px;
  margin-bottom: 25px;
}

.news-details .news-dsn {
  background: #f5f5f5;
  padding: 38px 40px;
  margin-bottom: 35px;
  border-left: 3px solid #d32f2f;
}

.news-details .news-dsn i {
  float: left;
  font-size: 30px;
  color: #d32f2f;
  margin-right: 10px;
}

.news-details .news-dsn p {
  font-size: 15px;
  color: #777;
  line-height: 30px;
  font-style: italic;
  margin-bottom: 10px;
}

.news-details .news-dsn h6 {
  font-size: 14px;
  color: #222;
  padding-left: 40px;
  position: relative;
}

.news-details .news-dsn h6:before {
  position: absolute;
  content: '';
  background: #bbb;
  width: 30px;
  height: 2px;
  top: 6px;
  left: 0;
}

.news-details .news-box-img img {
  margin-bottom: 5px;
}

.news-details .news-box-txt p {
  font-size: 15px;
  color: #555;
  line-height: 30px;
  margin-top: -8px;
}

.news-details .news-btm-txt p {
  font-size: 15px;
  color: #555;
  line-height: 30px;
  margin-bottom: 35px;
}

.news-details .social-share ul li a {
  display: block;
  font-size: 13px;
  color: #fff;
  padding: 8px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.news-details .social-share ul li a:hover {
  background: #222 !important;
  color: #d32f2f;
}

.news-details .social-share ul li:nth-child(1) a {
  background: #4c66a3;
}

.news-details .social-share ul li:nth-child(2) a {
  background: #2fc2ee;
}

.news-details .social-share ul li:nth-child(3) a {
  background: #cf3e28;
}

.news-details .social-share ul li:nth-child(4) a {
  background: #c8232c;
}

.news-details .news-tag ul {
  margin-top: 7px;
}

.news-details .news-tag ul li {
  font-size: 15px;
  color: #222;
  font-weight: 500;
}

.news-details .news-tag ul li a {
  display: block;
  font-size: 14px;
  color: #777;
  font-weight: 400;
}

.news-details .news-tag ul li a:hover {
  color: #d32f2f;
}

.news-details .news-author {
  margin: 45px 0;
  padding: 30px;
  border: 2px solid #ddd;
}

.news-details .news-author img {
  float: left;
  margin-right: 20px;
}

.news-details .news-author h6 {
  font-size: 14px;
  color: #777;
  margin-top: 5px;
  margin-bottom: 15px;
}

.news-details .news-author h6 span {
  color: #222;
  margin-left: 5px;
  font-weight: 600;
}

.news-details .news-author p {
  font-size: 14px;
  color: #555;
  line-height: 25px;
  font-weight: 300;
  margin-bottom: 15px;
}

.news-details .news-author ul li a i {
  font-size: 14px;
  color: #aaa;
  display: block;
  margin-right: 5px;
}

.news-details .news-author ul li a i:hover {
  color: #d32f2f;
}

.news-details .news-comment {
  margin-bottom: 50px;
}

.news-details .news-comment h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  position: relative;
}

.news-details .news-comment h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 167px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.news-details .news-comment h4 span {
  color: #777;
}

.news-details .news-comment .comment-box {
  margin-bottom: 45px;
}

.news-details .news-comment .comment-box .comment-img img {
  max-width: 100px;
  margin-right: 30px;
}

.news-details .news-comment .comment-box .img-content h6 {
  font-size: 14px;
  color: #777;
  margin: 5px 0 10px;
  font-weight: 400;
}

.news-details .news-comment .comment-box .img-content h6 a {
  font-size: 15px;
  color: #222;
  margin-right: 15px;
  font-weight: 500;
}

.news-details .news-comment .comment-box .img-content h6 a:hover {
  color: #d32f2f;
}

.news-details .news-comment .comment-box .img-content p {
  font-size: 14px;
  color: #222;
  line-height: 25px;
  margin-bottom: 15px;
}

.news-details .news-comment .comment-box .img-content span a {
  font-size: 12px;
  color: #d32f2f;
  border: 1px solid #ddd;
  padding: 4px 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  font-weight: 500;
}

.news-details .news-comment .comment-box .img-content span a:hover {
  color: #fff;
  background: #d32f2f;
  border-color: #d32f2f;
}

.news-details .news-comment .comment-box2 {
  margin-left: 55px;
}

.news-details .comment-reply {
  margin-bottom: 50px;
}

.news-details .comment-reply h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  position: relative;
}

.news-details .comment-reply h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 199px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.news-details .comment-reply form input {
  width: 100%;
  height: 45px;
  border: 2px solid #ddd;
  padding: 15px;
  font-size: 13px;
  font-weight: 500;
  color: #222;
  margin-bottom: 30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.news-details .comment-reply form input:focus {
  outline: none;
  border-color: #d32f2f;
}

.news-details .comment-reply form textarea {
  width: 100%;
  height: 200px;
  border: 2px solid #ddd;
  padding: 15px;
  font-size: 13px;
  font-weight: 500;
  color: #222;
  margin-bottom: 30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.news-details .comment-reply form textarea:focus {
  outline: none;
  border-color: #d32f2f;
}

.news-details .comment-reply form button {
  font-size: 14px;
  color: #fff;
  background: #d32f2f;
  border: none;
  padding: 10px 40px;
  font-weight: 500;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.news-details .comment-reply form button:hover {
  background: #222;
}

.news-details .relate-news {
  margin-bottom: 65px;
}

.news-details .relate-news h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  position: relative;
}

.news-details .relate-news h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 158px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.news-details .relate-news .relate-slider {
  position: relative;
}

.news-details .relate-news .relate-slider .slider-content {
  position: relative;
}

.news-details .relate-news .relate-slider .slider-content .slider-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 18px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.02)), color-stop(25%, rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);
}

.news-details .relate-news .relate-slider .slider-content .slider-layer p {
  margin-bottom: 10px;
}

.news-details .relate-news .relate-slider .slider-content .slider-layer p a {
  font-size: 18px;
  font-family: kalpurush;
  color: #fff;
  line-height: 23px;
  font-weight: 300;
}

.news-details .relate-news .relate-slider .slider-content .slider-layer p a:hover {
  text-decoration: none;
}

.news-details .relate-news .relate-slider .slider-content .slider-layer ul li {
  font-size: 13px;
  color: #fff;
  font-weight: 300;
}

.news-details .relate-news .relate-slider .slider-content .slider-layer ul li:nth-child(1) {
  background: #d32f2f;
  padding: 3px 12px;
  font-weight: 500;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin-right: 15px;
}

.news-details .relate-news .owl-dots {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -63px;
  margin-right: -3px;
}

.news-details .relate-news .owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  background: #777;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin: 3px;
}

.news-details .relate-news .owl-dots .active {
  background: #d32f2f;
}

.news-details .follow-widget {
  margin-top: 5px;
  margin-bottom: 35px;
}

.news-details .follow-widget h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  position: relative;
}

.news-details .follow-widget h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 118px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.news-details .follow-widget ul li {
  float: left;
  width: 31.8%;
  margin-bottom: 8px;
  margin-right: 8px;
}

.news-details .follow-widget ul li a {
  padding: 23px 0;
  text-align: center;
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.news-details .follow-widget ul li a i {
  font-size: 22px;
  color: #fff;
  margin-bottom: 12px;
}

.news-details .follow-widget ul li a p {
  font-size: 13px;
  color: #fff;
  font-weight: 300;
}

.news-details .follow-widget ul li a p span {
  display: block;
  font-size: 16px;
  font-weight: 500;
}

.news-details .follow-widget ul li:nth-child(1) a {
  background: #4c66a3;
}

.news-details .follow-widget ul li:nth-child(2) a {
  background: #2fc2ee;
}

.news-details .follow-widget ul li:nth-child(3) {
  margin-right: 0;
}

.news-details .follow-widget ul li:nth-child(3) a {
  background: #ff680d;
}

.news-details .follow-widget ul li:nth-child(4) a {
  background: #0e76a8;
}

.news-details .follow-widget ul li:nth-child(5) a {
  background: #cf3e28;
}

.news-details .follow-widget ul li:nth-child(6) {
  margin-right: 0;
}

.news-details .follow-widget ul li:nth-child(6) a {
  background: #e42c27;
}

.news-details .add-widget a img {
  margin-bottom: 40px;
}

.news-details .tab-widget {
  margin-bottom: 40px;
}

.news-details .tab-widget ul.nav {
  border-bottom: none;
  margin-bottom: 25px;
}

.news-details .tab-widget ul.nav li {
  width: 33.3%;
}

.news-details .tab-widget ul.nav li a {
  font-size: 15px;
  color: #222;
  font-weight: 500;
  background: #ddd;
  text-align: center;
  padding: 10px 0;
  border: 2px solid #ddd;
  border-bottom: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.news-details .tab-widget ul.nav li a:hover {
  border-color: #ddd #ddd transparent;
}

.news-details .tab-widget ul.nav li a.active {
  background: transparent;
  color: #d32f2f;
}

.news-details .tab-widget .tab-content .tab-pane .m-view-content {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  padding-bottom: 25px;
}

.news-details .tab-widget .tab-content .tab-pane .m-view-content .m-view-img a img {
  float: left;
  margin-right: 15px;
}

.news-details .tab-widget .tab-content .tab-pane .m-view-content .img-content p a {
  font-size: 15px;
  color: #555;
  display: block;
  margin-bottom: 6px;
}

.news-details .tab-widget .tab-content .tab-pane .m-view-content .img-content p a:hover {
  color: #d32f2f;
}

.news-details .tab-widget .tab-content .tab-pane .m-view-content .img-content ul li {
  width: auto;
  margin-right: 2px;
}

.news-details .tab-widget .tab-content .tab-pane .m-view-content .img-content ul li i {
  font-size: 13px;
  color: #FFA726;
}

.news-details .tab-widget .tab-content .tab-pane .comment-content {
  padding-bottom: 25px;
  margin-bottom: 18px;
}

.news-details .tab-widget .tab-content .tab-pane .comment-content .comment-img a i {
  font-size: 42px;
  color: #fff;
  background: #777;
  width: 70px;
  height: 70px;
  text-align: center;
  padding: 13px;
  float: left;
  margin-right: 15px;
}

.news-details .tab-widget .tab-content .tab-pane .comment-content .img-content p a {
  font-size: 15px;
  color: #555;
}

.news-details .tab-widget .tab-content .tab-pane .comment-content .img-content p a span {
  font-weight: 500;
}

.news-details .tab-widget .tab-content .tab-pane .comment-content .img-content p a :hover {
  color: #d32f2f;
}

.news-details .tab-widget .tab-content .tab-pane .catagory-content ul li a {
  font-size: 14px;
  color: #555;
  display: block;
  margin-bottom: 18px;
  font-weight: 500;
}

.news-details .tab-widget .tab-content .tab-pane .catagory-content ul li a span {
  color: #777;
  float: right;
}

.news-details .tab-widget .tab-content .tab-pane .catagory-content ul li a:hover {
  color: #d32f2f;
}

.news-details .login-widget {
  margin-bottom: 40px;
}

.news-details .login-widget h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  position: relative;
}

.news-details .login-widget h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 68px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.news-details .login-widget form input[type="text"],
.news-details .login-widget form input[type="password"] {
  width: 100%;
  height: 45px;
  padding: 15px;
  margin-bottom: 15px;
  color: #555;
  border: 2px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.news-details .login-widget form input[type="text"]:focus,
.news-details .login-widget form input[type="password"]:focus {
  outline: none;
  border-color: #d32f2f;
}

.news-details .login-widget form label {
  font-size: 14px;
  color: #777;
  font-weight: 500;
  display: block;
  cursor: pointer;
  margin: 5px 0 15px;
}

.news-details .login-widget form label input {
  margin-right: 5px;
}

.news-details .login-widget form button {
  font-size: 15px;
  color: #fff;
  background: #d32f2f;
  border: 1px solid #d32f2f;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 8px 38px;
  font-weight: 500;
}

.news-details .login-widget form button:hover {
  background: #222;
  border-color: #222;
}

.news-details .tag-widget {
  margin-bottom: 40px;
}

.news-details .tag-widget h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  position: relative;
}

.news-details .tag-widget h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 92px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.news-details .tag-widget ul li a {
  font-size: 13px;
  color: #d32f2f;
  display: block;
  padding: 5px 10px;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 10px;
}

.news-details .tag-widget ul li a:hover {
  background: #d32f2f;
  color: #fff;
  border-color: #d32f2f;
}

.news-details .newsletter-widget {
  position: relative;
  margin-bottom: 50px;
}



.newsletter-widget h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  position: relative;
}
.newsletter-widget h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 92px;
  height: 2px;
  bottom: -1px;
  left: 0;
}


.news-details .newsletter-widget .widget-layer {
  position: absolute;
  top: 0;
  left: 0;
  padding: 35px;
}

.news-details .newsletter-widget .widget-layer p {
  font-size: 16px;
  color: #555;
  font-weight: 500;
  margin-bottom: 10px;
}

.news-details .newsletter-widget .widget-layer p strong {
  color: #d32f2f;
}

.news-details .newsletter-widget .widget-layer h4 {
  font-size: 24px;
  color: #222;
  font-weight: 600;
  margin-bottom: 20px;
}

.news-details .newsletter-widget .widget-layer span {
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
}

.news-details .newsletter-widget .widget-layer ul li a i {
  font-size: 30px;
  color: #000000;
  background: #222;
  width: 135px;
  height: 55px;
  padding: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 10px;
  text-align: center;
}

.news-details .newsletter-widget .widget-layer ul li a i:hover {
  color: #d32f2f;
}

.news-details .add-widget a img {
  margin-bottom: 40px;
}

.news-details-two .follow-widget {
  margin-top: 0;
}

/* ====================
16. Faq Area
==================== */
.faq-area {
  padding-bottom: 60px;
}

.faq-area .accordion .card {
  border: 1px solid #ddd;
  border-radius: 0;
  margin-bottom: 10px;
}

.faq-area .accordion .card .card-header {
  padding: 0;
  margin-bottom: -1px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}

.faq-area .accordion .card .card-header a {
  font-size: 20px;
  color: #222;
  display: block;
  padding: 15px 25px;
  margin: 0;
  font-weight: 500;
}

.faq-area .accordion .card .card-body {
  padding: 15px 28px;
  background: #eee;
}

.faq-area .accordion .card .card-body p {
  font-size: 15px;
  color: #555;
  line-height: 28px;
}

/* ====================
17. Coming Soon
==================== */
.coming-soon {
  padding: 35px 0 100px;
}

.coming-soon .cs-content h1 {
  font-size: 42px;
  color: #222;
  width: 480px;
  margin: auto;
  padding-bottom: 15px;
  margin-bottom: 75px;
  position: relative;
  border-bottom: 1px solid #ddd;
}

.coming-soon .cs-content h1:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 200px;
  height: 2px;
  bottom: -1px;
  left: 35%;
  margin-left: -30px;
}

.coming-soon .cs-content .countdown-timer {
  margin-bottom: 65px;
}

.coming-soon .cs-content .countdown-timer #timer-wrapper .timer-body-block .table-cell {
  display: inline-block;
  margin: 20px;
  color: #fff;
  background: #d32f2f;
  width: 120px;
  padding: 18px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.coming-soon .cs-content .countdown-timer #timer-wrapper .timer-body-block .table-cell .tab-val {
  font-size: 42px;
}

.coming-soon .cs-content .countdown-timer #timer-wrapper .timer-body-block .table-cell .tab-unit {
  text-transform: uppercase;
  font-size: 14px;
  color: #eee;
  font-weight: 500;
}

.coming-soon .cs-content .news-subs h4 {
  font-size: 24px;
  color: #222;
  margin-bottom: 25px;
}

.coming-soon .cs-content .news-subs form {
  max-width: 400px;
  margin: auto;
  position: relative;
}

.coming-soon .cs-content .news-subs form input {
  width: 100%;
  height: 45px;
  border: 2px solid #ddd;
  padding: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.coming-soon .cs-content .news-subs form input:focus {
  outline: none;
  border-color: #d32f2f;
}

.coming-soon .cs-content .news-subs form button {
  font-size: 16px;
  color: #555;
  background: transparent;
  border: none;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  right: 0;
}

.coming-soon .cs-content .news-subs form button:hover {
  color: #d32f2f;
}

/* ====================
18. 404
==================== */
.error404 {
  padding: 70px 0 160px;
}

.error404 .err-content h1 {
  font-size: 220px;
  color: #222;
  margin-bottom: 15px;
  font-weight: 600;
}

.error404 .err-content h1 span {
  color: #d32f2f;
}

.error404 .err-content h4 {
  font-size: 28px;
  color: #222;
  margin-bottom: 25px;
}

.error404 .err-content p {
  font-size: 16px;
  color: #555;
  margin-bottom: 35px;
}

.error404 .err-content a {
  font-size: 14px;
  color: #fff;
  background: #d32f2f;
  padding: 12px 40px;
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.error404 .err-content a:hover {
  background: #222;
}

/* ====================
19. Contact
==================== */
.contact {
  padding: 40px 0 100px;
}

.contact #map {
  width: 100%;
  height: 400px;
  margin-bottom: 50px;
}

.contact .contact-form h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 40px;
  position: relative;
}

.contact .contact-form h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 145px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.contact .contact-form form p {
  margin-bottom: 30px;
}

.contact .contact-form form p input {
  width: 100%;
  height: 45px;
  border: 2px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 15px;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 8px;
}

.contact .contact-form form p input:focus {
  outline: none;
  border-color: #d32f2f;
}

.contact .contact-form form p textarea {
  width: 100%;
  height: 170px;
  border: 2px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 15px;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 3px;
}

.contact .contact-form form p textarea:focus {
  outline: none;
  border-color: #d32f2f;
}

.contact .contact-form form p label {
  font-size: 14px;
  color: #d32f2f;
  font-weight: 500;
  font-style: italic;
}

.contact .contact-form form button {
  font-size: 15px;
  color: #fff;
  background: #d32f2f;
  width: 100%;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 12px;
  font-weight: 500;
}

.contact .contact-form form button:hover {
  background: #222;
}

.contact .contact-form form #form-messages {
  font-size: 14px;
  color: #222;
  margin-top: 20px;
}

.contact .contact-info h4 {
  font-size: 22px;
  color: #222;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 40px;
  position: relative;
}

.contact .contact-info h4:before {
  position: absolute;
  content: '';
  background: #d32f2f;
  width: 249px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.contact .contact-info ul.con-info {
  margin-bottom: 40px;
}

.contact .contact-info ul.con-info li {
  font-size: 14px;
  color: #555;
  margin-bottom: 15px;
  font-weight: 400;
}

.contact .contact-info ul.con-info li span {
  color: #222;
  float: left;
  width: 140px;
  height: 35px;
  font-weight: 500;
}

.contact .contact-info ul.social li a {
  font-size: 19px;
  color: #fff;
  display: block;
  width: 45px;
  height: 45px;
  text-align: center;
  padding: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.contact .contact-info ul.social li a:hover {
  background: #222 !important;
}

.contact .contact-info ul.social li:nth-child(1) a {
  background: #4c66a3;
}

.contact .contact-info ul.social li:nth-child(2) a {
  background: #2fc2ee;
}

.contact .contact-info ul.social li:nth-child(3) a {
  background: #0e76a8;
}

.contact .contact-info ul.social li:nth-child(4) a {
  background: #cf3e28;
}

.contact .contact-info ul.social li:nth-child(5) a {
  background: #ff680d;
}

.contact .contact-info ul.social li:nth-child(6) a {
  background: #e42c27;
}

/* ====================
20. Helper Classes
==================== */
.hidden {
  display: none !important;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

@font-face {
font-family: "kalpurush";
src: url("../fonts/kalpurush.ttf");

}



.mb20 { margin-bottom: 20px; margin-top: 20px;} 

hgroup { padding-left: 15px; border-bottom: 1px solid #ccc; }
hgroup h1 { font: 500 normal 1.625em Georgia,"Roboto","kalpurush", sans-serif; color: #2a3644; margin-top: 0; line-height: 1.15; }
hgroup h2.lead { font: normal normal 1.125em Georgia,"Roboto","kalpurush", sans-serif; color: #2a3644; margin: 0; padding-bottom: 10px; }

.search-result .thumbnail { border-radius: 0 !important; }
.search-result:first-child { margin-top: 0 !important; }
.search-result { margin-top: 20px; }
.search-result .col-md-2 { border-right: 1px dotted #ccc; min-height: 140px; }
.search-result ul { padding-left: 0 !important; list-style: none;  }
.search-result ul li { font: 400 normal .85em Georgia,"Roboto","kalpurush", sans-serif;  line-height: 30px; }
.search-result ul li i { padding-right: 5px; }
.search-result .col-md-7 { position: relative; }
.search-result h3 { font: 500 normal 1.375em Georgia,"Roboto","kalpurush", sans-serif; margin-top: 0 !important; margin-bottom: 10px !important; }
.search-result h3 > a, .search-result i { color: #248dc1 !important; }
.search-result p { font: normal normal 1.0em Georgia,"Roboto","kalpurush", sans-serif; } 
.search-result span.plus { position: absolute; right: 0; top: 126px; }
.search-result span.plus a { background-color: #248dc1; padding: 5px 5px 3px 5px; }
.search-result span.plus a:hover { background-color: #414141; }
.search-result span.plus a i { color: #fff !important; }
.search-result span.border { display: block; width: 97%; margin: 0 15px; border-bottom: 1px dotted #ccc; }



@media screen and (max-width: 575px) {
 .ft-wpbs .page-link {
 font-size: .7rem;
 padding: .3rem .45rem;
 }
}


.comment_gz{
    
   margin-top: 3%; 
    
}


.post_content
{
    
    margin-top: 5%;
    text-align: left !important;
    font-family: Georgia,"Roboto","kalpurush", sans-serif !important;
    font-size: 17px;
    
    
}

.post_content caption{
    
    font-weight: 700;
    font-size: 10px;
    
}

.post_content p{
    margin-top: 1%;
    margin-bottom: 1%;
    text-align: left;
}

.post_content img{
    
  max-width: 100%;
    height: auto;
    
}


.post_content blockquote {
  background: #ffffff;
  border-left: 5px solid #6d1601;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  color:BLACK !important;

}
.post_content blockquote:before {
  color: #000000;
  content: "\f10d";
  font-size: 1em;
  font-family: FontAwesome;
 margin-right:  1%;
}
.post_content blockquote p {
  display: inline;
}

.gzero-heading{
    
    margin-top: 4%;
}


.label {
 color: white;
    padding: 0.3%;
    border-radius: 3px;
}

.mylabel-danger {
    background-color: #f44336;

}

#main-nav { 
    height: 30px; /* set to the height you want your menu to be */ 
    margin: 0 0 10px; /* just to give some spacing */ }
#main-nav ul { margin: 0; padding: 1%; 
     /* only needed if you have not done a CSS reset */ }
#main-nav li { display: block; 
               float: left; 
               line-height: 15px; /* this should be the same as your #main-nav height */ 
     height: 30px; /* this should be the same as your #main-nav height */ 
     margin: 0; padding: 0; /* only needed if you don't have a reset */ 
     position: relative; /* this is needed in order to position sub menus */ } 
#main-nav li a { display: block; height: 30px; line-height: 30px; padding: 0 15px; }
#main-nav .current-menu-item a, #main-nav 
.current_page_item a, 
#main-nav a:hover 
{ color: #000; 
  background: #ccc;
}

#featured-img
{
  margin-top: 1%;  
    
}

/*-----------notun--------------------*/



#archive
{
  padding: 1% !important;  
    
    
}

#archive ul li
{
    list-style: none;
}

* {
  box-sizing: border-box;
}

/* Style the search field */
form.example input[type=text] {
  padding: 10px;
  font-size: 14px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #f1f1f1;
}

/* Style the submit button */
form.example button {
  float: right;
  width: 20%;
  padding: 10px;
  background: #d32f2f;
  color: white;
  font-size: 12px;
  cursor: pointer;
  border-radius: 3px;
  border: none;
}

form.example button:hover {
  background: #d32f2d;
}

/* Clear floats */
form.example::after {
  content: "";
  clear: both;
  display: table;
}