@import url("fonts.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,700,900");

html, body{position:relative; margin:0; padding: 0; width:100%; height:100%; font-family: 'Roboto', sans-serif; font-weight: 300; font-size:1em; color: #1D2F3D;}
a img {  border: 0;}
a, a:active, a:focus, a:hover {
  outline: 0;
  border: none;
  color: inherit;
  text-decoration: none;
  -moz-outline-style: none;
}

.topheader{padding:10px; border-bottom:1px solid #999; background:#fff;}
.logo{}
.logo a{}
.logo img{max-height:70px;}
.bottoms{border-top: 1px solid #999; background:#eee; padding:15px 10px;}
.bottom-nav{ text-align: right; }
.bottom-nav ul{ margin: 0; padding:0; }
.bottom-nav ul li{ list-style-type: none; display: inline-block; }
.bottom-nav ul li a{ text-decoration:none; display: block; padding: 5px 10px; font-size: 0.8em; color:#333;}
.lr{ padding:5px 10px;}
.section p {
  margin-bottom: 5px;
}

.banners {
    min-height: 200px;
    color:#fff;
    padding-bottom:10px;
    background-color: blue; /* For browsers that do not support gradients */
    background-image: linear-gradient(to bottom right, blue, #0a90d8); /* Standard syntax (must be last) */
}
.banners .conts{ max-width:800px; margin:0; padding:2% 25px 3%; text-align:left;}
.conts h3{font-size:5vh; font-weight:800; font-family:Arial; line-height:1;}
.conts p{font-size:1em; font-weight:500; font-family:Arial; line-height:1.1;}
.conts ul li{}
.how, .ticket{
    margin:30px 0 10px;
    padding:6px 15px;
    text-align:center;
    color:#fff;
    background:#0ac0d8;
    font-weight:700;
    text-decoration:none;
    cursor:pointer;
    border-radius:3px;
    margin-right:6px;
    transition: all 0.3s ease-in-out;
}
.ticket{
    background:#1c8704;
}
.how:hover, .ticket:hover{
    box-shadow: 5px 5px 1px #222;
    transition: all 0.3s ease-in-out;
}

/* End Effects */
.navbar-brand > img {
  height: 50px;
}

.navbar-fixed-top {
  background: none;
  border-color: rgba(84, 29, 28, 0.8)
}

.navbar-nav,
.navbar-brand {
  padding: 10px;
  outline: none;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
}

.bullbabes-title {
  width: 70%;
  margin-top: 8%;
}

.social-media {
  position: fixed;
  top: 40%;
  left: 30px;
  z-index: 999;
}

.social-media > ul {
  width: 30px;
  height: auto;
}

.social-media > ul > li a {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border-radius: 0;
  margin-top: 10px;
  display: block;
  background: none;
}

.social-media .twitter {
  background-image: url('../img/twitter.png');
  background-size: 100% 100%;
}

.social-media .facebook {
  background-image: url('../img/facebook.png');
  background-size: 100% 100%;
}

.social-media .whatsapp {
  background-image: url('../img/whatsapp.png');
  background-size: 100% 100%;
}

.wrap .title {
  font-weight: bold;
  font-size: 2.2em;
}

.wrap .sub-title {
  font-size: 1.2em;
}

.btn {
  border-radius: 50px;
  padding: 6px 30px;
  margin:3px 0;
}

.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
  background-color: #ff0000;
  border-color: #ff0000;
  color: #fff;
}

/*==============form-control====================*/

.form-control{width:100%; display: block; border:1px solid #ccc; border-radius:0; padding:5px 15px; height:40px; margin: 3px 0;}
textarea.form-control{width:100%; display: block; border:1px solid #ccc; padding:15px 20px; min-height:120px; margin: 3px 0;}

.form-control:hover, input.form-control:focus{border:1px solid #f47742; box-shadow: none;} 
.form-control:focus, textarea.form-control:hover{border:1px solid #f47742; box-shadow: none;} 

/*------------------------------------------*/

.tab-content {
  text-align: left;
}

.tab-content .heading {
  font-size: 18px;
  color: #ff0000;
  letter-spacing: 0;
  font-family: 'Roboto', sans-serif;
}

.tab-content .details {
  font-size: 16px;
  color: #fff;
}

.tab-content .line {
  display: inline-block;
  width: 60%;
  height: 1px;
  margin-top: -10px;
  margin-left: 10px;
  background-color: rgba(255,255,255,0.1);
}

.nav.nav-pills {
  margin-top: 15%;
  margin-bottom: 20px;
}

.nav-pills > li > a {
  color: #737373;
  font-weight: bold;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus, 
.nav-pills > li.active > a:hover {
  color: #fff;
  background-color: none;
  background: none;

}

.nav-pills > li.active > a:after {
  content: " ";
  display: block;
  height: 2px;
  margin-top: 10px;
  background-color: #fff;
}

.lady-img {
  margin-bottom: -100px;
  width: 88%;
}

#form .form-group label {
  margin-left: 30px;
  font-weight: normal;
}


#form .form-group label.empty {
  min-height: 20px;
}

#form .form-control {
  background: none;
  border: 1px solid rgb(169, 65, 63);
  border-radius: 50px;
  max-width: none;
  width: 100%;
  margin: 0;
  color: #fff;
  outline: none;
  font-size: 12px;
  padding: 5px 15px;
}

#form .form-control:focus {
  border-color: #ff0000;
  webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,0,0,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,0,0,.6);
}

.twitter-share,
.facebook-share {
  display: inline-block;
  width: 170px;
  height: 34px;
  margin-right: 10px;
  background-size: 100% 100%;
}

.facebook-share {
  background-image: url('../img/btn-facebook.png');
}

.twitter-share {
  background-image: url('../img/btn-twitter.png');
}

.line {
  display: inline-block;
  width: 60%;
  height: 1px;
  margin-top: -10px;
  margin-left: 10px;
  background-color: rgba(255,255,255,0.1);
}

.section {
  text-align: left;
  margin-top: 3%;
}

.section .margin-top {
  margin-top: 30px;
}

.section .section-heading,
.section .section-heading * {
  font-size: 24px;
  font-weight: 900;
  color:#fff;
} 

.section .section-sub-heading,
.section .section-sub-heading * {
  font-size: 20px;
  font-weight: 900;
}

.section .section-body,
.section .section-body * {
  font-size: 18px;
} 

.section .btn-default {
  background: none;
  color: #ffffff;
  border-color: #ff0000;
  background:#111;
  margin-bottom:20px;
  transition: all 0.5s ease-in-out;
}
.section .btn-default:hover {
  background: #ff0000;
  color: #ffffff;
  border-color: #ff0000;
  transition: all 0.5s ease-in-out;
}

.leaderboard .section {
  text-align: center;
}

.leaderboard .section #loadmore {
  margin-top: 30px;
}

.cardboard-wrap {
  position: relative;
  height: 330px;
}
.cardboard {
  height: 330px;
  background: #fff;
  position: relative;
  overflow: hidden;
  margin:10px 0;
  box-shadow: 0 0 1px #999;
  transition: all 0.3s ease-in-out;
  z-index: 34;
}

.tovote-wrap{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	display: none;
	background: rgba(0,0,0,0.8);
	z-index: 87;
}
.tovote{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	max-width:300px;
	min-height:34px;
	padding:23px 15px;
	background:#fff;
	color: #333;
	z-index: 99;
}
.tovote .crown2{
	position: absolute;
	top: -27px;
	right: -24px;
	width: 60px;
	height:60px;
	z-index: 102;
}

.myhobbie{cursor:pointer; padding:4px 5px; text-align:center; background:blue; color:#fff; width:100%; display:block;}
.exits{padding:3px 10px; text-align:center; border:1px solid #777; border-radius:10px; cursor:pointer; font-size:0.7em;}
.tovote .hobbie{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	display: none;
	padding:17px 15px 5px;
	text-align: left;
	background:#fff;
	color: #333;
	z-index: 96;
}

.cardboard-wrap .crown{
	position: absolute;
	top: -207%;
	right: -27px;
	width: 60px;
	height:60px;
	opacity: 0;
	transition: all 0.5s ease-in-out;
	z-index: 723;
} 
.cardboard-wrap:hover .crown{
	top: -27px;
	opacity: 1;
	transition: all 0.5s ease-in-out;
	z-index: 723;
} 

.crown img{
	width: 60px;
	height:60px;
}

.cardboard:hover {
  box-shadow: 6px 6px 1px  #222;
  transition: all 0.3s ease-in-out;
}

.cardboard img{ position: absolute; left: 50%; transform: translateX(-50%); height: 100%; width: auto; margin: 0 auto; }

.cardboard .cardboard-details {
  text-align: left;
  padding: 5px 15px;
  padding-top: 200px;
  position: absolute;
  color: #fff;
  /*text-shadow: 1px 1px 1px #999;*/
  bottom: 0;
  left: 0;
  right: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.cardboard-details .btn {
  margin-top: 10px;
  background: #ff0000;
  color:#fff;
  padding: 3px 15px;
}

.cardboard-details .btn:hover {
  margin-top: 10px;
  background: #b7550e;
  color:#fff;
  /*padding: 3px 15px;*/
}

.cardboard-details .view-action {
    position:relative;
    background: #4a4e4d;
}

.view-action .sharing{
    position:absolute;
    opacity:0;
    display:none;
    padding: 0 10px;
    /*background: #ff0000;*/
    border-left:1px solid #fff;
    transition:all 0.5s ease-in-out;
}

.view-action:hover .sharing{
    position:relative;
    display:inline-block;
    opacity:1;
    transition:all 0.5s ease-in-out;
}

.messagez{
    width:80%;
    margin:10px auto;
    padding:13px;
    min-height:350px;
    background:#fff;
    border-radius:10px;
}

#profile-modal .modal-body {
  height: 600px;
  padding: 0;
}

#profile-modal .section * {
  color: #4a4e4d;
}

#profile-modal .btn {
  padding: 6px 20px;
  margin-right: 10px;
}

#profile-modal .edit-action {
  background: #4a4e4d;
  border-color: #4a4e4d;
}

#profile-modal .twitter, 
#profile-modal .facebook, 
#profile-modal .whatsapp {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: none;
}

#profile-modal .media li {
  display: inline-block;
}

