body{background-color:#ccc;}
.content{background:#fafafa;border-right:2px solid #f7f7f7;border-left:2px solid #f7f7f7;padding-bottom:10px;margin-top:none;}
.navbar,.navbar-default,.navbar-inverse{background:url('/fito/headercum.jpg');}
.martop{margin-top:20px;}
.sidebar{padding-right:30px;}
footer{height:85px;background:black;color:white;padding-top:10px;border-right:2px solid black;border-left:2px solid black}
/* tombol donlod */
/* tombol donlod */
.navbar{margin-bottom:2px;}
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.buttonhijau {
    background-color: white; 
    color: black; 
    border: 2px solid #4CAF50;
}

.buttonhijau:hover {
    background-color: #4CAF50;
    color: white;
}

.buttonbiru {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.buttonbiru:hover {
    background-color: #008CBA;
    color: white;
}

.buttonmerah {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.buttonmerah:hover {
    background-color: #f44336;
    color: white;
}

.buttonabu {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.buttonabu:hover {background-color: #e7e7e7;}

.buttonhitam {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.buttonhitam:hover {
    background-color: #555555;
    color: white;
}

.buttonkuning {
  background-color: white;
  color: black;
  border: 2px solid #cccc00;
}

.buttonkuning:hover {
  background-color: #cccc00;
  color: white;
}
/* end button */
/* di dalam container */
.film{background:#f5f5f5;margin:10px;}
.judulfilm{padding:5px;background:#f6f6f6;color:#ffffff;font-weight:bold;text-shadow: 1px 1px 1px black, 0 0 5px #ababab, 0 0 20px #c4c4c4;border-bottom: solid 1px #dcdcdc;border-top: solid 1px #dcdcdc;}
.cinema{color: white;text-shadow: 2px 2px 2px black;padding-left:10px;font-weight:bold;font-size:16px;}
.kotakposter{margin-top:10px;}
.content{padding-left:25px;}
.fact{}
.cast{}
.crew{}
.mumet{background:#f2f2f2;color:black;height:auto;border:2px solid #f9f9f9;padding:10px;font-family: 'Arial';text-align:center;text-transform: uppercase;}
.mumet2{font-size:12px;font-weight:bold;color:black;height:auto;padding:2px;font-family: 'Arial';text-align:left;text-transform: uppercase;}
.endase{
background:#464545;
color:white;height:auto;border:2px solid #464545;padding:10px;font-family: 'Arial';text-align:center;text-transform: uppercase;}
.sidebarkonten{background:#cfcfe1;}
.batasbawah{height:auto;border-bottom:2 px solid #000;padding 5px;text-transform:Capitalize;}
/* end container */



/* end media */

/* item index.phtml */
.listCover{
  width: 130px;
  height: 190px;
}

.container-item{
  position: relative;
  margin-top:20px;
}

.item{
  width:130px;
  height:100%;
  -webkit-background-size: 100%;
       -o-background-size: 100%;
          background-size: 100%;
  position: relative;
  top:0;
  left:0;
  z-index:5;
  overflow: hidden;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
          box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}



.item-content{
  position: absolute;
  width:100%;
  bottom: 0;
  -webkit-transform: translate(0,100%);
     -moz-transform: translate(0,100%);
      -ms-transform: translate(0,100%);
       -o-transform: translate(0,100%);
          transform: translate(0,100%);
  
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
  
}


.item-top-content{
  position: relative;
}
.item-top-content-inner{
  position: absolute;
  bottom: 0;
  padding:10px 15px 10px 15px;
  background: rgba(0, 0, 0,.7);
  width:100%;
}

@media (min-width: 1200px) {
}

@media (max-width: 1200px) and (min-width: 979px) {
  .nowplaying {
    width: 650px;
    margin-left: 140px;
  }

  #posters .thumbnail, #similar .thumbnail, #search .thumbnail {
    height: 220px;
    width: 150px;
    margin-bottom: 5px;
  };
}

@media (max-width: 979px) and (min-width: 768px) {
  body {
    padding: 0;
  }

  .nav-collapse {
    background-color: #000;
  }

  .nowplaying {
    width: 650px;
    margin-left: 30px;
  }

  #posters .thumbnail, #similar .thumbnail, #search .thumbnail{
    height: 166px;
    width: 114px;
    margin-bottom: 5px;
  };
}

@media (max-width: 767px) {
  body {
    padding: 0;
  }

  .nav-collapse {
    background-color: #000;
  }

  .upcomming {
    float: left;
  };
}

@media (max-width: 480px) {
 
  .upcomming {
    float: left;
    padding-left: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
  }

  .shortenForm .input-prepend {
    display: block;
  };
}

.posterbox{float:left;padding:10px;border:1px solid #f2f2f2;}
.genrene{background:#464545;font-size:10px;}