html {
     font-family: sans-serif;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;

}
 body {
     margin: 0;
     position: relative;

     line-height: 1.42857143;
}
 a {
     background: transparent;
     text-decoration: none;
     color: inherit;
}
 a:active, a:hover {
     outline: 0;
     text-decoration: none;
}
 img {
     border: 0;
     max-width: 100%;
     height: auto;
}
 ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 body {

     font-size: 14px;
     color: #333333;
     font-family: 'Open Sans', arial, helvitica, tahoma, sans-serif;
}
 ::-moz-placeholder {
     color: #9a9a9a;
     opacity: 1;
}
 ::-webkit-input-placeholder {
     color: #9a9a9a;
}
 :-ms-input-placeholder {
     color: #9a9a9a;
}
 :focus::-moz-placeholder {
     color: transparent;
}
 :focus::-webkit-input-placeholder {
     color: transparent;
}
 :focus:-ms-input-placeholder {
     color: transparent;
}
 :focus::placeholder {
     color: transparent;
}
 .text-white {
     color: #fff !important;
}
 .text-grey {
     color: #575757 !important;
}
 .text-danger {
     color: #b80101 !important;
}
 .thumbs {
     overflow: hidden;
     font-size: 13px;
     color: #fff;
     text-align: center;
     letter-spacing: -3.25px;
     margin-left: -5px;
}
 .thumbs li {
     width: 300px;
     margin-left: 5px;
     margin-bottom: 25px;
     text-align: left;
     display: inline-block;
     vertical-align: top;
     letter-spacing: normal;
}
 .thumbs li a {
     height: 250px;
     font-size: 12px;
     display: block;
     position: relative;
}
 .thumbs li a > * {
     display: block;
}
 .thumbs li a .play {
     display: none;
}
 .thumbs li h4 {
     overflow: hidden;
     text-overflow: ellipsis;
     width: 100%;
     white-space: nowrap;
     margin: 0;
     padding: 2px;
     color: #5c6267;
     font-size: 18px;
     line-height: normal;
}
 .thumbs li p {
     margin: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     width: 100%;
     white-space: nowrap;
     margin: 0;
     padding: 2px;
     color: #5c6267;
     line-height: normal;
}
 .thumbs li:hover a:before {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #333;
     background: rgba(0, 0, 0, 0.4);
}
 .thumbs li:hover .play {
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -46px;
     margin-top: -46px;
     z-index: 3;
}
 .thumbs li:hover h4 {
     color: #010101;
}
 .thumbs li:hover p {
     color: #010101;
}
 .icloud {
     display: table !important;
     padding: 0 8px;
     height: 30px;
     position: absolute;
     left: 10px;
     top: 10px;
     background: #b80101;
     text-transform: uppercase;
     background: rgba(184, 1, 1, 0.8);
}
 .icloud i {
     margin-right: 4px;
}
 .vertical {
     display: table-cell;
     vertical-align: middle;
}
 .time {
     padding: 6px 8px;
     position: absolute;
     left: 10px;
     bottom: 10px;
     background: #000;
     background: rgba(0, 0, 0, 0.8);
}
 .percent {
     padding: 6px 8px;
     position: absolute;
     right: 10px;
     bottom: 10px;
     background: #9ebb00;
     background: rgba(158, 187, 0, 0.8);
}
 *[class*="ico-"] {
     display: inline-block;
     vertical-align: middle;
     background: url(/sprojectnew3/icons.png) no-repeat;
}
 .ico-cloud {
     background-position: 0 0;
     width: 126px;
     height: 20px;
}
 .ico-tape {
     background-position: 0px -25px;
     width: 91px;
     height: 19px;
}
 .ico-deleted {
     background-position: -100px 0;
     width: 24px;
     height: 22px;
     margin-top: -2px;
}
 .ico-real {
     background-position: -150px 0;
     width: 20px;
     height: 20px;
}
 .ico-prev {
     background-position: 0 -100px;
     width: 6px;
     height: 11px;
}
 .ico-next {
     background-position: -25px -100px;
     width: 6px;
     height: 11px;
}
 .play {
     display: inline-block;
     width: 97px;
     height: 97px;
     background: url(/sprojectnew3/ico-play.png) 50% 50%;
}