html {background:#875d42;width:100%;height:100%;min-width:1024px;min-height:500px;}

body{font:14px/150% Verdana, sans-serif;width:100%;height:100%;}

body,html{overflow:hidden;}

.m-page-div{display:block;width:100%!important;height:100%!important;overflow:hidden;}
ul.m-page-block{display:block;width:130%!important;overflow:hidden;}
ul.m-page-block li{display:block;width:320px;height:179px;border:1px #e3e3e3 solid;overflow:hidden;padding:0px;margin:0px;}
ul.m-page-block li.cloned_li{position:absolute;z-index:1100;box-shadow:0 0 15px red;}
ul.m-page-block li img{z-index:998;width:320px;height:179px;}
ul.m-page-block li p{padding:10px;margin-bottom:-50px;height:100px;background:url(./black-point.png);font-size:120%;color:#fff;font-weight:bold;text-transform:capitalize;}
ul.m-page-block li:hover p{margin-top:-100px;position:relative;z-index:999;}
ul.m-page-block li.main p{font-size:140%;padding:15px;}
ul.m-page-block li.last p{padding:5px;font-size:80%;}
ul.m-page-block li.last:hover p{margin-top:-90px;}
ul.m-page-block li:hover{cursor:pointer;border:1px #fff solid;}
ul.m-page-block li.main{width:480px;height:360px;background:blue;}
ul.m-page-block li.last{width:120px;height:89px;background:blue;}

.search-bar{width:600px!important;height:140px!important;background:#fffdd6;border:1px #e3e3e3 solid;box-shadow:0 0 25px #000;z-index:1000;}
.search-bar:hover{z-index:1200;}

.search-bar .form{margin:30px 20px 10px;}
.search-bar .form input[type=text]{width:450px!important;height:30px!important;background:#fff;border:1px #e3e3e3 solid;font-weight:bold!important;padding:2px;font-size:120%!important;display:block;float:left;}
/* .search-bar .form input[type=button]{background:#e51f1f;color:#fff;border:1px #e3e3e3 solid;box-shadow:0 0 5px red;font-weight:bold!important;padding:2px;font-size:120%!important;border-radius:10px;cursor:pointer;padding:5px;margin:0 5px 0;}
.search-bar .form input[type=button]:hover{background:#e30707;} */

.button.add_video_btn {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #b04444;
background-image: -webkit-linear-gradient(#dd6d6d, #b04444);
background-image: linear-gradient(#dd6d6d, #b04444);
background-repeat: repeat-x;
border-color: #a94141;
}
.button, .minibutton {
position: relative;
display: inline-block;
padding: 7px 12px;
font-size: 115%;
font-weight: bold;
color: #333;
text-shadow: 0 1px 0 rgba(255,255,255,0.9);
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-color: #eee;
background-image: -webkit-linear-gradient(#fcfcfc, #eee);
background-image: linear-gradient(#fcfcfc, #eee);
background-repeat: repeat-x;
border: 1px solid #d5d5d5;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
}

.enter-example{float:none;clear:both;font-size:80%;}

.about-project{font-size:70%;margin:20px 0;}
.about-project ul{float:right;}
.about-project ul li{float:left;margin:0 5px;}
.about-project ul li a{color:#a2a2a2!important;}

.div-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); /* Yep! */
  width: 48%;
  height: 59%;
}

a{color:#875d42;text-decoration:underline;}
h4 span{color:#875d42;}
a:hover{text-decoration:none;}