/* Empty. Add your own CSS if you like */

/*
#222942 - header
#2B3350 - body
*/

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}


html, body, .pane, .view, .menu, .item.activated, .subpage {
	background-color: #2B3350;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}
.bar.bar-stable {
	background-color: #222942;
}
.bar.bar-stable .title, .bar-stable .button.button-clear {
	color: #fff;
}
.bar.bar-stable .title {
	background: url('../img/logo-f.png') no-repeat center center;
}

.pane:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*z-index: 1;*/
    /*opacity: 0.3;*/
    background-image: url('../img/bg.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.bg-img:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 200px;
    background-image: url('../img/bg.png');
    background-repeat: no-repeat;
    background-position: 50% 25%;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.bg-img.bg-img-friend:before {
	height: 240px;
}

.no-bg-img:before {
	height: 0px !important;
}

.home .logo {
	margin: 50px auto 40px;
}
.home h2 {
	font-size: 16px;
}
.home h3, .subpage h3 {
    text-transform: initial;
    color: rgba(255, 255, 255, 0.4);
    font-size: 13px;
    letter-spacing: initial;
    margin: 10px 0 30px;
}

.subpage h2 {
	font-size: 20px;
}
.subpage h3 {
    text-transform: initial;
    color: rgba(255, 255, 255, 0.4);
    font-size: 12px;
    letter-spacing: initial;
    margin: 10px 0 30px;
}

h3.searchInfo {
    margin-right: 50px;
    margin-left: 50px;
    margin-top: 100px;
    line-height: 22px;
}

.item {
	border-style: none;
	font-size: 14px;
	background: transparent;
	color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	letter-spacing: -1px;
}
h4 {
	text-transform: none;
}
h1, .h1 {
    font-size: 25px;
    font-weight: 500;
}



.card, .list-inset {
	background: transparent;
	border-radius: 0;
	box-shadow: none;
}
/*.card .item:first-child, .card .item:last-child, */
.list-inset .item:first-child, .list-inset .item, .padding > .list .item:first-child, .padding > .list .item, .list-inset .item:last-child, .padding > .list .item:last-child {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 23px;
}
.card .item, .list-inset .item {
	margin: 10px 0;
}
.list-inset .item .icon {
    font-size: 20px;
    margin: 0px 10px;
    color: #fff;
}
.item-underline {
	border-bottom: 2px solid rgba(255, 255, 255, 0.6);
}


.item-input-wrapper {
	background: none;
}
.item-input-inset .item-input-wrapper input[type="text"], .item-input-inset .item-input-wrapper input[type="search"], .item-input-inset .item-input-wrapper input[type="email"] {
	width: 100%;
}
.ico-button-large {
	font-size: 200%;
	color: #1DAECE;
}
.disabled {
	color: #999;
}

input[type="text"], input[type="password"], input[type="search"], input[type="email"] {
	color: #fff;
	/*border-bottom: 2px solid rgba(255,255,255,0.1);*/
	/*background-color: rgba(255, 255, 255, 0.2);*/
}

.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.margin-top-bottom {
	margin-top: 20px;
	margin-bottom: 30px;
}
.margin-top {
	margin-top: 20px;
}
.margin-bottom {
	margin-bottom: 30px;
}
.no-padding-top {
	padding-top: 0;
}
.no-padding-bottom {
	padding-bottom: 0;
}


[ng-click] {
	cursor: pointer;
}
a, a:hover, a:active, a:visited {
	color: #fff;
	text-decoration: underline;
}
a.nostyle {
	text-decoration: none;
}
a.blue {
	color: #1DAECE;
}

.theme, .recommendation {
	color: #1DAECE;
}
.genre, .status {
	color: #43A37A;
}
.light {
	/*color: #60667C !important;*/
	color: rgba(255, 255, 255, 0.4) !important;
}

.button-my, .button-my:active, .button-my.activated {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    border-color: transparent;
}
	.button-my.green, .button-my.green:active, .button-my.green.activated {
		background: #43A37A;
	}
	.button-my.blue, .button-my.blue:active, .button-my.blue.activated {
		background: #1DAECE;
	}

.button-rounded, .button-rounded.activated {
	border-radius: 23px;
	min-width: 47px;
	border-color: transparent;
}
.button-margin {
	margin-top: 10px;
	margin-bottom: 10px;
}

.popup-buttons .button, .popup-buttons .button:active, .popup-buttons .button.activated {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    border-color: transparent;
    background: #1DAECE;
	border-radius: 23px;
	min-width: 47px;
}
.button-go.activated {
	border-radius: 30px;
}

.facebook {
	background: #2B3990;
	color: #fff;
}
.twitter {
	background: #26A6DC;
	color: #fff;
}


.button-go {
    background: #9296A5;
    color: #2B3350;
    font-weight: bold;
    letter-spacing: -1px;
    margin-top: 5px;
    border-radius: 30px;
    width: 52px;
    height: 52px;
}


.movie {
	min-height: 170px;
}
.movie.item-thumbnail-left > img:first-child {
	max-height: initial;
	height: initial;
}

.tag-movie {
	position: relative;
	z-index: 2;
	top: -20px;
	margin-bottom: -25px;
}

.pill {
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 20px;
	padding: 5px 10px;
	font-size: 11px;
	line-height: 12px;
	margin: 0 0 10px;

}
.pill.followers {
	border-color: #1DAECE;
}
.pill.recommendations {
	border-color: #43A37A;
}
.pill.following {
	border-color: #60667C;
}
.pill.follow-profile, .pill.unfollow-profile {
	border-color: #60667C;
	display: inline-block;
	padding: 7px 15px;
	margin: 10px 0 0;
}

.pill.share {
	border-color: #1DAECE;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
	.pill.share.big {
		background: #1DAECE;
	}
.pill.recommend {
	border-color: #43A37A;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
	.pill.recommend.big {
		background: #43A37A;
	}
.pill.watch {
	border-color: #60667C;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
	.pill.watch.big {
		background: #60667C;
	}
.pill.follow {
	border-color: #43A37A;
	font-weight: bold;
	text-decoration: none;
	float: right;
    margin-top: -22px;
    color: #43A37A;
    text-transform: none;
    width: 70px;
    text-align: center;
}
.pill.unfollow {
	border-color: #60667C;
	font-weight: bold;
	text-decoration: none;
	float: right;
    margin-top: -22px;
    color: #60667C;
    text-transform: none;
    width: 70px;
    text-align: center;
}

.pill._tag {
	background: #1DAECE;
	color: #fff;
	margin: 0 3px;
	text-transform: lowercase;
    white-space: nowrap;
}
.pill._category {
	background: #43A37A;
	color: #fff;
	margin: 0 3px;
	text-transform: lowercase;
    white-space: nowrap;
}

.pill.big {
	padding: 10px 5px;
    text-align: center;
    margin: 0 2px;
}
.block {
	display: block;
}

.icon.share {
	color: #1DAECE;
	font-size: 60px;
}
.icon.recommend {
	color: #43A37A;
	font-size: 60px;
}
.icon.loading-icon {
	color: #43A37A !important;
	margin-bottom: 40px;
}


.pill.tag {
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: rgba(0,0,0,0.5);
}


.pill.smaller {
	font-size: 8px;
	padding: 5px 2px;
	margin: 0 2px;
}

.results-back {
	margin-right: 10px;
    padding: 5px 9px 5px 8px;
    border-radius: 50%;
    width: 20px;
    position: relative;
    top: -2px;
}


.avatar img {
	border-radius: 50%;
}
.avatar.small img {
	max-width: 20px;
    max-height: 20px;
    width: 100%;
    height: 100%;
    margin: 10px 5px;
}
.avatar.rent-button img {
	max-width: 50px;
	max-height: 50px;
  display: inline-block;
  margin: 1em;
}

.avatar.rent-button h3 {
  padding: 21px 0;
  text-align: left;
}

.item-avatar {
    padding-left: 60px;
}
.item-avatar.avatar-smaller {
    padding-left: 36px;
    min-height: 36px;
    font-size: 95%;
	padding-top: 15px;
	padding-bottom: 0;
}
.item-avatar.avatar-smaller > img:first-child {
	max-width: 20px;
	max-height: 20px;
	left: 0;
}
.item-avatar.avatar-smaller label {
	padding-left: 0;
}
.item-avatar.avatar-smaller input[type="text"] {
	font-size: 95%;
	padding-left: 0;
}


.avatar-recommendation {
    max-width: 20px;
    max-height: 20px;
    position: relative;
    left: -30px;
    margin-right: -25px;
}

.avatar-settings {

}
.avatar-settings img {
	max-width: 50px;
	max-height: 50px;
}


.settings-icon-button {

}
.settings-icon-button .icon {
    background-color: rgba(255, 255, 255, 0.2);
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 10px 0 0;
    border-radius: 50%;
    padding: 12px 15px;
    font-size: 23px;
}

.avatar-upload {
	position: relative;
    overflow: hidden;
}
.avatar-upload input#profilePhotoFileUpload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 40px;
    cursor: pointer;
    /*opacity: 0;
    filter: alpha(opacity=0);*/
    height: 80px;
}

.item-toggle {
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.6);
	font-size: 11px;
}
.item-toggle .toggle {
	opacity: 0.5;
}


.friends-list {
	padding-right: 0;
}
.friends-list strong {
	margin-top: 8px;
    display: block;
    font-size: 13px;
}
.friends-list.item-avatar > img:first-child, .friends-list.item-avatar .item-image, .friends-list.item-avatar .item-content > img:first-child, .friends-list.item-avatar .item-content .item-image, .friends-list.item-avatar-left > img:first-child, .friends-list.item-avatar-left .item-image, .friends-list.item-avatar-left .item-content > img:first-child, .friends-list.item-avatar-left .item-content .item-image {
	left: 0;
}

.cover-recommendation {
	max-width: 70px;
	height: auto;
}

.no-padding {
	padding: 0 !important;
}
.smaller {
	font-size: 70%;
}

.cover-image {
	position: relative;
	z-index: 1;
    width: 180px;
   	/*min-width: 200px;
    max-width: 260px;*/
    height: 280px;
    max-height: 280px;
    min-height: 280px;
	margin: 0 auto;
	background-color: rgba(20,25,40,0.7);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: background 1s linear;
	-moz-transition: background 1s linear;
	-o-transition: background 1s linear;
	transition: background 1s linear;
}
.cover-image img {
	max-width: 70%;
	min-width: 70%;
	height: auto;
	margin: 0 auto;
}

.movie-tags .pill {
	display: inline-block;
	font-size: 11px;
	padding: 3px 7px;
	text-transform: capitalize;
	margin: 0 3px 6px;
}

.two-line-up {
	padding-top: 0;
    margin-top: -5px;
}

.menu i {
    font-size: 23px;
    margin-right: 10px;
    width: 30px;
    display: block;
    float: left;
}
.menu .item {
	color: #fff;
}

.popup-container {
	background: rgba(0, 0, 0, 0.7);
}
.popup-container .popup {
	background: rgba(0, 0, 0, 0.7);
	border-radius: 5px;
}
.popup-container .popup-head {
	display: none;
}
.popup-container .popup-body {
    padding: 30px 10px;
    color: #fff;
}

.modal {
    background-color: rgba(20,25,40,0.7);
    /*top: 44px;*/
    top: 0;
}
.modal .subpage {
	background-color: rgba(20,25,40,0.7);
}

.backdrop {
	background-color: rgba(20,25,40,0.7);
}
.loading-container .loading {
	background-color: transparent;
}
.loading-container.active {
	background-color: rgba(20,25,40,0.7);
}


.icon-modal-big {
    display: inline-block;
    width: 100px;
    height: 100px;
    padding: 10px;
    border-radius: 50%;
}
.icon-modal-big.blue {
	border: 2px solid #1DAECE;
}
.icon-modal-big.green {
	border: 2px solid #43A37A;
}


.tableTags0 {
}
.tableTags1 {
    position: relative;
    left: 45px;
    top: -10px;
    margin-bottom: -10px;
}
.tableTags2 {
    position: relative;
    top: -10px;
    margin-bottom: -10px;
}
.tableTags3 {
    position: relative;
    left: 45px;
    top: -10px;
    margin-bottom: -10px;
}
.tableTags4 {
    position: relative;
    top: -10px;
    margin-bottom: -10px;
}

.tagsArray0, .tagsArray2 {
    position: relative;
    top: -10px;
    margin-bottom: -10px;
}
.tagsArray1, .tagsArray3 {
    position: relative;
    left: 45px;
    top: -10px;
    margin-bottom: -10px;
}

.tagUnique {
	/*
	float: left;
	width: 90px;
	height: 90px;
	*/
}

.tagsUnique {
	clear: both;
	padding-top: 10px;
	min-width: 60px;
}
.tagsUnique td {
	padding: 2px;
}

.tagsUnique div, .tagsUnique p {
  box-sizing: border-box;
}
.tagsUnique .tagUniqueWrapper {
  /*display: inline-block;*/
}
.tagsUnique div.tagUniqueWrapper, .tagsUnique div.tagUniqueTag {
  position: relative;
  display: table;
  height: 85px;
  width: 85px;
  /*margin-left: 5px;
  margin-top: 5px;*/
  border-radius: 50%;
  text-align: center;
  background-color: #1DAECE;
  /*border:1px solid #1DAECE;*/
  float: left;
}

.tagsUnique .bubbleCategory div.tagUniqueTag {
	background-color: #43A37A;
	/*border:1px solid #43A37A;*/
}
.tagsUnique .bubbleCategory.bubbleSelected div.tagUniqueWrapper, .tagsUnique .bubbleCategory.bubbleSelected div.tagUniqueTag, .tagsUnique .bubbleTag.bubbleSelected div.tagUniqueWrapper, .tagsUnique .bubbleTag.bubbleSelected div.tagUniqueTag {
	background-color: transparent;
}
.tagsUnique .bubbleTag.bubbleSelected div.tagUniqueWrapper {
	/*border: 1px solid #1DAECE;*/
	/*border: 1px solid rgba(29, 174, 206, 0.5);*/
	background-color: rgba(29, 174, 206, 0.1);
}
.tagsUnique .bubbleCategory.bubbleSelected div.tagUniqueWrapper {
	/*border: 1px solid #43A37A;*/
	/*border: 1px solid rgba(67, 163, 122, 0.5);*/
	background-color: rgba(67, 163, 122, 0.1);
}
.bubbleTag .tagUniqueTag span {
	color: #1DAECE;
}
.bubbleCategory .tagUniqueTag span {
	color: #43A37A;
}
.tagUniqueTag span {
	display: block;
	font-size: 13px;
	font-weight: 600;
}
.tagsUnique .bubbleSelected div.tagUniqueWrapper:after {
	content: ' ';
	display: block;
	border: 42px solid #1DAECE;
	background: transparent;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 85px;
	width: 85px;
	-webkit-animation: pulsation 3s ease-out;
	-moz-animation: pulsation 3s ease-out;
	animation: pulsation 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
}
.tagsUnique .bubbleCategory.bubbleSelected div.tagUniqueWrapper:after {
	border: 42px solid #43A37A;
}


.tagsUnique div p {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	/*padding-right: 5px;
	padding-bottom: 5px;*/
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 14px;
}

.chosenTagUniqueWrapper {
  position: relative;
  display: table;
  height: 52px;
  width: 52px;
  /*margin-left: 5px;*/
  margin-top: 5px;
  border-radius: 50%;
  text-align: center;
  background-color: #1DAECE;
  float: left;
}
.chosenTagUniqueWrapper div {

}
.chosenTagUniqueWrapper div p {
/*    font-size: 7px;
    font-weight: 500;
    line-height: 10px;
    padding-top: 3px;
    padding-right: 5px;*/

	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	font-weight: 500;
    text-transform: uppercase;
    line-height: 10px;
    font-size: 7px;
    height: 52px;
    padding-top: 8px;
    padding-right: 2px;
    text-align: center;
    width: 52px;
}

.chosenCategoryUniqueWrapper{
  position: relative;
  display: table;
  height: 52px;
  width: 52px;
  /*margin-left: 5px;*/
  margin-top: 5px;
  border-radius: 50%;
  text-align: center;
  background-color: #43A37A;
  float: left;
}

.chosenCategoryUniqueWrapper div p {
  /*    font-size: 7px;
      font-weight: 500;
      line-height: 10px;
      padding-top: 3px;
      padding-right: 5px;*/

  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding-right: 5px;
  padding-bottom: 5px;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 10px;
  font-size: 7px;
  height: 52px;
  padding-top: 8px;
  padding-right: 2px;
  text-align: center;
  width: 52px;
}


.chosenCustomUniqueWrapper{
  position: relative;
  display: table;
  height: 52px;
  width: 52px;
  /*margin-left: 5px;*/
  margin-top: 5px;
  border-radius: 50%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.2);
  float: left;
}

.chosenCustomUniqueWrapper div p {
  /*    font-size: 7px;
      font-weight: 500;
      line-height: 10px;
      padding-top: 3px;
      padding-right: 5px;*/

  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding-right: 5px;
  padding-bottom: 5px;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 10px;
  font-size: 7px;
  height: 52px;
  padding-top: 8px;
  padding-right: 2px;
  text-align: center;
  width: 52px;
}

/*
.g-1 div.tagUniqueWrapper, .g-1 div.tagUniqueTag {
	width: 120px;
	height: 120px;
	font-size: 20px;
}
*/


@-moz-keyframes pulsation {
 0% {
    -moz-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -moz-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -moz-transform: scale(1);
    opacity: 0.0;
 }
}

@-webkit-keyframes "pulsation" {
 0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
 }
}



.go-icon {
	color: #9296A5;
}

  div.go-icon:before{
    font-size: 63px !important;
  }
  .go-rounded{
    height: 62px;
    width: 62px;
    border-radius: 50%;
    -moz-border-radius: 5px;
  }

  .rounded{
    border-radius: 50%;
    width: 50px;
    height: 50px;
  }

  .elipse{
    border-radius: 25px;
    height: 50px;
  }


  .film-counter-left {
    text-align: left;
    z-index: 2;
    position: relative;
	top: 15px;
    left: -5px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: -20px;
    z-index: 90;
  }
  .film-counter-right {
    text-align: right;
    z-index: 2;
    position: relative;
	top: 15px;
    right: -5px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    z-index: 80;
  }


.increase-click-area {
    padding: 10px !important;
    margin-bottom: -10px;
    margin-top: -10px;
    margin-right: -10px;
    margin-left: -10px;
}

.searchingRelated {
	opacity: 0;
}

#errorMessage:first-letter{
  text-transform: uppercase;
}

.swiper-container {
	width: 280px;
	height: 280px;
	top: 20px;
}
.swiper-slide {
	/*background-image: url('https://images1-focus-opensocial.googleusercontent.com/gadgets/proxy?url=http://d3biamo577v4eu.cloudfront.net/static/images/redesign/poster_default_thumb.gif&container=focus&resize_w=410&refresh=2592000');*/
	background-color: rgba(20,25,40,0.7);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.6;
}
.swiper-slide-active {
	opacity: 1;
}

#currentMovie {
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
     opacity: 1;
}
#currentMovie.fade-out {
	opacity: 0;
}

.video-service.disabled {
  opacity: 0.8;
}

.tmdb-logo {
  max-width: 3em;
  max-height: 3em;
  position: absolute;
  bottom: 1em;
  left: 1em;
}