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



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: 120px;
}

.bod-next{
position:absolute;
top:55%;
left:85px;
}

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


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


.pagingInfo {
font-family: "Inter", sans-serif;
letter-spacing: -4px;
position: absolute;
top: 59%;

left: 14%;
font-size:30px;

}
.bod-position{
font-family: "Inter", sans-serif;
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: "Titillium Web", sans-serif;
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-thumb{
/*width: 200px;*/ /* width of container */
width: 30%;
margin-left: 5%;
height: 120px;
object-fit: cover;
object-position: 25% 0px;


}

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

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

.bod-nav .slick-slide{
background:rgba(255,255,255, 0.7);
border-top:2px solid #B0975F;
margin:0px 3px;
}

.bod-nav .slick-slide img{
display:inline-block;
}

.bod-name-details{
font-family: "Titillium Web", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 1;

color: #B0975F;
}

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

.bod-arrow-next{
background: #5F6554;
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: "Titillium Web", sans-serif;
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;		 
 }

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

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

.pagingInfo {
    font-family: "Inter", sans-serif;
    letter-spacing: -4px;
    position: absolute;
   top: 62%;
    left: 22%;
    font-size: 30px;
}

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

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


}

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

.bod-arrow-next{
background: #5F6554;
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: "Titillium Web", sans-serif;
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: "Titillium Web", sans-serif;
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:80vw;
margin: 0 auto;	
}

.photo-details{
max-width:80vw;
margin: 0 auto;		 
 }

.bod-next{
position:absolute;
top:98%;
left:85px;
}

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

.pagingInfo {
    font-family: "Inter", sans-serif;
    letter-spacing: -4px;
    position: absolute;
    top: 92%;
    left: 45%;
    font-size: 30px;
}

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

}