#profile-modal .twitter {
  background-image: url('../img/twitter.png');
  background-size: 100% 100%;
}

#profile-modal .facebook {
  background-image: url('../img/facebook.png');
  background-size: 100% 100%;
}

#profile-modal .whatsapp {
  background-image: url('../img/whatsapp.png');
  background-size: 100% 100%;
}
/*======================*/

#profile .btn {
  padding: 6px 20px;
  margin-right: 10px;
}

#profile .edit-action {
  background: #4a4e4d;
  border-color: #4a4e4d;
}

#profile .twitter, 
#profile .facebook, 
#profile .whatsapp {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: none;
}

#profile .media li {
  display: inline-block;
}

#profile .twitter {
  background-image: url('../img/twitter.png');
  background-size: 100% 100%;
}

#profile .facebook {
  background-image: url('../img/facebook.png');
  background-size: 100% 100%;
}

#profile .whatsapp {
  background-image: url('../img/whatsapp.png');
  background-size: 100% 100%;
}

.cardboard-gallery-view {
  height: 600px;
  overflow: auto;

}

.showit{display: none;}

.minimize{
  width: 23%;
  margin: 0 auto;
}


.terms{
  width:70%; 
  background:#fff; 
  color:#333; 
  padding:20px; 
  border:1px solid #f0f0f0; 
  border-radius:5px; 
  text-align:left; 
  margin:0 auto;
}

