html {
   min-height: 100%;
   padding-bottom: 100px;

}
  /* background: #D9DEE0;*/
.client-choose {
	width: 100%;
    min-height: 50px;
    padding: 15px;
    margin-bottom: 15px;
}
.client-preview-page .modal-body {background: #FFF}
.client-preview-page .post-desc{ max-height: 300px; overflow-y: auto; }
.client-preview-page .old-comment { display: block }
.client-preview-page .old-comment strong { color: gray; font-weight: bold }
.client-preview-page .old-comment i { color: gray; font-size: 9px }

.client-preview-page video {
  width: 100% !important;
  height: auto !important;
  z-index: -100; 
}
.client-preview-page .video-holder {
  /*position: absolute;*/
  width: 100%;
 /* margin-bottom:100%; */
  top: 0;
  left: 0;
  z-index: -100;  
}
.client-preview-page .carousel-control-next
/*, .carousel-control-prev */,
.client-preview-page .carousel-control-prev{ 
    opacity: 1;
    background: #FFF;
    width: 50%;
    float: left;
    position: initial;
    border: solid 1px #6D757D;
    color: #6D757D;
    padding: 15px 10px;
}
.client-preview-page .carousel-control-next:hover,
.client-preview-page .carousel-control-prev:hover /*, .carousel-control-prev:hover*/ { 
     color: #6D757D;
}

.client-preview-page .clipping-content {
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}
.client-preview-page .clipping-content img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}


@media (max-width: 600px) {

    .client-preview-page .besign-logo {  max-width: 150px; }
    .client-preview-page .sm-post { max-width: 50%; padding: 3px;} 
}