#sharedialogue {
    display: none;

    float: left;
    position: fixed;
    left: 0px;

    width:280px;
         margin-left: 15px;
     z-index:1000;
    color: #fff;
    text-align: center;
    border-radius: 0px;
    padding: 4px;

    /**/
    top: 150px;
    border-color:#000;
    border: 1px solid #ccc; /* this allows you to adjust the thickness */
    /*border-style: sold;*/

      background: rgba(240, 240, 240, 1);
}


#sharedialogue.show {
    visibility: visible; /* Show the snackbar */

    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}





.infoholder{
text-align:left;
}

.infolabel{
width: 10%;
}

.infodets{
width: 80%;
    line-height: 1.9;
     font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    font-family: Benton Sans,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif !important;
}


.abouthighlight{
font-size:14px;
}



#hidebar {
    display: none;

    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
    width:180px;


    color: #fff;
    text-align: center;
    border-radius: 0px;
    padding: 16px;

    /**/
    top: 10px;
    border-color:#000;
    border-size: 0px; /* this allows you to adjust the thickness */
    border-style: solid;
      background: rgba(240, 240, 240, 0.6);
}


#hidebar.show {
    visibility: visible; /* Show the snackbar */

    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}




#aboutbar {
    display:none;
        width: 90%;
         height: 400px;
     overflow-y:auto;
    overflow-x:hidden;


   /* min-height: 650px;
    margin-left: -325px;
    left: 50%;
    */
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1000;
    /**/
    top: 10px;
   border-color:#f7fff7;
    border-size: 1px; /* this allows you to adjust the thickness */
    border-style: solid;

}



#aboutlayer {
width: 100%;
   /* background-color: #fefefe;  */
    color: #000;
    text-align: center;
    border-radius: 2px;
    padding: 10px;
    z-index: 1000;
    top: 10px;
    margin-bottom: 25px;
    
}


#aboutlayerlp {
 
width: 90%;
 background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
 z-index: 1000;
 top: 10px;
}



#aboutbar.show {
    visibility: visible; /* Show the snackbar */

    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}




#imagebar {
display: none;
    width: 600px;
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 0px;
    /* padding: 16px; */
    position: fixed;
    z-index: 1000;
    top: 30px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    left: 50%;
    margin-left: -200px;
}


#imagebar.show {
    visibility: visible; /* Show the snackbar */

    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}


#imagebar.hide {
    visibility: hidden; /* hide the snackbar */

    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}



#videobar {
display: none;
    width: 600px;
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 0px;
    /* padding: 16px; */
    position: fixed;
    z-index: 1000;
    top: 30px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    left: 50%;
    margin-left: -200px;

}


#videobar.show {
    visibility: visible; /* Show the snackbar */

    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}


#videobar.hide {
    visibility: hidden; /* hide the snackbar */

    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}



video {
width: 100%    !important;
height: auto   !important;
display: inline-block;
	vertical-align: top;
}


audio {
width: 100%    !important;
height:100px   !important;
display: inline-block;
margin-top:50px;
}


#close,#closeit,#close-v,#closeu {
    float:right;
    display:inline-block;
    /*padding:2px 5px;
    background:#000;*/
    font-size:20px !important;
          z-index: 99000;
    cursor: pointer;
    color: #fff;

}

#mobileclose {
    /* float: right; */
    display: inline-block;
    font-size: 20px !important;
    z-index: 99000;
    cursor: pointer;
    color: #fff;
}




#audiobar {
display: none;
    width: 600px;
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 0px;
    /* padding: 16px; */
    position: fixed;
    z-index: 1000;
    top: 30px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    left: 50%;
    margin-left: -200px;

}


#audiobar.show {
    visibility: visible; /* Show the snackbar */

    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}


#audiobar.hide {
    visibility: hidden; /* hide the snackbar */

    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}