.terms ol, .terms ul{
  margin:20px;
}

.terms li{
  padding:3px 16px;
  list-style: decimal;
}

@media (max-width: 767px){
  #profile-modal .modal-body {
    height: auto;
    padding: 15px;
  }

  .minimize{
    width: 90%;
     margin: 25% auto;
  }


  .cardboard-gallery-view {
    height: auto;
    overflow: auto;
  }

  .section .section-heading,
  .section .section-heading * {
    font-size: 16px;
    font-weight: bold;
  }

  .section .section-sub-heading,
  .section .section-sub-heading * {
    font-size: 12px;
    font-weight: 400;
  }

  .hideit{ display: none; }
  .showit{display: block;}
  .pull-up{margin-top: -10px;}

  .terms{
    width:100%;
  }

}

.image-view {
  height: 600px;
  overflow: auto;
}

.social{padding: 20px 10px; margin: 0 auto; text-align: right;}
.social .media{ display: inline-block; border-radius: 50%; width: 35px; height: 35px; font-size: 1.1em; background-color: blue; color:#fff; text-align: center; line-height: 35px; padding-top:1px; margin: 0 5px; text-decoration: none; transition: all 0.5s ease-in-out;}
.social .media:hover{ display: inline-block; border-radius: 50%; width: 35px; height: 35px; font-size: 1.1em; background-color: #0DB04B; color:#fff; text-align: center; line-height: 35px; text-decoration: none; transition: all 0.5s ease-in-out; }


@media (min-width: 1450px){
  .container {
   margin:0 auto;
  }
}

@media (max-width: 600px){
  .social-media {
    left: 5px;
  }

  #form .form-group label {
    margin-top: 0;
  }
  .conts ul li, .conts div{font-size:0.8em;}
  
  .hideit{ display: none; }
  .showit{display: block;}
  .pull-up{margin-top: -10px;}

}


@media (max-width: 767px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: absolute;
    height:70px;
  }

  .centered{ text-align: center;}

}


