*{margin:0; padding:0;}
    html{min-height:100%;}
     body{width:100%; float:left;font-size:16px;color:#f7e0a5;width:100%; height:100%;min-height:100%;background-color:#080a0c;background-image: url('https://www.rekhta.org/Content/Images/KhirmanBookLaunch-copy.jpg');background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;}
     a{color:#f7e0a5;}
    .khirmanWrapper {width: 100%;height:100%;float: left;text-align:center;}
    .khirmanWrap{width:100%;max-width:936px;margin:112px auto 0 auto;}
    .topContentKhirman{width:100%; float:left;}
    .topContentKhirman>h4{color:#f7e0a5;font-family: 'Cinzel Decorative', cursive;font-size:24px;margin:17px 0 21px 0;font-style:normal;font-weight:normal;letter-spacing:-2px;text-shadow:1px 0px #f7e0a5;}
    .topContentKhirman>p{color:#f7e0a5;font-size:14px;font-family: 'Merriweather', serif;font-style:italic;font-weight:200;margin:6px 0 7px 0;}
    .topContentKhirman>h1{color:#f7e0a5;font-size:84px;font-family: 'Cinzel', serif;font-weight:normal;letter-spacing:-4px;margin-top:48px;margin-bottom:0px;line-height:66px;}
    .topContentKhirman>p:last-child{color:#f7e0a5;font-style:normal;font-weight:normal;word-spacing:1.5px;font-size:16px;letter-spacing:-0.50px;}
    .middleContentKhirman{width:100%; float:left;}
    .topContentKhirman>h3{margin-top: 60px!important;font-weight: 300;}
    .middleContentKhirman h3{color:#f7e0a5;font-size:30px;letter-spacing:-2.3px;font-style:normal;font-family: 'Cinzel', serif;font-weight:normal;}
    .middleContentKhirman p{color:#f7e0a5;font-size:16px;letter-spacing:-0.50px;font-family: 'Merriweather', serif;font-weight:200;}
    .middleContentKhirman p.by{color:#f7e0a5;margin:21px 0 22px 0;font-size:14px;letter-spacing:-0.50px;font-style:italic;font-family: 'Merriweather', serif;font-weight:lighter;}
    .middleContentKhirman p.detail{color:#f7e0a5;margin:43px 0 38px 0;font-size:16px;letter-spacing:-0.75px;font-style:italic;font-family: 'Merriweather', serif;font-weight:lighter;}
    .middleContentKhirman h6.contactDetail{color:#f7e0a5;margin:30px 0;font-size:16px;letter-spacing:-0.75px;font-style:italic;font-family: 'Merriweather', serif;font-weight:lighter;}
    .middleContentKhirman h6{color:#f7e0a5;font-size:16px;letter-spacing:-0.50px;font-style:normal;font-family: 'Merriweather', serif;font-weight:normal;}
    .middleContentKhirman h6.date{color:#f7e0a5;font-size:16px;letter-spacing:0px;font-style:normal;font-family: 'Merriweather', serif;font-weight:normal;margin-top:38px;}
    .bottomContentKhirman{width:100%;float:left;margin-bottom:20px;}
    .bottomContentKhirman h4{color:#f7e0a5;font-size:24px;letter-spacing:-1.5px;font-style:normal;font-family: 'Merriweather', serif;font-weight:bold;word-spacing:0.5px;}
    .bottomContentKhirman h6{color:#f7e0a5;font-size:18px;letter-spacing:-0.40px;font-style:normal;font-family: 'Merriweather', serif;font-weight:200;word-spacing: -0.7px;margin: 7px 0 12px 0;}
    .bottomContentKhirman>p{color:#f7e0a5;font-size:14px;letter-spacing:-0.50px;font-weight:normal;font-family: 'Merriweather', serif;}
    .bottomContentKhirman>h5{color:#f7e0a5;font-size:22px;font-family: 'Merriweather', serif;font-style:normal;line-height:30px;letter-spacing:-0.75px;font-weight:normal;margin-top:10px;}
    .topMarginKHirman{margin-top:40px;} 
    .khirmanWrapper>hr{border:none;background:#f7e0a5;height:5px;width:100%;float:left;}
    ::-moz-selection { /* Code for Firefox */
  
    background:#333;
}

.bottomContentKhirman a::selection {
 
    background: #333;
}
 .bottomContentKhirman a::-moz-selection { /* Code for Firefox */
  
    background:#333;
}

::selection {
 
    background: #333;
}
.beforeGallery {
margin-top:230px;
}
.beforeGalleryMargin{
   margin-top: 30px;
}
     .photoGallery .ImageContainer
{
   width:181px;
   height:121px;
   position:relative;
   float:left;
   cursor:pointer;
   text-align:left;
}
        .hideText
        {
            display:none;
        }
.ImageContainer img
{
    max-width:181px;
    /*max-height:121px;*/
    position:absolute;
    border:1px solid rgba(255,255,255,0.10);
    width:182px;
}
.readFullDiv
{
    direction:ltr;
}
.photoGallery
{
    height:365px;width: 100%;overflow-y:auto;
}
.ImageContainer:hover .ImgHoverDiv{
    display:block;
}
.black_overlay{
	display: none;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0px;
    background-color: black;
	z-index:99;
	-moz-opacity: 1;
	opacity:1;
    text-align:center;
    transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
     overflow-y: auto;
     
}
.readFullDiv
{
    overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.broadImg1
{
   width: 100%;
   max-width: 1152px;
}
.ImageHoverFullDiv
{
    top:200px;
}
div.press_list .mCSB_scrollTools .mCSB_draggerContainer
{
    background-color: #3a3a3a;
}
div.press_list .mCSB_scrollTools
{
    width:12px;
}
#galleryphotoSection .mCSB_scrollTools .mCSB_draggerContainer
{
 background-color: #bdbeba;
}
#galleryphotoSection .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    background-color:#fcf9f7;
}
 .you_tube_list .mCSB_scrollTools .mCSB_draggerContainer
{
 background-color: #bdbeba!important;
}
 .you_tube_list .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    background-color:#fcf9f7!important;
}
.ImgHoverDiv
{
     position: absolute;
     background: rgba(255,255,255,0.7);
     display: none;
     border:1px solid rgba(255,255,255,0.10);
     width:181px;
     height:121px;
     left:0px;top:0;
     background-image: url('https://www.rekhta.org/Content/Images/view-full-image.png');
     background-repeat: no-repeat;
     background-position: center;
     background-position-y: 40px;
     font-family: 'Merriweather', serif;
}
.viewFullText
{
  text-transform:uppercase;
  position: absolute;
  left: 0px;
  margin:0 auto;
  right:0;
  top: 80px;
  font-family: arial;
    font-size: 12px;
  font-weight: bold;
  color: #666666;
  bottom:0;
  text-align:center;
}
.ImageHoverFullDiv
{
     top:90px;
     display: none;
     margin-left: auto;
     margin-right: auto;
     width: 100%;
     background-color: white;
     z-index: 1002;
     overflow: auto;
     position:relative;
     max-width: 1152px;
}
.broadImg1
{
   width: 100%;
   max-width: 1152px;
}
.broadImg
{
  top: 130px;
  position: relative;
  z-index: 9999999;
  max-width:90%;
}
.arrowleft
{
    background: url(https://www.rekhta.org/Content/images/navigation-icon2.png) no-repeat;
    z-index: 9999999;
    position: absolute;
    top: 50%;
    width: 55px; 
    height: 55px;
    left: 8px;
    margin-top:-26px;
    background-position: -3px -33px;
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
.arrowright
{
   background: url(https://www.rekhta.org/Content/images/navigation-icon2.png) no-repeat;
   z-index: 9999999;
   position: absolute;
   top: 50%;
   width: 55px;
   height: 55px;
   right: 8px;
   margin-top:-26px;
   background-position: -63px -33px;
   -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
.arrowleft:hover, .arrowright:hover 
{
    cursor:pointer;
    background-color:rgba(0,0,0,0.1);
    border-radius:6px;
}
.closeButton
{
      background: url('https://www.rekhta.org/Content/images/close-button.png') no-repeat;
      position: absolute;
      height: 64px;
      width: 64px;
      right:0;
      cursor:pointer;
}
.closeButtonCustom
{
  background: url('https://www.rekhta.org/Content/images/close-button.png') no-repeat;
  position: fixed;
  height: 64px;
  width: 64px;
  cursor: pointer;
  z-index: 999999999999999999;
  top: 86px;
  right: 10px;
}
.khirmanWrap2
{
    margin-top:30px;
}
.mCSB_scrollTools .mCSB_dragger{min-height:100px!important;height:150px!important;}
.customScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}
.mCSB_draggerContainer {
    background-color: #bdbeba;
    width: 7px;
}
/*khirman reading page div*/
.redaingKhirmanDiv{width:445px; /*float:left;*/margin:30px auto 65px auto;cursor:pointer;}

.redaingKhirmanDiv>img{max-width:100%;border:1px solid rgba(255,255,255,0.20);padding:6px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

/*jer css embeded code*/
.gallery_nav {
    width: 100%;
    float: left;
    height: 70px;
    margin-top:30px;
   font-family: 'Titillium Web', sans-serif;
}
.gallery_nav ul {
    margin: 0;
    padding: 0 0 0 0;
    list-style: none;
    border-bottom: 1px solid #f7e0a5;
    width: 100%;
    float: left
}
.gallery_nav ul li {
    /*float: left;*/
    margin-right: 20px;
      font-family: 'Titillium Web', sans-serif;
}
.gallery_nav ul li a {
   
    font-size: 22px;
    font-weight: 300;
    text-decoration: none;
    border-bottom: 4px solid hidden;
    display: block;
    height: 40px;
    padding-bottom: 6px;
    
      font-family: 'Titillium Web', sans-serif;
}
.gallery_nav ul li a.selected {
    font-weight: 600;
    border-bottom: 4px solid #fff;
}
#galleryvideoSection{display:none;}
#galleryphotoSection{display:block;}
.you_tube_wrap {
    width: 100%;
    float: left;
    padding: 10px 15px 14px 15px;
    margin-top: 43px
}
.you_tube_playing {
    width: 100%;
    float: left;
    padding: 15px;
    box-shadow: 0 1px 2px #b3b3b3;
    -webkit-box-shadow: 0 1px 2px #b3b3b3;
    -moz-box-shadow: 0 1px 2px #b3b3b3;
    margin-bottom: 4px;
    min-height: 115px;
    height: 115px;
    overflow: hidden
}
.you_tube_playing h3 {
    font-size: 22px;
    color: #ccc;
    margin: 5px 0;
    letter-spacing: -1px
}
.you_tube_playing h4 {
    font-size: 18px;
    margin: 13px 0 10px 0;
    color: #333;
    word-spacing: -2px
}
.you_tube_playing ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.you_tube_playing ul li {
    float: left;
    margin-right: 25px
}
.you_tube_playing ul li p {
    color: #999;
    margin-bottom: 0
}
.you_tube_playing ul li a {}.you_tube_wrap p {
    line-height: 20px
}
.you_tube_video {
    width: 50%;
    float: left
}
.yt-border {}.you_tube_video p a>span {
    color: #999;
    background: url(https://www.rekhta.org/Content/Images/drop-icon.png)no-repeat right center;
    padding: 0 10px 0 0
}
.you_tube_video p:last-child {
    margin-top: 10px;
    margin-bottom: 0
}
.you_tube_video iframe {
    max-width: 100%;
    height: 270px;
   
    padding: 10px;
    background: rgba(255, 255, 255, .1)
}
.you_tube_list {
    width: 48%;
    float: left;
        padding-left:10px;
        height:295px;
        overflow:hidden;
}
.yt-list-descrpt {
    width: 100%;
    float: left;
    min-height: 60px;
    border: 1px solid #4b4b4b;
    background: #333;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0 4px 1px #cfcfcf;
    -webkit-box-shadow: 0 4px 1px #cfcfcf;
    -moz-box-shadow: 0 4px 1px #cfcfcf;
    margin-bottom: 2px
}
.yt-list-descrpt p {
    color: #999;
    margin: 0
}
.yt-list-descrpt h4 {
    color: #fff;
    margin: 0
}
.you_tube_list ul {
    margin: 0;
    padding: 0 6px 0 0;
    list-style: none;
    /*height: 295px;
    overflow-y: scroll;
    overflow-x: hidden*/
}
.you_tube_list ul li {
    width: 100%;
    height: 80px
}
.you_tube_card {
    width: 100%;
    float: left;
    padding: 8px 8px 8px 8px;
    height: 80px
}
.you_tube_card:hover {
    background: rgba(255, 255, 255, .2);
    color: #fff;
    box-shadow: none
}
.you_tube_card:hover p {
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
}
.you_tube_card:hover p span {
    color: #fff;
    font-weight: 100
}
.you_tube_card:hover .yt_cardDetail h5 {
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
}
.you_tube_card>img {
    width: 76px;
    float: left;
    border: 2px solid rgba(255, 255, 255, .15)
}
.yt_cardDetail {
    width: calc(100% - 100px);
    float: left;
    color: #4c4c4c;
    padding-left: 10px;
    text-align:left;
}
.yt_cardDetail>a {
    color: #4c4c4c
}
.yt_cardDetail p {
    margin: 5px 0 0 0;
    padding: 0;
    line-height: 13px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
        font-family: 'Titillium Web', sans-serif;
}
.yt_cardDetail h5 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin-top: 7px;
    font-family: 'Titillium Web', sans-serif;
}
.yt_selected {
    background:rgba(255,255,255,0.8);
    color: #333;
    box-shadow: 0 -4px 0 #ebebeb inset
}
.yt_selected p {
    color: #3d3d3d;font-family: 'Titillium Web', sans-serif;
}
.yt_selected h5 {
    color: #333;font-family: 'Titillium Web', sans-serif;
}
.yt_selected img {
    border: 2px solid #e7e7e7
}
.playing {
    font-size: 10px;
    color: #fff;
    font-family: Verdana, Geneva, sans-serif;
    float: right;
    margin-right: 10px;
    font-family: 'Titillium Web', sans-serif;
}
#galleryvideoSection{margin-bottom:20px;width:100%; float:left;}
@media(max-width:1080px) {
    .broadImg2{max-width:500px!important;}
}
     @media(max-width:767px){
       .khirmanWrap{margin:60px auto 0 auto;}
       .topContentKhirman>h1{font-size:60px;margin-top:30px;line-height:40px;}
       .middleContentKhirman p.by{margin:15px 0;}
       .middleContentKhirman h6.date{margin-top:20px;}
       .middleContentKhirman p.detail{margin:25px 0;}
       .you_tube_video{width:100%;}
       .you_tube_list{width:95%;}
       .gallery_nav{box-sizing:border-box;padding:5px;}
       .broadImg2{max-width:425px;}
   }