/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

body {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  /*padding-top: 82px;*/
  /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.b {
  border: 1px solid black;
}

.navbar-brand {
  float: left;
  font-size: 18px;
  line-height: 20px;
  height: 80px;
  margin-top: 35px;
  margin-left: 75px;
}
.navbar {
    position: relative;
    min-height: 100px;
    margin-bottom: 0;
    border: 1px solid transparent;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
nav li a {
  font-weight: bold;
  text-transform: uppercase;
}
nav ul.list {
  padding-top: 10px;
}
nav.navbar-inverse>li>a {
 padding-top: 50px;
 padding-bottom: 50px;
}
.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 20px;
}
nav a.join {
  background: #dc0050;
  font-weight: bold;
  border-radius: 20px;
}
.navbar-inverse .navbar-nav>li>a.join {
  color: #fff;
}
.navbar-inverse .navbar-nav>li>a.join:hover {
  color: #fff;
  background: #4e4e80;
}

.nav>li {
  position: relative;
  display: block;
  text-align: center;
font-size: 18px;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #4e4e80;
}
.navbar-inverse .navbar-toggle {
  border: none;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 25px;
  height: 3px;
  border-radius: 1px;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
  background-color: #fff;
}

.navbar-inverse .navbar-toggle #close-icon {
  color: #4e4e80;
  font-weight: bold;
  width: 25px;
  font-size: 20px;
  position: relative;
  bottom: 7px;
}

/*
#navbar-close {
  color: #888;
  width: 22px;
  height: 14px;
  color: #4e4e80;
  color: lime;
}
*/

.navbar-header {
  /*padding-right: 50px;*/
}
.navbar-header a.navbar-brand {
  padding: 0;
}

header .big {
  /*background-image: url("../images/bg-big-logo.jpg");
  background-repeat: repeat-x;
  background-size: 100% 100%;*/
  text-align: center;
  width: 100%;
  padding: 20px 0;
  /*border-bottom: 1px solid #f0e2f1;*/
  background-color: black;  
  margin: 0;
}


.img-res {
  max-height: 90%;
  max-width: 90%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 2px solid rgb(44,44,44);
}

/*.page-bg {
  background-image: url("../images/bg-gray-white.jpg");
  background-repeat: repeat-x;
}*/


/*** homepage ***/
.homepage {
}
.homepage .video {
  /*background: url("../images/bg-nekoporn.jpg") no-repeat center bottom;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  /*background-size: cover;*/
  background-size: 1920px;
  background-color: black;
}


.homepage .description {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  color: white;
}