.twitter-login,
.facebook-login {
  display: inline-block;
  width: 170px;
  height: 34px;
  margin-right: 10px;
  background-size: 100% 100%;
}

.facebook-login {
  background-image: url('../img/btn-facebook-login.png');
}

.twitter-login {
  background-image: url('../img/btn-twitter-login.png');
}

#vote-modal .section {
  text-align: center;
  margin-top: 10px;

}

#vote-modal .section * {
  color: #4A4E4D;
}

#vote-modal .section-body {
  padding: 20px 40px;
}

#vote-modal .section-body * {
  font-size: 14px;
}

.section .border {
  width: 60%;
  margin: auto;
  border-top: 1px solid #898C8B;
}

@media (max-width: 767px){
  .nav.navbar-nav {
    background: #190101;
    margin: 0px -15px;
  }

  .lady-img {
    margin-bottom: 0px;
    width: 100%;
  }
}

.navbar-toggle {
    margin-top: 15px;
    margin-bottom: 15px;
}

.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
    border-color: transparent;
}

option{ background-color:#111; border-bottom:0.01em dotted #f0f0f0;}


input[type=file]{ display: none; opacity: 0;}

  .file-label{ 
    padding: 7px 20px; 
    margin-top: 43px; 
    text-align: left;  
    font-weight: 200;
    width:100%;
    border: 1px solid rgb(169, 65, 63); 
    border-radius: 20px; 
    color: #fff; 
  }

  @media(max-width: 768px){
    input[type=file], #file{ display: none; opacity: 0;}
    .file-label{ 
      padding: 7px 20px; 
      margin-top: 23px; 
    }
    .bottom-nav{ text-align: left; }
  }
  
 @media(max-width: 480px){
  .cardboard-wrap .crown{
      display:none;
  }
}

/*.cardboard-gallery {
  max-height: 800px;
  width: auto;
  margin: 0 auto;
  text-align: center;
   overflow: hidden;
}*/