#slider{
	width:500px;
	top:166px;
	position:fixed;
	z-index: 1000;
}
   
#header{ 
	width:350px;
	height:396px;
	position:absolute; 
	right:-8px; 
	border:1px solid #d8d8d8;
	margin-left:40px;
	padding:20px 40px;
	border-radius:3px;
	box-shadow: 0 0 8px gray;
	background: #fff;
}


#sidebar{
	position:absolute;
	top:180px;
	left:110px;
	box-shadow: 0 0 8px gray;
}

#sidebar1{
	position:absolute;
	top:180px;
	left:127px;
	box-shadow: 0 0 8px gray;
}


h3{
	font-family: 'Roboto Slab', serif;
}

@media (min-width: 992px){
.mukhram {
    width: 20%;
}}

#dse{
    color: #fff;
    border: 1px solid;
    padding: 2px 10px;
}

#dse:hover {
    color: #fd5e00;
    border: 1px solid;
    padding: 2px 10px;
    background: #fefefe;
} 



.cbp-l-caption-text {
    font: 400 14px "Open Sans",sans-serif;
    color: #fff;
    letter-spacing: 3px;
    border: 1px solid;
    width: 72%;
    margin-left: 35px;
}

.cbp-l-caption-text:hover {
    font: 400 14px "Open Sans",sans-serif;
    color: #fff;
    letter-spacing: 3px;
    border: 1px solid;
    width: 72%;
    margin-left: 35px;
    background-color: #ff5e01;
}


.centerf {
    left: 38% !important;
}
@media (max-width: 480px){
.centerf { left:0 !important
    
}}



.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
      
    
    transition: all 0.4s ease-in-out;
    
}

.hovereffect .overlay {
    width: 90%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 15px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(255, 255, 255, 0.67);
}

.hovereffect img {
  display: block;
  position: relative;
}
.hovereffect h4 {
  font-size: 25px;     color: black;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

.hovereffect a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    background-color: #000000d6;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-weight: normal;
    /* padding: 62px 100px; */
    margin-top: 50%;
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.mmmm{    border: 1px solid;     height: 289px;}