/*.insidemenu{	position:fixed;}*/

.moreinfo a{color: #B0975F;}
.moreinfo a:hover{text-decoration: none;}
div.social-float-parent { width: 100%; /*height: 1000px; background: #f8f8f8; */position: relative; }
div#social-float { /*width: 200px; */position: fixed; /*bottom: 10px; */bottom:0px;width:100%;background:#B0975F;/*background: #777;*/ }
 #footer { width: 100%; /*background: #eee;*/}
.thecontent {padding-top:30px; margin:0 3%;}
.bod-next{position:absolute;top:59%;left:85px;}
.bod-prev{position:absolute;top:59%;left:5px;z-index: 9;}
.block-white{display:none;}


.bod-title{font-family: Helvetica;font-style: normal;font-weight: 300;font-size: 18px;line-height: 1.5;letter-spacing: -0.05em;color: #242424;	}
.bod-name{
font-family: "BanglaMN";
font-style: normal;
font-weight: normal;
font-size: 60px;
line-height: 1;
letter-spacing: -0.05em;
color: #B0975F;
}

/* wide screen version */
.pagingInfo {font-family: Helvetica;letter-spacing: -4px;position: absolute;/* top: 59%; */top:62%; left:15%;font-size:25px;}
.bod-position{font-family: Helvetica;font-style: normal;font-weight: normal;font-size: 17px;line-height: 1.3;letter-spacing: -0.05em;text-transform: capitalize;color: #707070;}
.bod-nav-title{font-family: "BanglaMN";font-style: normal;font-weight: normal;font-size: 15px;line-height: 130%;letter-spacing: -0.05em;color: #B0975F;margin-top:30px;margin-left: 10%;}

.bod-nav .slick-slide{/*-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;  border:2px solid #B0975F;border-radius:100%;*/ 
    background:rgba(255,255,255, 0.7);margin:0px 5px 50px 5px;overflow: hidden;}
.bod-nav .slick-slide img{display:block;opacity: 0.3;}
.bod-nav .slick-slide img:hover, .bod-nav .slick-slide img:active, .bod-nav .slick-slide img a:active, .bod-nav .slick-slide img:target, .bod-nav .slick-slide img:focus{ opacity:1;}


/* Big device */
.bod-thumb{
/*width: 200px;*/ /* width of container */
width:80%;margin-left:10%;height:100px;object-fit: cover;object-position:25% 4px;
}

.main_photo{
max-width:500px;
margin: 0 auto;	
}

.photo-details{
max-width:500px;
margin: 0 auto; }
.bod-nav{
padding:0px 5vw;
/* margin-top: -192px; */
margin-top: -190px;
}

.bod-name-details{
font-family: "BanglaMN";
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 1;

color: #B0975F;
}

.bod-arrow-prev{
background: #755e2d;
position: absolute;
width: 5vw;
margin: 0 auto;
text-align: center;
left: 0;
height: 122px;
}

.bod-arrow-next{
background: #755e2d;
position: absolute;
width: 5vw;
margin: 0 auto;
text-align: center;
right: 0;
height: 122px;
margin-top: -122px;
}

.bod-nav-prev, .bod-nav-next{margin-top:40px;	}
.slide-detail{margin-bottom:40px;	height: 60vh;overflow-y: auto;}
.details-next{position: absolute;bottom: 20px;margin-left:150px;}
.details-prev{position: absolute;bottom: 20px;z-index: 100;}
.sheepbar>.sheepbar-scrollbar>div {width: 100%;  height: 96%;  top: 2%;  bottom: 2%;  left: 0;  position: absolute;  border-radius: 6px;   background: #D7C499;  /*opacity: 0.52;*/ transition: opacity 0.2s;  cursor: pointer;}
.sheepbar>.sheepbar-scrollbar.sheepbar-x>div {width: 96%; height: 100%; right: 2%; bottom: 0; left: 2%;}
.sheepbar>.sheepbar-scrollbar>div:hover, .sheepbar>.sheepbar-scrollbar>div:active { opacity: 0.88; }
.sheepbar>.sheepbar-scrollbar.sheepbar-x { height: 6px;  bottom: 2px;}
.sheepbar>.sheepbar-scrollbar.sheepbar-y {  width: 6px;  right: 96%;}
.sheepbar .sheepbar-content {  padding: 0 15px 0 20px;}


/*ipad style*/
@media only screen 
and (min-device-width : 768px) and (max-device-width : 1024px)  {

.info{ padding-top: 12vw; margin-top: -10vw;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 4%, rgba(249,249,249,0.48) 18%, rgba(249,249,249,1) 27%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 4%,rgba(249,249,249,0.48) 18%,rgba(249,249,249,1) 27%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 4%,rgba(249,249,249,0.48) 18%,rgba(249,249,249,1) 27%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
 z-index: 100;padding-bottom:20px;}


.info2{
    padding-top: 31vw;
    margin-top: -31vw;

background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */





 z-index: 100;
 
padding-bottom:20px;
}

.bod-name {
font-family: "BanglaMN";
font-style: normal;
font-weight: normal;
font-size: 40px;
line-height: 1;
letter-spacing: -0.05em;
color: #B0975F;
 padding-left:15px;
 padding-right:15px;
}

.bod-title{
 padding-left:15px;
 padding-right:15px;	
}

.bod-position{
 padding-left:15px;
 padding-right:15px;	
}

.moreinfo{
 padding-left:15px;
 padding-right:15px;	

}

.main_photo{
max-width: 100%;
margin: 0 auto;	
}

.photo-details{
max-width:80vw;
margin: 0 auto;		 
 }
 .block-white{display:none;}
.bod-next{
position:absolute;
top:58%;
left:85px;
z-index: 9;
}

.bod-prev{
position:absolute;
top:58%;
left:15px;
z-index: 9;
}

/* Ipad version */
.pagingInfo {
    font-family: Helvetica;
    letter-spacing: -4px;
    position: absolute;
    top: 62%;
    left: 22%;
    font-size: 30px;
}

.slide-detail{
margin-bottom:20px;	
height: auto;
overflow-y: auto;
	
}

/* Small device */
.bod-thumb{
/*width: 200px;*/ /* width of container */
width:90%;
margin-left: 5%;
height:90px;
object-fit: cover;
object-position: 25% 0px;
}

.bod-arrow-prev{
background: #755e2d;
position: absolute;
width: 5vw;
margin: 0 auto;
text-align: center;
left: 0;
height: 90px;
}

.bod-arrow-next{
background: #755e2d;
position: absolute;
width: 5vw;
margin: 0 auto;
text-align: center;
right: 0;
height: 90px;
margin-top: -122px;
}

.bod-nav-prev, .bod-nav-next{
margin-top:29px;	
}

.bod-nav-title{
font-family: "BanglaMN";
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 100%;
letter-spacing: -0.05em;
color: #B0975F;
margin-top:30px;
margin-left: 10%;
}
} 


/*Mobile style*/
@media only screen and (max-width: 767px) {
 .info{padding-top: 12vw; margin-top: -22vw;
 background: -moz-linear-gradient(top,  rgba(255,255,255,0) 4%, rgba(249,249,249,0.48) 18%, rgba(249,249,249,1) 27%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 4%,rgba(249,249,249,0.48) 18%,rgba(249,249,249,1) 27%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  rgba(255,255,255,0) 4%,rgba(249,249,249,0.48) 18%,rgba(249,249,249,1) 27%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
  z-index: 100; padding-bottom:20px;}
 .info2{  padding-top: 31vw; margin-top: -31vw;
 background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  z-index: 100; padding-bottom:20px;}
 .bod-name {font-family: "BanglaMN";font-style: normal;font-weight: normal;font-size:30px;line-height: 1;letter-spacing: -0.05em;color: #B0975F; padding-left:15px; padding-right:15px;}
 .bod-title{ padding-left:15px; padding-right:15px;}
 .bod-position{ padding-left:15px; padding-right:15px;line-height:0;}
 .moreinfo{ padding-left:15px; padding-right:15px;	}
 .main_photo{max-width:80vw;margin: 0 auto;}
 .photo-details{max-width:80vw;margin: 0 auto;	}
 .block-white{padding:0;width:100%;margin:0;height:50px;clear:both;display:block;}
 /*mobile version*/ 
 .bod-prev{position:absolute;top:92%;left:15px;z-index:9;}
 .bod-next{position:absolute;top:92%;left:85px;z-index:9;}
 .pagingInfo {font-family: Helvetica;letter-spacing:-4px;position:absolute;top:94%; left:50%; font-size:22px;}
 .slide-detail{margin-bottom:20px;	height: auto;overflow-y: auto;}
 }