body{
   font-family: 'Quicksand', sans-serif;
}
p{
   font-size: 13px;
}
.top-navbar{
   background-color: #000;
   padding: 5px;
   color: #fff;
}

.logo-content{
   background-color: #fff;
   padding: 15px 0;
}
#navigation {
   background-color: #de0000;
   border-bottom: 6px solid #650000;
}


#navigation a{
   font-weight: normal!important;
   font-size: 14px;
   color: #fff;
}

#navigation ul.dropdown-menu a{
   color: #000;
}



.section-title{
    border-bottom: 2px solid #ebebeb;
    color: #000;
    font-size: 18px;
    padding-bottom: 4px;
    font-weight: bold;
}

.announcement{
  background-image: url(//images.weserv.nl/?url=https://nalluran.com/front/images/black.png);
  background-color: #000;
  color: #fff;
  padding: 10px;
}

.importants{
  background-image: url(//images.weserv.nl/?url=https://nalluran.com/front/images/red-bg.jpg);
  background-color: #000;
  color: #fff;
}

.importants .layer{
  padding: 10px;
  background-color:rgba(249, 0, 23, 0.27);
}

.importants h2 {
  line-height: 19px;
    font-size: 14px;
}

.scrolloff iframe   {
        pointer-events: none ;
    }

.fb-like {display:block; float:left; margin-right:10px;}
.g-plusone {display:block;  float:left;}


.importants ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.importants ul li{
  background-color: rgba(222, 0, 0, 0.48);;
  padding: 5px;
  margin-bottom: 5px;
}
.importants ul li:hover{
  box-shadow: 4px 2px 5px 0px #690a0f;
  transition: 350ms ease all;
  background-color: #690507;
}
.importants ul li a:hover{
 color: #ddd;
}

.importants ul li a{
 color: #fff;
}

.home-articles{
  background-color: #fff;
  padding: 15px;
  margin-bottom: 10px;
}

.home-articles .title{
  font-size: 21px;
  margin-bottom: 9px;
  font-weight: 700;
}
.home-articles .post{
 border-bottom: 1px solid #f2f3f5;
    padding: 0px 0 !important;
    margin-bottom: 17px;
   min-height: 220px;
}

.home-articles .post:hover{
  box-shadow: 2px 2px 2px #ddd;
}

.home-articles .post p{
 font-size: 12px;
}
.home-articles .post a{
 color: #000;
}


.home-articles .post img{
  width: 100%;
  margin:0 10px 2px 0;
  /*float: left;*/
  
}
.home-articles .post .post-title{
        font-size: 14px;
    padding-bottom: 8px;
}
.home-articles .post .post-detail{
     font-size: 11px;
    color: #b5b0b0;
}

.loader-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
    background-color: #fff;
}

.loader {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

li.active a {
    color: #de0000;
}

.post.medium-post img {
  /* height: 150px; */
}

.uscreen-popup {
  position: fixed;
  bottom: 0;
  width: 300px;
  z-index: 9999;
  display: none;
}

.uscreen-popup h2{
  font-size: 18px;
}


.uscreen-popup--container {
  padding: 30px 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  background-color: #dd0002;
}

.uscreen-popup--close {
  cursor: pointer;
  position: absolute;
  height: auto;
  width: auto;
  left: auto;
  right: 0;
  bottom: auto;
  top: 0;
  padding: 8px;
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  line-height: 16px;
  border: 1px none #fff;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(2, 2, 2, 0.23);
  box-shadow: 0 0 0 0 rgba(2, 2, 2, 0.23);
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.23);
  background-color: #000000;
}

.j-button{
 margin-top: 50px;
 margin-bottom: 26px;
}
a.join-community {
  padding: 10px 24px;
  background: #fff;
  border-radius: 50px;
  color: #000;
  font-size: 12px;
  font-weight: bold;
}