.homepage_video .video_container {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.homepage_video .video_container .description {
  z-index: 3;
  position: absolute;
  bottom: 0px;
  font-size: 16px;
  box-sizing: border-box;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.5);
  color: #fffb80;
}
.homepage_video .video_container .description .title {
  float: left;
  width: 70%;
  padding-left: 30px;
  text-align: left;
  font-weight: bold;
}
.homepage_video .video_container .description .info {
  float: right;
  width: 28%;
  padding-right: 20px;
  text-align: right;
  color: #eee;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}
.homepage_video .video_container .description .info .quality {
  font-weight: bold;
  font-style: italic;
  padding-right: 10px;
}
.homepage_video .video_container .description .info .duration {
  padding-right: 10px;
}

/*
.homepage_video .video_container .description .info .duration {
  font-weight:lighter;
  display:inline-block;  
}
.homepage_video .video_container .description .info .quality {
  font-weight:bolder;
  font-style:italic;
  display:inline-block;
  margin:0px 10px;
}
*/

.carousel-caption {
  position: absolute;
  z-index: 10;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  background-color: white;
}

.video_detail .gallery {
  float: left;
  width: 75%;
}
.video_detail .last-photo {
  float: left;
  width: 25%;
}

.video_detail .carousel-caption {
  position: absolute;
  bottom: 0;
  z-index: 10;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  height: 100%;
  padding-top: 25%;
  background-color: rgba(117,119,175,0.8);
  font-size: 16px;
}
.video_detail .carousel-caption .count-photos {
  font-family: 'Open Sans', sans-serif;
}

.homepage .carousel-caption .title {
  font-weight: bold;
}
.homepage .carousel-caption .info {
  font-family: 'Open Sans', sans-serif;
}

.homepage .buttons .videos, .homepage .buttons .photos {
  color:#fff;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
  line-height:1.3;
  height: 50px;
}
.homepage .buttons .videos, .homepage .buttons .photosnew {
  color:#fff;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
  line-height:1.3;
  height: 50px;
}
.homepage .buttons .videos {
  background-color:#4e4e80;
  padding: 15px 0px 25px 0px;
  border-top-left-radius:40px;
  border-bottom-left-radius:40px;
}
.homepage .buttons .photos {
  background-color:#dc0050;
  padding:15px 10px 0 0;
  border-top-right-radius:40px;
  border-bottom-right-radius:40px;
}
.homepage .buttons .photosnew {
  background-color:#dc0050;
  padding:15px 10px 0 0;
  /*border-top-right-radius:40px;
  border-bottom-right-radius:40px;*/
}
.homepage .buttons {
  padding-top: 40px;
  padding-bottom: 90px;
  text-align: center;
  height: 120px;
  margin: 0 auto;
  width: 60%;
  font-size: 18px;
}
.homepage .buttons img {
  position: relative;
  bottom: 2px;
}
.homepage .buttons a.videos:hover {
  background: #dc0050;
}
.homepage .buttons a.photos:hover {
  background: #4e4e80;
}
.homepage .buttons a.photosnew:hover {
  background: #4e4e80;
}
.homepage .buttons a.videos, a.photos, a.photosnew {
  float: left;
  width: 50%;
}

.homepage .homepage-recent {
  /*width: 90%;*/
  margin: 0 auto;
}
.homepage .img-thumb {
  margin-bottom: 20px;
  border: 1px solid #7f7f7f;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.homepage .transparent-nav, .recently_featured .transparent-nav {
  height: 60px;
  padding-top: 10px;
}

.homepage .full-access, .video_detail .full-access {
  margin-top: 40px;
  margin-bottom: 20px;
  padding-left: 80px;
  padding-right: 80px;
}

.button-download {
  text-align: center;
}


/** footer **/
.footer {

}
.footer-nav {
  color: #dc0050;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 35px;
  border: 1px solid #8e6083;
  padding-top: 50px;
  padding-bottom: 50px;
  font-weight: bold;
  border-radius: 10px;
  text-transform: uppercase;
  background-color: #e2e8ea;
  /*background: #ffb1b1 url("../images/bg-footer.png");*/
  background-repeat: repeat-x;
}
.footer-nav.block-content {
  padding-top: 25px;
  padding-bottom: 20px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.footer .footer-nav a {
  color: #dc0050;
}
.footer .footer-nav a.join {
  color: #dc0050;
}
.footer .footer-nav a:hover, .footer .footer-nav a.join:hover {
  color: #23527c;
}
.footer div.copyright {
  text-align: center;
  color: #dc0050;;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 40px;
}
.footer div.zombaio {
  margin-top: 20px;
  margin-bottom: 40px;
  text-align: center;
}
.footer div.zombaio .desc {
  text-align: left;
}


/** detail **/
.video_detail {
  
}

.video_detail .wrapper {
  /*width: 80%;
  min-width: 380px;
  margin: 0 auto;
  text-align: center;*/
}

.video_detail .video {
  background: #000;
}

.video_detail .small-thumbs {
  margin-bottom: 10px;
}

.video_detail .video-nav {
  margin-bottom: 40px;
  margin-top: 20px;
}
.video_detail .title {
  color: #5a5b88;
  font-weight: bold;
  font-size: 24px;
}
.video_detail .title img {
  position: relative;
  bottom: 2px;
}
.video_detail .video-length {
  color: #66678f;
  /*margin-top: 32px;*/
  padding-top: 20px;
  text-align: right;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}
.video_detail .title .type {
  color: #6767a8;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 18px;
}

.video_detail .join_button {
    background-color:#dc0050;
    color:#fff;
    text-align:center;
    border-radius:40px;
    text-decoration:none;
    padding:20px;
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
    line-height:1.3;
}
.video_detail .join_button:hover {
  color: #fff;
  background: #4e4e80;
  text-decoration: none;
}
.video_description {
    padding: 30px;
    color: #686d6e;
}
.video_description .previews img {
    cursor:pointer;
}
.video_description .previews img:hover {
    box-shadow:#dc0050 0px 0px 10px; 
}
.video_description .images {
    margin:0 auto;
    padding-left: 10px;
}
.video_description .images .vimage {
    float:left;
    width:160px;
    height:auto;
    margin-right:10px;
    margin-bottom:20px;
    position:relative;
    border: 1px solid #8c8c8e;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.video_description .images .vimage img {
    float:left;
}
.video_description .images .vimage .time {
    position:absolute;
    width:160px;
    bottom:0px;
    height:20px;
    z-index:5;
    background:rgba(0,0,0,0.7);
    display:block;
    text-align:right;
    color:#fff;
    font-size:12px;
    font-family: 'Open Sans', sans-serif;
    line-height:20px;
    box-sizing:border-box;
    padding-right:10px;
}


.join_button b.join {
    font-size:35px;
}
.join_button b {
    font-size:30px;
}

.video_detail .join_button, .video_detail .access_button {
  text-transform: uppercase;
}

/*******************/

.fleft {
  float: left;
}

.fright {
  float: right;
}

.heading {
  font-size:24px;
  color:#dc0050;
  font-weight:bold;
  padding: 15px 40px 15px 0;
  text-transform:uppercase;
  position:relative;
}

.account .heading {
  text-align: center;
  padding: 15px 0 15px 0;
}

hr {
  color: #f00;
  height: 1px;
  border: 0px;
  background: url("../images/line.png") no-repeat center center;
  background-size: 100% 100%;
  margin: 0;
  padding: 0;
}

.quote {
  color:#4e4e80;
  font-size:18px;
  line-height:40px;
  padding-top: 20px;
  padding-bottom: 20px;
  /*background:url("../images/line.png") no-repeat center bottom;*/
  text-align:center;
}
.quote b {
  font-weight:bold;
}

.photogallery .thumb, .homepage .thumb, .video_detail .thumb {
  margin-bottom: 30px;
}
.video_detail .thumb {
  padding-left: 5px;
  padding-right: 5px;
}

.photogallery .thumb img, .video_detail .thumb img {
  border: 1px solid #8a8a8a;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}


.access_button {
  background-color: #dc0050;
  color: #fff;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  line-height: 25px;
  font-size: 20px;
  border: 0px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 40px;
}
.access_button:hover {
  color: #fff;
  background: #4e4e80;
  text-decoration: none;
}

/*******************/

input {
  border:1px solid #b4b4b6;
  background-color:#fff;
  border-radius:4px;
  line-height:30px;
  padding:5px 10px;
  box-sizing:border-box;
}
input[disabled] {
  background-color:#ddd;
}

input[type=submit] {
  border:0px;
}

input[type=checkbox] {
  display:none;
}
input[type=checkbox] + label {
  cursor:pointer;
}
input[type=checkbox] + label:before {
  display:inline-block;
  width:20px;
  height:20px;
  float:left;
  border-radius:4px;
  content:"";
  font-family: FontAwesome;
  font-size:110%;
  line-height:18px;
  text-align:center;
  margin-right:10px;
  box-sizing:border-box;
  background-color: #e2e8ea;
  border: 1px solid #c9d4d8;
}
input[type=checkbox]:checked + label:before {
  content: "";    
}


input[type=radio] {
  display:none;
}
input[type=radio] + label {
  cursor:pointer;
}
input[type=radio] + label:before {
  display:inline-block;
  width:20px;
  height:20px;
  float:left;
  border:1px solid #9b9c9e;
  border-radius:100%;
  content:"";
  font-family: FontAwesome;
  font-size:80%;
  line-height:18px;
  text-align:center;
  margin-right:10px;
  color:#3d3d3f;
  box-sizing:border-box;
}
input[type=radio]:checked + label:before {
  content: "";
}
input[type=submit] {
  cursor:pointer;
}


/*** SETUP PAGES OR BLOCKS ***/
.sign-in {
  /*background: url("../images/bg-nekoporn.jpg") no-repeat center bottom;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.sign-up {
  /*background: url("../images/bg-nekoporn.jpg") no-repeat center bottom;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: contain;
}
.contact {
  /*background: url("../images/bg-nekoporn.jpg") no-repeat center bottom;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  /*background-size: cover;*/
  background-size: 1580px;
  background-color: black;
}
.terms {
  /*background: url("../images/bg-nekoporn.jpg") no-repeat center top;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100% auto;
 /* background-color: whitesmoke;*/
}
.contact .content, .terms .content {
  color: #fff;
  background: #4e4e80;
  border-radius: 10px;
  border: 1px solid #2b304c;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

.sign-up .create-account {
  padding-left: 0;
}

.block {
}
.sign-in .block, .contact .block {
  margin-bottom: 7px;
}
.sign-up .block {
  margin-bottom: 280px;
}
.terms .block, .account .block {
  margin-bottom: 50px;
}

.sign-up .quote, .sign-in .quote, .contact .quote, .packages .quote {
  text-transform: uppercase;
}
.sign-up .quote, .packages .quote {
  font-weight: bold;
  font-size: 24px;
  padding-left: 0;
}
.sign-up .quote {
  text-align: left;
}
.sign-in .quote, .contact .quote {
  text-align: center;
}


/*** ORDER ***/
.order {  
  padding:10px;
  margin-bottom:40px;
}
.order form {
  padding:15px 30px;
}
.order .submit {
  background-color:#dc0050;
  color:#fff;
  text-transform:uppercase;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  font-size: 24px;
  border: 0px;
  font-weight: bold;
  display: block;
  margin: 0 auto;
  border-radius: 40px;
}
.order .submit:hover {
  background: #fff;
  color: #dc0050;
}
.order .text_small {
  line-height:16px;
  color: #ccc;
  text-align:center;
  margin: 30px 0;
}
.order .text_small.white {
  color:#fff;
}
.order .text_small.gray {

}
.order .text_small a {
  color:#dc0050;
  text-decoration:none;
}
.order .block_name {
  display:block;
  background:url("../images/line.png") no-repeat center bottom;
  color:#fff;
  padding-bottom:10px;
  margin-bottom:15px;
  font-size:20px;
  text-transform:uppercase;
  font-weight:300;
}
.order .half {
  color: #000;
  margin: 0 auto;
}
.order .half:first-child {
  /*margin-right:40px;*/
}
.order .zombaio_pricing {
  max-width: 300px;
  margin: 0 auto;
}

.order label {
  display:block;  
  color:#fff;
  margin:15px 0px 5px;    
}

.order form .order_package+.sbHolder {
  margin-bottom:30px;
}
.order form .order_package+.sbHolder,
.order form .order_fullname,
.order form .order_zip_code,
.order form .order_country+.sbHolder {
  width:100%;
}

.order form .order_card_number,
.order form .order_card_exp_month+.sbHolder {
  width:270px;
  display:inline-block;
  margin-right:20px;
}
.order form .order_card_ccv,
.order form .order_card_exp_year+.sbHolder {
  width:135px;
  display:inline-block;
}


/*** MY ACCOUNT ***/
.block_profile_form {
    background-color:#fff;
    padding:20px 30px;
    border: 1px solid #fff;
    border-radius: 10px;
}
.block_profile_form label,
.block_profile_form .value,
.block_profile_form .toggler {
    display:block;
    width: 100%;
}
.block_profile_form label {
    line-height:40px;
}
.block_profile_form .toggler {
    float:right;
    display:inline-block;
    width:auto;
    font-size:14px;
    color:#000;
}
.block_profile_form .value {
    margin-bottom:5px;
}

.block_profile_form input[type="submit"] {
    background-color: #4e4e80;
    color: #fff;
    padding: 15px;
    line-height: 30px;
    font-size: 24px;
    border: 0px;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    border-radius: 40px;
    margin-top: 30px;
}
.block_profile_form input[type=submit]:hover {
    background: #dc0050;
}

.block_profile_form input[type=text], .block_profile_form input[type=password] {
    background-color: #e2e8ea;
    border: 1px solid #c9d4d8;
    display: block;
    width: 100%;
    border-radius: 20px;
}
.block_profile_form label {
  margin-top: 15px;
    padding-left: 15px;
    font-weight: normal;
}

.block_profile_membership {
    background-color:#dc0050;
    padding:25px 30px;
    color:#fff;
    border: 1px solid #ff3dac;
    border-radius: 10px;
}
.block_profile_membership .title {
    font-size:24px;    
    font-weight:bold;
    padding-bottom:10px;
    text-transform:uppercase;
}
.block_profile_membership .tariff{
    font-weight:bold;
    text-transform:uppercase;
    font-size:20px;
}
.block_profile_membership .cost {
    font-size:20px;
}
.block_profile_membership hr {
    background:#000;
    margin:5px 0px 15px;
}
.block_profile_membership .expire_count {
    font-size:70px;
    line-height:1;
    font-weight:bold;
    text-transform:uppercase;
    display:block;
    text-align:center;
    padding-top:40px;
    padding-bottom:5px;
}
.block_profile_membership .expire_days {
    font-size:24px;  
    line-height:1;
    font-weight:bold;
    text-transform:uppercase;
    display:block;
    text-align:center;
    height:90px;
}
.block_profile_membership .text_left {
    float:left;
    color:#000;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
}
.block_profile_membership .text_right {
    float:right;
    color:#000;
    font-size:14px;
}


/*** SIGN IN member login ***/
.block_login {
  background: #ffffff;
  border: 1px solid #fff;
  height: 540px;
  box-sizing: border-box;
  border-radius: 10px;
}
.block_login input[type=submit] {
  background-color: #4e4e80;
  color: #fff;
  padding: 15px;
  line-height: 30px;
  font-size: 24px;
  border: 0px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 30px;
  width: calc(100% - 60px);
  border-radius: 40px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.block_login .title {
  border-bottom:1px solid #c8d3d7;
  color:#4e4e80;
  font-weight:bold;    
  text-align:center;
  line-height:60px;
  font-size:24px;
}
.block_login .title img {
  position: relative;
  bottom: 3px;
  right: 10px;
}
.block_login form {
  padding: 15px 10px 30px 10px;
  font-size: 14px;
}
.block_login label {
  font-weight: normal;
}
.block_login .input_name {
    margin-top:15px;
    padding-left: 15px;
    display:inline-block;
}
.block_login .check {
  margin-left: 15px;
}

.block_login input[type=text],
.block_login input[type=password] {
    background-color: #e2e8ea;
    border: 1px solid #c9d4d8;
    display:block;
    width:100%;    
    border-radius:20px;
}
.block_login input[type=submit]:hover {
  background: #dc0050;
}

/*** SIGN IN not a member ***/
.block_signup {
  padding: 0px 30px 30px;
  border: 1px solid #2b304c;
  font-size: 14px;
  box-sizing: border-box;
  height: 540px;
  border-radius: 10px;
  background: #4e4e80 url("../images/bg-not-a-member.png") top no-repeat;
  background-size: 100% auto;
}
.block_signup .button {
  background-color: #dc0050;
  color: #fff;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  font-size: 24px;
  border: 0px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  margin: 30px;
  border-radius: 40px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.block_signup .title {
  color:#dc0050;
  text-align:center;
  font-size:24px;
  text-transform:uppercase;
  font-weight:bold;
  line-height:60px;
}
.block_signup .join {
  text-align: center;
  color: #fff;
  line-height: 30px;
  background-size: 100% 1px;
  padding: 10px;
  text-transform: uppercase;
  font-weight: bold;
}
.block_signup ul {
  color:#fadbea;
}
.block_signup ul li {
  margin-top:14px;
}
.block_signup.use_list ul {
  font-size: 18px;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 10px;
}
.block_signup .button:hover {
  background: #fff;
  color: #dc0050;
}


/*** SIGN UP form ***/
.block.sign-up {
  margin-bottom: 200px;
}
.block_signup_form {
  box-sizing:border-box;
  background-color:#fff;
  color:#000;
  padding:20px;
  border-radius:10px;
  min-height:400px;
  border:1px solid #fff;
}

.block_signup_form p {
  font-size: 14px;
  margin-top: 30px;
  padding-left: 15px;
}

.block_signup_form .input_name {
  margin-top:15px;
  padding-left:15px;
  display:inline-block;
  font-size:14px;
  font-weight: normal;
  margin-bottom:2px;
}
.block_signup_form .input_name:first-child {
  margin-top:0px;
}

.block_signup_form input[type=text],
.block_signup_form input[type=password] {
  display:block;
  width:100%;    
  line-height:28px;
  background: #e2e8ea;
  border-radius:20px;
}
.block_signup_form .payment {
  margin-top:10px;
}
.block_signup_form .payment_visa {
  margin-right:40px;
  padding-right:90px;
  background:url("../images/payment_visa.png") no-repeat right center;
}
.block_signup_form .payment_paypal {
  padding-right:80px;
  background:url("../images/payment_paypal.png") no-repeat right center;
}

/*** SIGN UP list ***/
.block_signup_list {
  box-sizing:border-box;
  background-color:#dc0050;
  color:#fff;
  padding-top: 20px;
  padding-left: 0;
  border-radius: 10px;
  min-height:400px;
  border: 1px solid #ff3dac;
}
.block_signup_list.use_list ul {
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-top: 14px;
}
.block_signup_list.use_list ul li {
  padding-bottom: 20px;
  display: block;
}
.block_signup_list.use_list ul li:before {
  color: #fff;
}
.block_signup_list ul li:last-child {
  background:transparent;
}

/*** PACKAGES ***/
.packages-content {
  padding-bottom: 300px;
}
.packages-footer-wrapper {
  margin: 0 auto;
}
.packages-footer {
  position: absolute;
  left: 0;
  margin-top: 50px;
}
.packages {
  width:100%;
  margin-bottom:45px;
  position: relative;
  top: -300px;
}
.packages .choose-membership {
  color:#4e4e80;
  font-size:24px;
  line-height:40px;
  padding:30px 60px 60px 60px;
  text-align: center;
  font-weight:bold;
  text-transform:uppercase;
  position:relative; 
}
.packages .package_wrapper {
  width: 85%;
  margin: 0 auto;
}
.packages .package_container {
    vertical-align:middle;
    text-align:center;
}
.packages .package {    
    color:#fff;
    text-align:center;
    border-radius:4px;
    margin:10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.packages .package .best {
    border-bottom:1px solid #000;
    font-weight:bold;
    text-transform:uppercase;
    line-height:40px;
    padding:20px;
    font-size:30px;
}
.packages .package .title {
    font-weight:bold;
    text-transform:uppercase;
    line-height:40px;
    padding:15px;
    font-size:20px;
}
.packages .package .price {  
    font-weight:bold;
    text-transform:uppercase;
    line-height:35px;
    padding:10px;
    font-size:40px;
}
.packages .package .period {
    color:#000;
    line-height:20px;
    padding:5px;
    font-weight:300;
    font-size:20px;
}
.packages .package .note {
    color:#000;
    line-height:30px;
    padding:25px 10px;
    font-weight:300;
    font-size:14px;
}
.packages .package .signup {
    border-radius:0px 0px 4px 4px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:30px;
    padding:20px;
    font-size:24px;
}

.packages .package.green {
    background: transparent url('../images/bg-package-green.png') no-repeat center top;
    background-size: 100% auto;
    background-color:#34c991;
    border: 1px solid #00a365;
    margin-bottom: 100px;
}
.packages .package.green .signup {
    background-color:#00bc74;
}
.packages .package.red {
    background: transparent url('../images/bg-package-red.png') no-repeat center top;
    background-size: 100% auto;
    background-color:#e33373;
    border: 1px solid #a8003e;
    position: relative;
    bottom: 50px;
}
.packages .package.red .signup {
    background-color:#dc0050;
}
.packages .package.blue {
    background: transparent url('../images/bg-package-blue.png') no-repeat center top;
    background-size: 100% auto;  
    background-color:#34ade2;
    border: 1px solid #0076a8;
}
.packages .package.blue .signup {
    background-color:#0098db;
}

.packages .package.green,
.packages .package.blue,
.packages .package.red {
    cursor:pointer;
}
.packages .package.green:hover {
    box-shadow:#34c991 0px 0px 30px;
}
.packages .package.red:hover {
    box-shadow:#e33373 0px 0px 30px;
}
.packages .package.blue:hover {
    box-shadow:#34ade2 0px 0px 30px;
}

/*** use_list ***/
.use_list ul {    
    font-size:15px;
    line-height:26px;
    list-style-type: none;
}
.use_list ul li {
    padding-bottom:10px;  
    margin-top:0px;
    display:block;    
    position:relative;
    padding-left:2em;
    
}
.use_list ul li:first-child {
    margin-top:0px;
}
.use_list ul li:before {
  content: "";
  font-family: FontAwesome;
  color: #dc0050;
  font-size:140%;
  position:absolute;    
  left:0px;
  top:0px;
}


.video_block {
  margin-top: 40px;
  margin-bottom: 40px;
}

.video_centered {
  margin: 0 auto;
  width: 50%;
}


/*** flashes ***/
.flashes_container {
    position:relative;
    max-width:500px;
    margin:auto;
}
.flashes_container .flashes {
    display:none;
    position:absolute;
    max-width:500px;
    width:100%;
    z-index:50;
}
.flashes .flash {
    text-align:center;
    line-height:20px;
    font-size:14px;
    color:#000;
    padding:10px 15px;
    border:0px;
    position:relative;
}
.flashes .flash:last-child {
    border-radius:0px 0px 3px 3px;
   
}
.flashes .flash .close {
   position:absolute;
   right:15px;
   top:10px;
   opacity:0.33;
   cursor:pointer;
   font-size:20px;
}
.flashes .flash.success {
    background-color:#99ff99;
}
.flashes .flash.alert {
    background-color:#fff999;
}
.flashes .flash.error {
    background-color:#ff9999;
}
.flashes .flash.alert:before,
.flashes .flash.error:before {
    display:inline-block;
    font-family: FontAwesome;
    content: "";
    float:left;
    font-size:130%;
}
.flashes .flash.success:before {
    display:inline-block;
    font-family: FontAwesome;
    content: "";
    float:left;
    font-size:130%;
}

/*** fotky, videa ***/
.media_block {
  margin-top: 20px;
  background: #c8d3d7;
  border: 1px solid #a9aeaf;
  border-radius: 10px;
  margin-bottom: 120px;
}
.media_block .nav {
  border-bottom: 1px solid #a9aeaf;
  margin: 0;
  color: #859094;
  text-transform: uppercase;
  font-weight: bold;
}

.media_block.featured {
  margin-bottom: 40px;
  background: #e2e8ea;
}
.media_block.homepage {
  margin-top: 50px;
  margin-bottom: 40px;
  background: #e2e8ea;
}
.media_block.featured .nav, .media_block.homepage .nav {
  border-bottom: none;
}

.media_block.video-detail {
  margin-bottom: 40px;
  background: #c8d3d7;
}
.media_block.video-detail .nav {
  background: #c8d3d7;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.media_block .nav .item, .media_block .nav .item-active {
  width: auto;
  border-right: 1px solid #a9aeaf;
  padding: 9px;
  color: #859094;
}
.media_block.video-detail .nav .item, .media_block.video-detail .nav .item-active {
  width: 200px;
}

.media_block .nav .item a {
  color: #859094;
}
.media_block .nav .item-active {
  background: #dc0050;
  color: #fff;
}
.media_block .nav .item-active.first {
  border-top-left-radius: 10px;
}
.media_block .nav .item-active a {
  color: white;
}
.media_block .nav .item.item-show {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #fff;
}
.media_block .nav .item:not(.item-show):hover {
  background: #4e4e80;
  text-decoration: none;
  color: #fff;
}

.media_block .nav .item.item-video:before, .media_block .nav .item-active.item-video:before,
.media_block .nav .item.item-photo:before, .media_block .nav .item-active.item-photo:before,
.media_block .nav .item.item-desc:before, .media_block .nav .item-active.item-desc:before,
.media_block .nav .item.item-show:before, .media_block .nav .item-active.item-show:before,
.media_block .nav .item.item-all:before, .media_block .nav .item-active.item-all:before,
.media_block .nav .item.item-camera:before, .media_block .nav .item-active.item-camera:before {
  content: "";
  float: left;
  width: 32px;
  height: 20px;
  background-repeat: no-repeat;
  background: transparent url('../images/iconset.png');
}
.media_block .nav .item.item-show:before {
  background-position: -2px -5px;
}

.media_block .nav .item.item-video:before {
  background-position: 58px -5px;
}
.media_block .nav .item-active.item-video:before, .media_block .nav .item.item-video:hover:before {
  background-position: 58px 24px;
}

.media_block .nav .item.item-desc:before {
  background-position: 29px -5px;
}
.media_block .nav .item-active.item-desc:before, .media_block .nav .item.item-desc:hover:before {
  background-position: 29px 24px;
}

.media_block .nav .item.item-all:before {
  background-position: 147px -5px;
}
.media_block .nav .item-active.item-all:before, .media_block .nav .item.item-all:hover:before {
  background-position: 147px 24px;
}

.media_block .nav .item.item-camera:before {
  background-position: 116px -5px;
}
.media_block .nav .item-active.item-camera:before, .media_block .nav .item.item-camera:hover:before {
  background-position: 116px 24px;
}

.media_block .nav .item.item-photo:before {
  background-position: 88px -5px;
}
.media_block .nav .item-active.item-photo:before, .media_block .nav .item.item-photo:hover:before {
  background-position: 88px 24px;
}

.video_detail .media_block .nav .item-video {
  border-top-left-radius: 10px;
}


/*** RECENTLY FEATURED, PHOTOGALLERY ***/
.recently_featured, .account, .photogallery {
  background-image: url("../images/bg-featured.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.recently_featured .wrapper, .photogallery .wrapper {
  min-height: 800px;
}

.transparent-nav {
  width: 100%;
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.5);
  color: #fffb80;
  position: absolute;
  left: 0;
  bottom: 0;
}

.recently_featured .carousel-caption .title, .homepage .carousel-caption .title {
  float: left;
  width: 70%;
  padding-left: 10px;
  text-align: left;
}
.recently_featured .carousel-caption .info, .homepage .carousel-caption .info {
  float: right;
  width: 28%;
  padding-right: 10px;
  text-align: right;
  color: #eeeeee;
}

.recently_featured .img-thumb, .homepage .img-thumb {
  margin-bottom: 20px;
  border: 1px solid #858585;
}

.recently_featured .img-thumb.shadow, .homepage .img-thumb.shadow {
  -webkit-box-shadow: 10px 10px 0px -3px rgba(255,125,189,1);
  -moz-box-shadow: 10px 10px 0px -3px rgba(255,125,189,1);
  box-shadow: 10px 10px 0px -3px rgba(255,125,189,1);
  color: black;
}

.recently_featured h2 {
  font-weight: bold;
  color: #4e4e80;
  font-size: 24px;
  margin-top: 30px;
}


.photogallery .title {
  margin-bottom: 20px;
  margin-top: 20px;
}

.photogallery .title h2 {
  color: #4e4e80;
  font-weight: bold;
  font-size: 24px;
  padding: 10px;
  margin: 0;
  float: left;
}

.photogallery .title h2 .small {
  color: #7372ae;
  font-weight: bold;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
}

.watch_button {
    background-color: #6767a8;
    border: none;
    color: white;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    border-radius: 20px;
    position: relative;
    top: 5px;
    margin-left: 10px;
}
.watch_button span {
  position: relative;
  top: 3px;
}
.watch_button:before {
  content: "";
  float: left;
  width: 32px;
  height: 18px;
  background-repeat: no-repeat;
  background: transparent url('../images/iconset.png');
  background-position: 116px -35px;
}
.watch_button:hover {
  background: #dc0050;
  color: #fff;
  text-decoration: none;
}

/*** PAGES ***/
.vid_pages {
  text-align:center;
  margin:30px 0px;
}
.vid_pages a {
  background-color: #dc0050;
  color:#fff;
  box-sizing:border-box;
  font-size:14px;
  font-weight:300;
  display:inline-block;
  text-decoration:none;
  margin:3px;
  padding:0px;
  line-height:40px;
  width: 40px;
  height: 40px;
  border-radius: 35px;
  -moz-border-radius: 35px; 
  -webkit-border-radius: 35px; 
}
.vid_pages a.nav {
  background-color:#dc0050; 
  width: 90px;
  border-radius: 20px;
  -moz-border-radius: 20px; 
  -webkit-border-radius: 20px; 
  text-transform: uppercase;
}
.vid_pages a:hover, .vid_pages a.nav:hover {
  background-color: #4e4e80;
}
.vid_pages a.active {
  background-color: #4e4e80;
  color:#ffffff;
  border:0px;
}
.vid_pages a.active:hover {
  background-color: #4e4e80;
}
.vid_pages a.first {
  margin-right:13px;
}
.vid_pages a.last {
  margin-left:13px;
}


.play-button {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url('../images/play.png') no-repeat;
  background-position: 50% 50%;
}


@media (min-width: 1200px) {
  .video_description .images {
    width: 1032px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .video_description .images {
    width: 862px;
  }
}
@media (min-width: 992px) {
  .homepage .play-button {
    background-size: 50px;
  }
  .recently_featured .play-button {
    background-size: 40px;
  }
}
@media (max-width: 991px) {
  .media_block .nav .item, .media_block .nav .item-active {
    width: 100%;
    border-right: none;
  }
  .media_block .nav .item.item-show {
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
  }
  .homepage .media_block .nav .item.item-photo, .homepage .media_block .nav .item-active.item-photo,
  .recently_featured .media_block .nav .item.item-photo, .recently_featured .media_block .nav .item-active.item-photo {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  
  .media_block.video-detail .nav .item, .media_block.video-detail .nav .item-active {
    width: 100%;
  }
  .video_detail .media_block .nav .item.item-desc, .video_detail .media_block .nav .item.item-photo {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .video_detail .media_block .nav .item-video {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
  }
  
  .recently_featured h2 { 
    text-align: center;
  }
  .footer div.zombaio .desc {
    text-align: center;
  }
  
  .sign-up .quote {
    text-align: center;
  }
  .block_login {
    height: auto;
  }
  .block_login input[type=submit] {
    position: static;
    margin: 30px 30px 15px 30px;
  }
  .block_signup {
    height: auto;
  }
  .block_signup .button {
    position: static;
    margin: 30px 30px 15px 30px;
  }
  .video_detail .gallery {
    float: left;
    width: 100%;
  }
  .video_detail .last-photo {
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .homepage .buttons {
    width: 60%; 
    font-size: 100%;
  }
  .video_description .images {
    width: 522px;
  }
}
@media (min-width: 768px) {
  .video_detail .carousel-caption {
    left: 5px;
    right: 5px;
  }
}
@media (max-width: 767px) {
  .homepage .buttons {
    width: 80%; 
    font-size: 100%;
  }
  nav a.join {
    width: 140px;
    margin-left: auto;
    margin-right: auto;
  }
  .navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #4e4e80;
  }
  nav ul.list {
    padding-top: 0;
    margin-top: 0;
  }
  .access_button {
    font-size: 14px;
  }
  .order .submit {
    font-size: 100%;
  }
  .order form {
    padding: 0;
  }
  .homepage .play-button, .recently_featured .play-button {
    background-size: 60px;
  }
  .video_description .images {
    width: 352px;
  }
}
@media (max-width: 480px) {
  .homepage .buttons {
    width: 90%; 
    font-size: 12px;
  }
  .homepage .homepage-recent {
    margin-left: -15px;
    margin-right: -15px;
  }
  .access_button {
    font-size: 12px;
    padding: 15px;
    line-height: 20px;
  }
  .homepage .play-button, .recently_featured .play-button {
    background-size: 50px;
  }
  .video_description .images {
    width: 185px;
  }
}

.item-categories {
  float: right;
  background-color: #e36ec6;
  color: white !important;
}

.new-badge {
  position: relative;
  display: inline-block;
}

.new-badge-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
}

.block.red {
    background-color:#dc0050;
    color:#ffffff;    
    padding:20px;
    margin-bottom:20px;
}
.block.red .title {
    font-size:18px;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:15px;
}
.block.red .text {
    font-size:16px;
    font-weight:lighter;
    line-height:22px;

}