body {
	background: #f1f1f1;
	/* font-family: 'Source Sans Pro', sans-serif; */
	/*font-size: 12px;*/
	/*color: black;*/
	/*font-weight: 100;*/
	-webkit-font-smoothing: antialiased;
	padding-bottom: 0;
}

.corpo {
	/*height: 100vh;*/
	transition: background 0.2s ease;
	-webkit-transition: background 0.2s ease;
	-moz-transition: background 0.2s ease;
	-ms-transition: background 0.2s ease;
	-o-transition: background 0.2s ease;

	/*background-color: #F5F5F5;*/
	background-color: #f1f1f1;
    position: relative;
    z-index: 1;
    /*margin-bottom: 150px;*/
}

#fichafilme .corpo {
	margin-bottom: 150px;
}

.darkv .corpo {
	background-color: #323232;
}

.row {
	/* margin: 0 50px;
	margin:0 auto;
	width: 960px; */
}

.container {
	/*max-width:990px;*/
	margin:0 auto;
}

.relative {
	position: relative;
	z-index: 9;
}

.navi .contain ul li.is-current:before, .navi .contain ul li:hover:before {
  border-top: 2px solid crimson;
}
#logged_drp {
	border-bottom: 3px solid crimson;
	border-left: 0px solid crimson;
	/*background: rgba(88, 21, 21, 0.85);*/
}

.body_fixed {
	/*position: fixed;*/
	width: 100%;

}
.body_fixed #fichafilme .modal-dialog {
	/*overflow-y: hidden;*/
}

body.body_over_imp {
	overflow-y: scroll !important;
}

.brand {
	color: crimson;
}

.ficha.modal-open .modal {
	background: rgb(19,8,8,0.36);
}


/*----------------------------------------------
################################################
				DARK VERSION
################################################
/----------------------------------------------*/
	body.darkv {
		background: #323232;
		color: white;
	}
	.darkv .sub_menu{
		/*background: #292929;*/
		color: white;

	}

	.darkv .bannerBottom {
		border-bottom: none;
	}
	.darkv .l_grp {
		/*background: #323232;*/
		/*border: 1px solid #4c4c4c;*/
	}
	.darkv .oldd1 .grp{
		border-bottom: 1px solid #4c4c4c;
	}
	.darkv .oldd1 .collection_wrap .list-group-item {
		background: #323232;
		border: 1px solid #4c4c4c;
	}
	.darkv .collection_wrap .list-group-item {
		background: #2b2b2b;
		border: 1px solid #282828;
	}
	.darkv .s_toggle {
		border: 1px solid #4c4c4c;
		background: #323232;
	}

	.darkv .oldd1 .genre_k {
		border: 1px solid #4c4c4c;
		background: #323232;
	}
	.darkv .genre_k {
		background: #2b2b2b;
		border: 1px solid #282828;
	}

	.darkv .tabs li > label {
		border: 1px solid #4c4c4c;
		background: #323232;
	}

	.darkv .tabs li > input:checked + label {
		background:#292929;
		border: 1px solid #4c4c4c;
	}

	.darkv .tab_content {
		border: 1px solid #4c4c4c;
	}

	.darkv .img_wrap img {
		background: #292929;
		border: 1px solid #4c4c4c;
	}

	.darkv .l_grp textarea {
		background: #424242;
	}

	.darkv .oldd1 .grp {
		border-bottom: 1px solid #4c4c4c;
		border-top: 1px solid #292929;
	}

	.darkv .hide_pl {
		background: #323232;
	}

	.darkv .seen_dates tr {
		background: #2b2b2b;
		border: 1px solid #282828;
		border-right: none;
		border-bottom: 3px solid #323232;
	}
	.darkv .oldd1 .seen_dates tr {
		border: 1px solid #4c4c4c;
		background: #323232;
		border-bottom: 1px solid #4c4c4c;
	}
	.darkv .td_seen_bar {
		border-right: 1px solid #323232;
	}

	.darkv .l_grp p, .darkv .grp_label {
		color: #bfbfbf;
	}

	.darkv .l_grp p {
		border-bottom: 1px solid #464646;
	}

	.darkv .seen_dates tr:hover {
		background: none;
	}

	.darkv .btn:hover, .darkv .btn:focus {
		color:white;
		background: inherit;
	}
	.darkv .save_seen {
		color:black;
	}
	.darkv .rat {
		color:black;
	}

	.darkv .shorl_add {
		/*color:white;*/
	}
	.darkv .plist_place .bokcover  {
		/*background: #292929;*/
	}
	.darkv .edit_discos {
		color: black;
	}
	.darkv .plus_btn {
		box-shadow: -2px 6px 8px rgba(0,0,0,0.8);
	}

	.darkv .media_bar {
		/*background-color: rgb(51,59,62);*/
		/*color: rgb(191,191,191);*/
	}

	

	.darkv .modal-dialog {
		color: black;
	}

	


/*----------------------------------------------
################################################
				NAVBAR
################################################
/----------------------------------------------*/
	
	.ficha nav.navi {
		background-color: transparent;
		box-shadow: none;
		-webkit-transition: background-color 0.8s ease;
		-o-transition: background-color 0.8s ease;
		transition: background-color 0.8s ease;
		font-size: 0;
	}
	.ficha nav.navi_back {
		background-color: rgba(82, 82, 82, 0.82) !important;
	}
	
	.body_ficha nav.navi {
		background-color: rgba(0, 0, 0, 0);
		width: calc(100% - 19px);
		box-shadow: none;
	}
	.ficha nav.navi .contain ul:first-of-type li.nav_link, .ficha nav.navi .contain ul:first-of-type {
		border-color:transparent;
		border-right:none;
		text-align: center;
	}
	.ficha nav.navi ul:first-of-type .nav_link a {
		/*color: white;*/
		/*color: rgba(255, 255, 255, 0.42);*/
		color: rgba(255, 255, 255, 0.72);
	    font-size: 14px;
	    text-transform: uppercase;
	    font-weight: 500;
	    letter-spacing: 0.3px;
	}

	.body_ficha #fichafilme > .modal-dialog {
		/*padding-top: 30px;*/
		margin: 0px 0 0 0;
		height: calc(100% - 0px);
	}

	.ficha nav.navi .lg_active {
	    background: rgba(244, 244, 244, 0.26);
	}
	
	.ficha nav.navi + .lg_on {
		top: 0px !important;
		padding-top: 35px !important;
	}

	.ficha nav.navi .main_search i {
		color: rgba(255, 255, 255, 0.37);
		color: transparent;
		    display: none;
	}
	.ficha .nav_link {
		/*width: calc((85% - 43px - 43px) / 2);*/
		/*width: 20%;*/
		width: 125px;
		/*text-align: center;*/
	}

	.ficha nav.navi .main_search input:focus {
		color: white;
	}

	.ficha nav.nav_whitc .main_search input:focus, .ficha nav.nav_whitc a {
		color: black;
	}

	.ficha nav.navi .brand {
		color: #f30330;
	}
	.ficha nav.navi .main_search input {
		opacity: 1;
		background-color: rgba(255, 255, 255, 0);
		width: 95%;
	}
	.ficha nav.navi .main_search {
		/*background-color: rgba(255, 255, 255, 0.12);*/
		background-color: transparent;
		border-radius: 2px;
		width: calc((100% / 3) - 94px );
		margin-right: 0;
		border-radius: 0;
		margin-left: 10%;
		/*padding-left: 10%;*/
	}
	.ficha .type_of_search {
		font-size: 14px !important;
	    font-weight: 500;
	    letter-spacing: 0.3px;
	    /*padding: 2px 0px;*/
	    margin: 0;
	    text-transform: uppercase;
	    margin-left: -10px;
	    /*opacity: 0.4 !important;*/
	}
	.ficha .main_search .nav_search:focus + span + input + .type_of_search {
		opacity: 0.4 !important;
	}

	.ficha .navit_user,.ficha ul .nav_link:last-of-type {
		width: 42px;
	}
	.ficha .main_search {
		background-color: red;
		margin-left: 0;
		font-size: 14px;
	} 
	.ficha .navi > .nav_overflow > ul:first-of-type {
		/*background-color: rebeccapurple;*/
		width: calc(85% - ((100% - 94px) / 3));
	}

	.ficha .nav_link:nth-of-type(3) {
		/*margin-right: 15%;*/
		/*margin-right: calc(57% - 43px - 43px);*/
		margin-right: calc(100% - (125px * 2) - (43px * 2));
	}

	.gobackpop {
		position: fixed;
		color: rgba(255, 255, 255, 0);
		top: 43px;
		left: 0px;
		z-index: 100;
		padding: 5px 10px;
		font-size: 25px;
	}
	.gobackpop:hover {
		cursor: pointer;
		color: rgba(255, 255, 255, 0.33);
	}

	.ficha .navit_user:hover .user_drop {
		top: 23px;
	}

	/*SEARCH*/
		.ficha nav.navi input.nav_search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		  /*color: #dedede;*/
		  color: rgba(255, 255, 255, 0.72);
		  font-size: 14px;
		  text-transform: uppercase;
		  font-weight: 500;
		  letter-spacing: 0.3px;
		  text-align: right;
		  padding-left:30px;
		}
		.ficha nav.navi input.nav_search::-moz-placeholder { /* Firefox 19+ */
		  /*color: #dedede;*/
		  color: rgba(255, 255, 255, 0.72);
		  font-size: 14px;
		  text-transform: uppercase;
		  font-weight: 500;
		  letter-spacing: 0.3px;
		  text-align: right;
		  padding-left:30px;
		}
		.ficha nav.navi input.nav_search:-ms-input-placeholder { /* IE 10+ */
		  /*color: #dedede;*/
		  color: rgba(255, 255, 255, 0.72);
		  font-size: 14px;
		  text-transform: uppercase;
		  font-weight: 500;
		  letter-spacing: 0.3px;
		  text-align: right;
		  padding-left:30px;
		}
		.ficha nav.navi input.nav_search:-moz-placeholder { /* Firefox 18- */
		  /*color: #dedede;*/
		  color: rgba(255, 255, 255, 0.72);
		  font-size: 14px;
		  text-transform: uppercase;
		  font-weight: 500;
		  letter-spacing: 0.3px;
		  text-align: right;
		  padding-left:30px;
		}

		.ficha nav.navi input.nav_search:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		  text-align: left;
		}
		.ficha nav.navi input.nav_search:focus::-moz-placeholder { /* Firefox 19+ */
		  text-align: left;
		}
		.ficha nav.navi input.nav_search:focus:-ms-input-placeholder { /* IE 10+ */
		  text-align: left;
		}
		.ficha nav.navi input.nav_search:focus:-moz-placeholder { /* Firefox 18- */
		  text-align: left;
		}


	/*OLD*/
		/*nav {
			background: rgba(255,255,255,0.6);
			position: fixed;
			width: 100%;
			top:0;
			backface-visibility:hidden;
			-webkit-backface-visibility:hidden;
			transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			z-index:5000;
			font-size: 1.3em;
		}
		.nav_white {
			background: white;
			border-bottom: 1px solid #f1f1f1;
		}
		

		nav ul {
			list-style-type: none;
			display: inline-block;
			margin: 0;
			padding: 0;
		}

		nav ul li {
			display: inline-block;
			padding: 4px 15px;
		}

		.nav_active {
			border-bottom: 3px solid firebrick;
			font-weight: bold;
		}

		.inline {
			display: inline-block;
			padding: 4px 15px;
		}

		.nav_user {
			font-size: 0.8em;
		}

		.brand {
			font-size: 0.7em;
			margin-left: 10px;
		}

		.brand_container {
			padding: 0;
			margin: 0;
		}

		.main_search {
			width: 45%;
		}
		.main_search input {
			margin: 0;
			border: none;
			outline: none;
			width: 90%;
			margin-left: 5px;
			padding: 0 10px;
			border-radius: 3px;
			opacity: 0.2;
			color:rgba(0,0,0,0);
			transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;

		}
		.main_search input:focus {
			opacity: 0.8;
			color:black;
		}

		.main_search i {
			color: black;
		}

		.nav_link {
			cursor: pointer;

		}

		.nav_sm {
			height: inherit;
		}

		.nav_menu {
			padding: 0;
			width: 20px;
			display:none;
			cursor: pointer;
		}
		.nav_menu:hover div{
			margin-left: 2px;
		}
		

		.nav_menu div {
			background:black;
			height: 3px;
			width: 17px;
			margin: 2px 2px;
			border-radius:2px;
			margin-left: -10px;
			transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
		}
		*/

/*----------------------------------------------
################################################
				TOP INFO
################################################
/----------------------------------------------*/

	.top_info {
		background-image: url('back1.jpeg');
		background-image: url('../images/bg-banner.jpg');
		background-repeat: repeat;
		background-attachment: fixed;
		background-position: 50% 0px;
		/*background-size: 100%; */
		/*background-size: cover;*/
		position: relative;
		background-color: #000;
		min-height: 100px;
		color:whitesmoke;
		/*-webkit-transition: background-position 0.1s linear;
		-o-transition: background-position 0.1s linear;
		transition: background-position 0.1s linear;*/
		
	}

	body:not(.body_ficha) .top_info {
		margin-top: -30px;
	}

	.top_banner_load {
		position: fixed;
		top: 100px;
		left: 50%;
		transform: translateX(-50%);
		font-size: 25px;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
		color: #dedede;
		-webkit-animation: load_zoom 0.6s infinite linear;
	            -moz-animation: load_zoom 0.6s infinite linear;
	            -ms-animation: load_zoom 0.6s infinite linear;
	            -o-animation: load_zoom 0.6s infinite linear;
	            animation: load_zoom 0.6s infinite linear;

	  /*   width: 100%;
	         height: 100%;
	         top: 0;
	         background: linear-gradient(-45deg, #2c2c2c 0%,#202020 0%,#2c2c2c 100%);
	         font-size: 0;*/

	}	

		@keyframes load_zoom {
	        from { font-size: 24px;  }
	        to   { font-size: 25px; }
	    }

	    /* Firefox */
	    @-moz-keyframes load_zoom {
	        from { font-size: 24px;  }
	        to   { font-size: 25px; }
	    }

	    /* Safari and Chrome */
	    @-webkit-keyframes load_zoom {
	        from { font-size: 24px;  }
	        to   { font-size: 25px; }
	    }

	    /* Internet Explorer */
	    @-ms-keyframes load_zoom {
	        from { font-size: 24px;  }
	        to   { font-size: 25px; }
	    }​

	    /* Opera */
	    @-o-keyframes load_zoom {
	        from { font-size: 24px;  }
	        to   { font-size: 25px; }
	    }​

	.top_info_quad {
		background-repeat: no-repeat;
		/*background-position: 50% -60px;*/
		background-position: 50% 0px;
		/*background-size: 107%;*/
		/*opacity: 0;*/
		/*-webkit-animation: fadein 4s; 
		            -moz-animation: fadein 4s; 
		            -ms-animation: fadein 4s; 
		            -o-animation: fadein 4s; 
		            animation: fadein 4s;*/
		            position: relative;
		-webkit-transition: background-size 3s ease-out 0.2s, opacity 0.3s ease-in;
		-o-transition: background-size 3s ease-out 0.2s, opacity 0.3s ease-in;
		transition: background-size 3s ease-out 0.2s, opacity 0.3s ease-in;

	}

	.oldd1 .dark_image {
		height: inherit;
	}
	.dark_image {
		height: 465px;
		/*height: 100%;*/
	}

	.oldd1 .top_info + .container {
		margin-top: 30px;
	}
	.top_info + .container {
		margin-top: 55px;
	}

	.oldd1 .top_info_banner {
		height: inherit;
	}
	.top_info_banner {
		/*background-position: 50% -120.456px;*/
		background-position: 50% -60px;
		/*background-size: 107%;*/
		background-repeat: no-repeat;
		/*opacity: 0;*/
	
		/*-webkit-animation: fadein 4s; 
		            -moz-animation: fadein 4s; 
		            -ms-animation: fadein 4s; 
		            -o-animation: fadein 4s; 
		            animation: fadein 4s;*/

		-webkit-transition: background-size 3s ease-out 0.2s, opacity 0.3s ease-in;
		-o-transition: background-size 3s ease-out 0.2s, opacity 0.3s ease-in;
		transition: background-size 3s ease-out 0.2s, opacity 0.3s ease-in;

		/*height: 480px;*/

		position: relative;
	}

	@keyframes fadein {
        from { opacity: 0;  }
        to   { opacity: 1; }
    }

    /* Firefox */
    @-moz-keyframes fadein {
        from { opacity: 0;  }
        to   { opacity: 1; }
    }

    /* Safari and Chrome */
    @-webkit-keyframes fadein {
        from { opacity: 0;  }
        to   { opacity: 1; }
    }

    /* Internet Explorer */
    @-ms-keyframes fadein {
        from { opacity: 0;  }
        to   { opacity: 1; }
    }​

    /* Opera */
    @-o-keyframes fadein {
        from { opacity: 0;  }
        to   { opacity: 1; }
    }​
	
	

	.dark_image {
		padding-top: 40px;
	}
	
	.dark_image > .container {
		 padding-top: 50px;
		/*margin: 0 40px */
		
	}

	.top_info:before {
		content: "";
		display: block;
		background: rgb(31 30 33 / 0%);
		width: 100%;
		height: calc(100% - 2px);
		/*height: calc(100% + 31px);*/
		z-index: 1;
		position: absolute;
		transition: background 0.7s ease;
	}

	.before_quad_trans.top_info:before {
		background: rgb(31 30 33 / 100%);

	}	
	.before_quad_trans6.top_info:before {
		/*MICROBIAL MATT*/
		background: radial-gradient(circle at 0% 50%, rgba(96, 16, 48, 0) 9px, #063829 10px, rgba(96, 16, 48, 0) 11px) 0px 10px, radial-gradient(at 100% 100%, rgba(96, 16, 48, 0) 9px, #0b4507 10px, rgba(96, 16, 48, 0) 11px), #21251c;
		background-size: 20px 20px;
	}
	.before_quad_trans5.top_info:before {
		/*ZIGZAG*/
		background:
		linear-gradient(135deg, #2f2f2e 25%, transparent 25%) -50px 0,
		linear-gradient(225deg, #2f2f2e 25%, transparent 25%) -50px 0,
		linear-gradient(315deg, #2f2f2e 25%, transparent 25%),
		linear-gradient(45deg, #2f2f2e 25%, transparent 25%);
		background-size: 100px 100px;
		background-color:#423436;
	}
	.before_quad_trans4.top_info:before {
		/*WEAVE*/
		background:
		linear-gradient(135deg, #4c5863 21px, #45617e 22px, #45617e 24px, transparent 24px, transparent 67px, #45617e 67px, #45617e 69px, transparent 69px),
		linear-gradient(225deg, #4c5863 21px, #45617e 22px, #45617e 24px, transparent 24px, transparent 67px, #45617e 67px, #45617e 69px, transparent 69px)0 64px;
		background-color:#4c5863;
		background-size: 64px 128px;
	}
	.before_quad_trans3.top_info:before {
		/*BRICKS*/
		background-color: #1c1818;
		background-image: linear-gradient(335deg, #400808 23px, transparent 23px),
		linear-gradient(155deg, #451111 23px, transparent 23px),
		linear-gradient(335deg, #431010 23px, transparent 23px),
		linear-gradient(155deg, #481d1d 23px, transparent 23px);
		background-size: 58px 58px;
		background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px;
	}
	.before_quad_trans2.top_info:before {
		/*TABLECLOTH*/
		background-color:#240b0b;
		background-image: linear-gradient(90deg, rgb(69 4 4 / 50%) 50%, transparent 50%),
  		linear-gradient(rgb(64 4 4 / 50%) 50%, transparent 50%);
		background-size:50px 50px;	
	}

	.before_quad_trans1.top_info:before {
		/*HONEYCOMB*/
		background:
		radial-gradient(circle farthest-side at 0% 50%,#31302c 23.5%,rgba(240,166,17,0) 0)21px 30px,
		radial-gradient(circle farthest-side at 0% 50%,#654a21 24%,rgba(240,166,17,0) 0)19px 30px,
		linear-gradient(#31302c 14%,rgba(240,166,17,0) 0, rgba(240,166,17,0) 85%,#31302c 0)0 0,
		linear-gradient(150deg,#31302c 24%,#654a21 0,#654a21 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#654a21 0,#654a21 76%,#31302c 0)0 0,
		linear-gradient(30deg,#31302c 24%,#654a21 0,#654a21 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#654a21 0,#654a21 76%,#31302c 0)0 0,
		linear-gradient(90deg,#654a21 2%,#31302c 0,#31302c 98%,#654a21 0%)0 0 #31302c;
		background-size: 40px 60px;
	}

	.hide_trans.top_info:before {
		z-index: 0;
		background: rebeccapurple;
	}
	
	.bannerBottom {
		width: 100%;
		height: 20px;
		position: relative;
		left: 0;
		bottom: 0;
		display: none;
		/*z-index: 10;*/
/*		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.8)));
		background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%); 
		background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8)));
		background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 );
*/		/*border-bottom:2px solid white;*/
	}
	.bannerBottom .container {
		position: relative;
	}

	.shorl_add {
		position: absolute;
		/*left: 8%;*/
		left: 30%;
		font-size: 18px;
		padding: 1px 8px;
		top: -11px;
		border-radius: 2px;
		border: 1px solid transparent;
		color:crimson;
	}
	.shorl_add i {
		opacity: 0.3;
		z-index: 1;
		position: relative;
		top: 0;
		/*-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-ms-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;*/

	}
	.shorl_add:hover{
		cursor: pointer;
		border: 1px solid #ed143d47;
		    background: #ed143d4a;
	}
	.shorl_add:hover i {
		opacity: 0.7;
		/*top: -20px;*/
	}
	.shorl_add:active {
		background: #994133;
		    color: #011e15 !important;
		    -webkit-transition:all 0.0s ease-in-out;
		    -moz-transition:all 0.0s ease-in-out;
		    -ms-transition:all 0.0s ease-in-out;
		    -o-transition:all 0.0s ease-in-out;
		    transition:all 0.0s ease-in-out;
	}
	.wa_g .shorl_add:active {
		background: #33995c !important;
		/*color: #011e15 !important;*/
	}
	.wa_g .shorl_add:hover {
		border: 1px solid #17da6587;
		    background: #36b73652;
	}

	.wa_g .shorl_add {
		color: #17da65;
	}
		
	.plist_place .bokcover {
		height: 0;
		width: 30px;
		/*background: white;*/
		display: inline-block;
		position: absolute;
		top: 29px;
		z-index: 10;
	}
	.bok_sel {
		z-index: 1 !important;
		opacity: 1 !important;
		/*box-shadow: -3px -5px 6px rgba(0,0,0,0.5);*/
	}
	
	.show_hidden_pl {
		position: absolute;
	    left: 80%;
	    font-size: 13px;
	    padding: 1px 8px;
	    top: -6px;
	    color: rgb(232, 168, 186, 0.3);
	    cursor: pointer;
	    display: none;
	}
	.show_hidden_pl:hover {
		color: rgb(232, 168, 186, 0.6);
	}
	/*.before_quad_trans .poster {
		margin-left: -100%;
	}*/
	.oldd1 .poster {
		margin:10px 40px 40px 0px;
		top: 0;
	}
	.poster {
		background:gray;
		width:190px;
		height:270px;
		margin:2px 10px 40px 40px;
		float: left;
		/*background: #D0D0C6;*/
		color:white;
		/*font-size: 1.2em;*/
		-webkit-transition: margin-left 0.6s ease-out;
		-o-transition: margin-left 0.6s ease-out;
		transition: margin-left 0.6s ease-out;
		top: 225px;
		z-index: 2;
		    position: relative;
	}
	.poster img {
		margin: 0 auto;
		display: block;
		box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.5);
		max-width: 190px;
		    max-height: 285px;
	}
	.oldd1 .poster img {
		max-width: 179px;
		max-height: 249px;
		box-shadow: none;
	}

	.poster label {
		margin-top: 50px;
		margin-left: 3px;
	}

	.poster b {
		color:#9A9A9A;
	}

	.pdb + a img {
		height: 225px !important;
		width : inherit !important;
		max-width: 175px !important;
	}
	
	.oldd1 .head_info {
		top: 0;
	}
	.head_info {
		margin-top:10px;
		top: 214px;
		    position: relative;
		    text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
		    z-index: 1;
	}
	.oldd1 .head_info {
		text-shadow: none;
	}
	.head_info div {
		/*margin-bottom:5px;*/
	}
	
	.tv_details {
		margin-left: 15px;
		display: inline-block;
	    vertical-align: top;
	    border: 1px solid #ffffff42;
	    padding: 2px 6px;
	    color: #ffffffb0;
	}

	.tv_state, .tv_episodes, .tv_seasons {
		font-size: 14px;
		font-weight: 400;
		/*padding-bottom: 10px;*/

	}
	
	.titulo {
		font-size:2.5em;
		line-height: 1;
		margin-bottom: 4px;
		word-break: break-word;
	}
	
	.more_info {
		font-size: 1.4em;
		vertical-align: top;
		/*height: 35px;*/
	}
	.more_info span {
		vertical-align: top;
		margin-right: 10px;
	}

	.realizador {
		font-size: 1.4em;
	}
	
	.ff_ano {
		display: inline-block;
		vertical-align: inherit;
		color: inherit;
		text-decoration: none;
		margin-right: 10px;
	}
	.ff_ano:hover, .ff_ano:visited, .ff_ano:focus {
		color: inherit;
		opacity: 0.8;
		text-decoration: none;
	}
	.dir-grp {
		display: inline-block;
		/*padding-bottom: 15px;*/
		max-height: 110px;
		    overflow-y: auto;
	}
	.oldd1 .dir-grp {
		padding-bottom: 0;
	}
	.dir-grp a {
		display: block;
	}

	.more_hide {
		display: none;
	}
	.more_hide_btn {
		cursor: pointer;
		color:rgba(255,255,255,0.5);
		font-size: 0.8em;
	}
	.more_hide_btn:hover {
		color:rgba(255,255,255,1);
	}

	.dir-grp::-webkit-scrollbar {
	  width: 6px;
	  height: 6px;
	}
	.dir-grp::-webkit-scrollbar-button {
	  width: 0px;
	  height: 0px;
	}
	.dir-grp::-webkit-scrollbar-thumb {
	  background: #3c3535;
	  border: 5px none #ffffff;
	  border-radius: 12px;
	}
	.dir-grp::-webkit-scrollbar-thumb:hover {
	  background: #5E5454;
	}
	.dir-grp::-webkit-scrollbar-thumb:active {
	  background: #6F6F6F;
	}
	.dir-grp::-webkit-scrollbar-track {
	  background: transparent;
	  border: 18px none #ffffff;
	  border-radius: 44px;
	}
	.dir-grp::-webkit-scrollbar-track:hover {
	  background: transparent;
	}
	.dir-grp::-webkit-scrollbar-track:active {
	  background: transparent;
	}
	.dir-grp::-webkit-scrollbar-corner {
	  background: transparent;
	}

	/*--------RATE---------*/
	.rate {
		margin-top: 225px;
		-webkit-transition: margin-top 0.5s ease-out 0.4s;
		-o-transition: margin-top 0.5s ease-out 0.4s;
		transition: margin-top 0.5s ease-out 0.4s;

		position: relative;
		z-index: 1;
	}
	
	/*.before_quad_trans .rate {
	    margin-top: 0px;
	}*/

	
	#progress_meter {
		cursor:pointer;
		-webkit-transition:opacity 0.2s ease-in-out;
		-moz-transition:opacity 0.2s ease-in-out;
		-ms-transition:opacity 0.2s ease-in-out;
		-o-transition:opacity 0.2s ease-in-out;
		transition:opacity 0.2s ease-in-out;
	}
	
	#progress_meter:hover {
		opacity:0.8;
	}
	#progress_meter:hover #center-circle {
		width: 80px;
		height: 80px;
		top: 10px;
		left: 10px;
	}
	#progress_meter:hover #center-circle span {
		padding-top: 37px;
	}

	
	#center-circle {
		-webkit-transition:left 0.2s ease-in-out, top 0.2s ease-in-out, height 0.2s ease-in-out, width 0.2s ease-in-out;
		-moz-transition:left 0.2s ease-in-out, top 0.2s ease-in-out, height 0.2s ease-in-out, width 0.2s ease-in-out;
		-ms-transition:left 0.2s ease-in-out, top 0.2s ease-in-out, height 0.2s ease-in-out, width 0.2s ease-in-out;
		-o-transition:left 0.2s ease-in-out, top 0.2s ease-in-out, height 0.2s ease-in-out, width 0.2s ease-in-out;
		transition:left 0.2s ease-in-out, top 0.2s ease-in-out, height 0.2s ease-in-out, width 0.2s ease-in-out;
	}

	/*-------- RATE SMALL ---------*/

	.rate_box {
		width: 555px;
		margin: 20px auto;
		padding: 10px;
		border: 1px solid #ddd;
		border-radius: 3px;
		background: white;
		box-shadow: 0 6px 12px rgba(0,0,0,.175);
		position: absolute;
		display: none;
		z-index: 2000;
	}
	.rate_gen {
		/*margin: 10px auto;*/
		height: 25px;
		width: 350px;
		background: #ddd;

		border-radius: 3px;
		box-shadow: inset 0px 1px 3px rgba(0,0,0,0.2);
		padding: 2px;
		position: relative;
		display: inline-block;
	}

	.rate_gen input[type='range'] {
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		border-radius: 5px;
		/*opacity: 0;*/
		background: rgba(0,0,0,0);
		height: 21px;
		width: 100%;
		left: 0;
		vertical-align: middle;
		outline: none;
		position: absolute;
		z-index: 500;
	}
	.rate_gen input[type=range]::-webkit-slider-thumb {
	    -webkit-appearance: none;
	    border: 1px solid silver;
	    box-shadow: -1px 2px 4px rgba(0,0,0,0.3);
	    height: 30px;
	    width: 10px;
	    border-radius: 5px;
	    background: -webkit-linear-gradient(white, #ddd); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(white, #ddd); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(white, #ddd); /* For Firefox 3.6 to 15 */
		background: linear-gradient(white, #ddd); /* Standard syntax */
	}

	.bar_cover {
		border-radius: 5px;
		background-color: green;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(seagreen), to(#2F2727));
		background: -webkit-linear-gradient(top, limegreen, palegreen, green, limegreen);
		background: -webkit-linear-gradient(top, palegreen, green, limegreen);
		height: 21px;
		width: 0%;
		left: 0;
		vertical-align: middle;
		position: absolute;
		z-index: 50;
		/*-webkit-transition:all .2s ease-in-out;
		-moz-transition:all .2s ease-in-out;
		-ms-transition:all .2s ease-in-out;
		-o-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;*/
	}

	.rate_disp {
		font-size: 1.3em;
		padding: 0 5px;
		border:1px solid #ddd;
		vertical-align: top;
		margin-left: 5px;
		color:seagreen;
		cursor: pointer;
		width: 45px;
		height: 24px;
		display: inline-block;
		text-align: center;
		border-radius: 3px;
	}

	.close_rate {
		font-weight: 700;
		padding: 0 3px;
		color:crimson;
		cursor:pointer;
		border-radius: 0 4px 4px 0;
	}
	.save_rate {
		border-radius: 4px 0 0 4px;
		border-right-width: 0 !important;
	}
	.rate_box i {
		padding: 3px 5px;
		vertical-align: top;
		position: relative;
		top: 2px;
		border: 1px solid rgba(0,0,0,0);
		cursor: pointer;
		margin-right: 3px;
		color:black;
	}
	.rate_box i:hover {
		border: 1px solid #ddd;
	}
	.rate_box i:active, .btn_ratebox:active {
		color:seagreen;
		background:  #ddd;
		box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	}
	.btn_ratebox {
		width: 45px;
		color: #333;
		background-color: #fff;
		border:1px solid #ccc;
		display: inline-block;
		padding: 2px 6px;
		margin-bottom: 0;
		font-size: 12px;
		font-weight: 400;
		text-align: center;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		
	}
	.btn_ratebox:hover {
		background: #e6e6e6;
	}

	.btn_group {
		display: inline-block;
		vertical-align: top;
	}

	/*-------- PLISTS ---------*/
	.oldd1 .plist_place {
		top: 0;
	}
	.plist_place {
		/*margin-top:50px;*/
		margin-top: 20px;
		position: relative;
		top: 215px;
		z-index: 2;
	}
	.plist_place .plist_item a:first-of-type {
		max-width: 130px;
		margin-right: 5px;
		display: inline-block;
		font-size: 12px;
		text-transform: uppercase;
	    white-space: nowrap;
	   
	    /*color: rgba(230, 178, 178, 0.67);*/
	    font-weight: 500;
	    display: block;
	    text-align: right;
    	overflow: hidden;
    	text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
    	color: rgba(255, 209, 204, 0.94);
    	margin-left: 0px;
    	-webkit-transition:margin-left 0.4s ease-out;
    	-moz-transition:margin-left 0.4s ease-out;
    	-ms-transition:margin-left 0.4s ease-out;
    	-o-transition:margin-left 0.4s ease-out;
    	transition:margin-left 0.4s ease-out;

	}

	.plist_place .plist_item .pass_coka.pl_slide {
		/*right: 17px;*/
		min-width: 130px;
		position: absolute;
	    overflow: inherit;
	    max-width: inherit;
	    margin-left: 0px;
	}

	.oldd1 .plist_place .plist_item a:first-of-type {
		 color: rgba(255, 255, 255, 0.67);
	}
	.pl_head {
		text-align:right;
		opacity: 0;
	}
	
	.oldd1 .cat_container {
		border-top:3px solid crimson;
		width: 100%;

	}
	.cat_container {
		overflow: hidden;
		overflow-y: auto;
		/*height: 180px;*/
		height: 220px;
		width: 95%;
	}

	.oldd1.wa_g .cat_container {
		border-top: 3px solid #00a250;
	}

	.plist_item label {
		display: block;
		/* opacity: 0.4; */
		/* opacity: 0; */
		font-size: 11px;
		margin-bottom: 0px;
		margin-left: 0px;
		font-weight: 400;
		position: absolute;
		left: 0%;
		top: 0;
		padding: 9px 3px;
		background: #94797521;

		min-width: 0;
		width: 0;
		color:transparent;
		transition: all 0.4s ease-out 0.3s;
		white-space: nowrap;
	}
	.plist_item label:hover {
		min-width: 100%;
		color: white;
		width: inherit;
		background: #994133fc;
		transition: all 0.2s ease;
	}
	.plist_item label:hover::after {
		right: 0;
		border-width: 0px 0px 0 0;
	}
	.plist_item label:after {
		display: block;
		content:"";
		top: 0;
	    right: -7px;
	    position: absolute;
	    border-style: solid;
	    border-width: 35px 7px 0 0;
	    border-color: #94797521 transparent transparent transparent;
	}
	/*.cat_container::-webkit-scrollbar {
		width: 7px;

	}
	 
	.cat_container::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1); 
		border-radius: 10px;
		background: rgba(178,34,34, 0.5);

	}
	 
	.cat_container::-webkit-scrollbar-thumb  {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1);
		background: firebrick;
	}*/
	.cat_container::-webkit-scrollbar {
	  width: 2px;
	  height: 2px;
	}
	.cat_container::-webkit-scrollbar-button {
	  width: 0px;
	  height: 0px;
	}
	.cat_container::-webkit-scrollbar-thumb {
	  background: #3c3535;
	  border: 5px none #ffffff;
	  border-radius: 12px;
	}
	.cat_container::-webkit-scrollbar-thumb:hover {
	  background: #5E5454;
	}
	.cat_container::-webkit-scrollbar-thumb:active {
	  background: #6F6F6F;
	}
	.cat_container::-webkit-scrollbar-track {
	  background: transparent;
	  border: 18px none #ffffff;
	  border-radius: 44px;
	}
	.cat_container::-webkit-scrollbar-track:hover {
	  background: transparent;
	}
	.cat_container::-webkit-scrollbar-track:active {
	  background: transparent;
	}
	.cat_container::-webkit-scrollbar-corner {
	  background: transparent;
	}
	.cat {
		
		color:whitesmoke;
		cursor:pointer;
		font-size: 1.2em;
		position: relative;
		
		/*border-bottom: 1px solid rgba(255, 255, 255, 0.25);*/
		height: 35px;
		padding: 9px 5px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
		background: #a7a7a72b;

	}
	.cat:hover {
		/* background:#EBEBEB; */
		color:aliceblue;
		/* border:1px solid #EBEBEB; */
	}
	.oldd1 .cat {
		height:25px;
		padding: 1px 5px;
		border-bottom: none;
		background: transparent;
	}

	.cat_container .cat:last-of-type {
		border-bottom: none;
	}
	.plpop {
		position: absolute;
		top: 290px;
		-webkit-transition:top 0.2s ease-in-out;
		-moz-transition:top 0.2s ease-in-out;
		-ms-transition:top 0.2s ease-in-out;
		-o-transition:top 0.2s ease-in-out;
		transition:top 0.2s ease-in-out;
		
	}
	.plpop_on {
		top: -90px;
		z-index: 1;
	}


	/*--------PLISTS PLUS BTN---------*/
	.plus_btn {
		display: none;

		background: crimson;
		height: 50px;
		float: right;
		/* margin-right: 50px; */
		left:89%;
		width: 50px;
		border-radius: 50%;
		color: white;
		text-align: center;
		font-size: 37px;
		cursor:pointer;
		position: absolute;
		top: -5px;
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-ms-transition:all .3s ease;
		-o-transition:all .3s ease;
		transition:all .3s ease;
		-webkit-font-smoothing: antialiased;
		box-shadow: -2px 1px 5px rgba(0,0,0,.4);
		z-index: 10;
	}
	
	/*.before_quad_trans .plus_btn {
		top: 75px;
	}*/

	.plus_btn::after {
		content: "+";
		clear: both;
	}
	.plus_btn_loader_on.plus_btn::after, .plus_btn_on.plus_btn::after {
		display: none;
	}
	.plus_btn:hover {
		background:firebrick;
		font-size:37px;
		height:53px;
		width:53px;
		margin-right:49px;
		top:-6px;
		margin-left: -1px;
	}
	.plus_btn:active {
		background:darkred;
		/* font-weight:bold; */
		height: 50px;
		width: 50px;
		top: -5px;
		margin-left: 0px;
	}
	
	.plus_btn_on {
		top:50px;
		border-radius: 0px 0px 0px 50px;
		/*height: 25px;*/
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	/*.plus_btn_on:after {
		content:"\f124";
		font-family: "FontAwesome";
		top: -7px;
		left: 5px;
		position: relative;
	}*/
	.plus_btn_on:hover {
		top:50px;
	}

	/*--------PLISTS TOP---------*/
	.rem_pl {
		/*float: right;*/
		opacity: 0;
		position: absolute;
		right: 0px;
		top: 4px;
		padding: 6px 3px;
		/*margin-right: 20px;*/
		margin-top: -3px;
		font-size: 1.2em;
		
	}
	.rem_pl:active {
		color:red !important;
		opacity: 1 !important;
		font-size: 1.4em;
		    margin-top: -5px;
		    right: -2px;
	}
	.oldd1 .rem_pl {
		top: 1px;
	}
	.plist_place .cat:hover .rem_pl {
		opacity: 0.5;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.plist_place .cat:hover .rem_pl:hover {
		opacity: 1;
		color:#e65353;
		transition:none;
	}
	
	/*--------PLISTS---------*/
	#plist_s {
		/*display: none;*/
		font-size:16px;
		margin-left: 0px;
		/*margin-top: 5px;*/

		position: absolute;
		width: 250px;
		right: 1px;
		top: 20px;
		z-index: 0;
		/*margin-right: 5%;*/
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.5s ease-in-out;
		max-height: 200px;
		overflow: auto;
		padding: 5px 0;
	}

	#plist_s::-webkit-scrollbar {
		width: 14px;
		/*height: 15px;
		padding: 0px;*/
		background: crimson;
	}
	#plist_s::-webkit-scrollbar-thumb {
		height: 6px;
		border: 4px solid rgba(0, 0, 0, 0);
		background-clip: padding-box;
		-webkit-border-radius: 7px;
		background-color: rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
	}
	#plist_s::-webkit-scrollbar-button {
		width: 0;
		height: 0;
		display: none;
	}
	#plist_s::-webkit-scrollbar-corner {
		background-color: transparent;
	}

	.pl_go_up {
		top:-280px !important;
	}

	/*.genre_filter_active {
		color:seagreen;
		border:1px solid silver;
		border-radius: 8px;
		background: rgba(245, 245, 245, 0.952941);
	}*/

	#plist_s ul{
		list-style-type: none;
		padding: 0;
		margin-bottom: -2px;
	}

	#plist_s li{
		padding: 2px;
	}
	#plist_s .sub1 li {
		padding: 2px 0 2px 14px;
		border-bottom: 1px solid crimson;
	}
	#plist_s .sub1 li:last-of-type {
		border-bottom: none;
	}

	#plist_s>ul>li:last-of-type {
		border-bottom: none;
	}

	#plist_s .sub1 li span, #plist_s ul li span {
		display: inline-table;
		width: 88%;
		padding-left: 4px;
	}

	#plist_s i {
		font-size: 11px;
	}
	#plist_s>ul>li{
		background: crimson;
		border-bottom:1px solid black;
		padding-left: 4px;
		color: rgba(255,255,255,0.9);
		padding-left: 9px;
		cursor: pointer;
		border-radius: 3px;
	}
	#plist_s>ul>li:hover{
		background: firebrick;
	}

	#plist_s .sub1{
		display: none;
		background: lightcoral;
		margin-left: -9px;
		margin-top: 3px;
		margin-right: -2px;
	}
	#plist_s .sub1 li:hover{
		color:white;
		font-weight: bold;
	}

	#plist_s .sub2{
		display: none;
		background: white;
		color:crimson;
		padding-left: 14px;
		margin-left: -14px;
	}
	#plist_s .sub2 li:hover {
		color:gold;
	}

	.sub2>li {
		margin-left: -14px;
		padding-left: 25px;
	}

	.hide_pl{
		background: #f1f1f1;
		height: 100vh;
		width: 100%;
		position: absolute;
		z-index: 1;
		top: 35px;

		/*top: -20px;*/
		/*background: blue;*/
	}


	/*NEW PL MENU*/
		.new_pl_menu {
			position: absolute;
			    /*left: 9%;*/
			    right: 28px;
			    /* font-size: 18px; */
			    top: -10px;
			    width: 100%;
			    height: 24px;
			    width: 48px;
		}
		.new_pl_menu button {
			background: transparent;
			border: 1px solid transparent;
			outline: none;
			position: absolute;
			/*right: 40px;*/
			text-transform: uppercase;
			font-weight: 600;
			color: #fbfbfbb5;
			padding: 3px 8px;
		}
		.new_pl_menu:hover button {
			border:1px solid white !important;
			background: #ffffff69 !important;
		}
		.new_pl_area {
			/*background: white;*/
			height: 350px;
			width: 600px;
			display: none;
			position: absolute;
			top: 0;
			right: -10px;
			z-index: 11;
			cursor: pointer;
			/*padding-top: 20px;*/
			/*background: #00000052;*/
			overflow: hidden;
			box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.5);
		}
		.new_pl_menu:hover .new_pl_area {
			display: block;
		}
		.new_pl_menu:hover + .shorl_add {
			left: 8%;
			/*top: -12px;*/
			top: 6px;
		}
		.list_new_back {
			position: fixed;
		    /*background: rgba(74, 27, 19, 0.75);*/
		    background: rgba(2, 2, 2, 0.42);
		    /*top: 135px;*/
		    top: 0;
		    /*bottom: 0;*/
		    /*height: 100vh;*/
		    height: calc(100vh + 500px);
		    left: 0;
		    right: 0;
		    z-index: 10;
		    display: none;
		}

		.darkv .npa {
			color: #9a9a9a;
			background: #383737;
		}
		.npa {
			color: black;
			list-style-type: none;
			padding: 0;
			font-size: 0;
			background: white;
			margin:0;
		}
		.npa li {
			display: inline-block;
			width: 50px;
			font-size: 14px;
			vertical-align: top;
		}
		.npa div {
			border: 2px solid black;
			font-size: 14px;
			margin-left: -2px;
			background: silver;
			/*padding: 15px 3px;*/
			padding: 3px 2px;
			height: 60px;
			text-align: center;
			letter-spacing: -2px;
		}
		.npa0 > li:first-of-type {
			border-left: 2px solid black !important;
		}
		.darkv .npa div {
			border: 2px solid #230808;
		    background: #352727;
		}
		.npa1 {
			display: none;
			height: 270px;
			/*display: block;*/
			/*height: 0;*/
			position: absolute;
		    left: 0;
		    width: 100%;
		    /*height: 130px;*/
		    padding: 5px 10px 15px 10px;
		    /*column-count: 2;*/
	       /* flex-direction: column;
	        flex-wrap: wrap;*/
	        overflow-y: auto;
	        /*transition: height 0.2s ease;*/
		}
		/*.npa div:hover + .npa1 {
			height: 270px;
		}*/
		.npa1 span {
			font-size: 15px;
			display: block;
			text-transform: uppercase;
			opacity: 0.4;
			margin-top: -25px;
			border-bottom: 1px solid silver;
			margin-bottom: 7px;
			padding-bottom: 4px;
			font-weight: 700;
			transition: margin-top 0.3s ease-out;
		}

		.npa1 li {
			display: block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			width: 100%;
			padding: 1px 6px;
		}
		.npa li:hover div {
			background: white;
		}
		.darkv .npa li {
			color: gainsboro;
		}
		.darkv .npa li:hover div {
			background: #794a4a;
		}
		.npa li:hover .npa1 {
			/*display: block;*/
			/*display: flex;*/
			
			/*transition: height 0.2s ease;*/
		}

		.npa1 li:hover {
			background: black;
			color: white;
		}

		.npa1 li:first-of-type {
			/*margin-top: -40px;*/
			/*transition: margin-top 0.3s ease;*/
		}
		.npa li:hover .npa1 li:first-of-type {
			/*margin-top: 0;*/
		}

		.npa_on {
			/*background: red;*/
			background: linear-gradient(16deg, #af6371b5 0%,#af637138 12%,#7db9e800 34%);
		}

		.new_pl_area .npa_buf {
			height: 20px;
		}
		.npa_buf label {
			font-size: 23px;
		    font-weight: 400;
		    margin: 0;
		    height: 27px;
		    margin-top: -7px;
		    padding: 1px 8px 7px 8px;
		    position: absolute;
		    right: 75px;
		    background: transparent;
		    transition: background 0.12s ease;
		}
		.npa_buf label:hover {
			background: #33996f;
		}
		.new_pl_area:after {
			content:"";
			display: block;
			height: 270px;
			background: white;
			/*height: 0;*/
			/*transition: height 0.2s ease;*/
		}
		.darkv .new_pl_area:after {
			background: #383737;
		}
		/*.new_pl_menu:hover .new_pl_area:after {
			height: 270px;
		}*/

		.has_plon {
			border-bottom: 2px solid #562e2e !important;
			color: #d03d3d;
		}

		.plist_place:hover .new_pl_menu > button {
			border: 1px solid #6b6b6b36;
			    background: #6b6b6b14;
		}

		/*SCROLLBAR*/
		.npa1::-webkit-scrollbar {
		  width: 4px;
		  height: 4px;
		}
		.npa1::-webkit-scrollbar-button {
		  width: 0px;
		  height: 0px;
		}
		.darkv .npa1::-webkit-scrollbar-thumb {
			background: #464242;
		}
		.npa1::-webkit-scrollbar-thumb {
		  background: silver;
		  border: 5px none #ffffff;
		  border-radius: 12px;
		}
		.npa1::-webkit-scrollbar-thumb:hover {
			background:#a09c9c; 
		}
		.darkv .npa1::-webkit-scrollbar-thumb:hover {
		  background: #5E5454;
		}
		.npa1::-webkit-scrollbar-thumb:active {
		  background: #6F6F6F;
		}
		.npa1::-webkit-scrollbar-track {
		  background: transparent;
		  border: 18px none #ffffff;
		  border-radius: 44px;
		}
		.npa1::-webkit-scrollbar-track:hover {
		  background: transparent;
		}
		.npa1::-webkit-scrollbar-track:active {
		  background: transparent;
		}
		.npa1::-webkit-scrollbar-corner {
		  background: transparent;
		}

/*----------------------------------------------
################################################
				RATE
################################################
/----------------------------------------------*/	

	.ProgressBar,
	.ProgressBar-contentCircle {
	  display: table;
	  height: 100px;
	  position: absolute;
	  width: 100px;
	  cursor: pointer;
	}

	.ProgressBar-circle,
	.ProgressBar-background {
	  fill: none;
	  /*stroke: #D00463;*/
	  stroke: crimson;
	  /*stroke-width: 10;*/
	  stroke-width: 4px;
	  /*stroke-linecap: round;*/
	  stroke-dasharray: 0;
	  stroke-dashoffset: 0;
	  position: relative;
	  z-index: 10;
	  -webkit-transition: stroke 0.5s ease, stroke-width 0.33s ease;
	  -o-transition: stroke 0.5s ease, stroke-width 0.33s ease;
	  transition: stroke 0.5s ease, stroke-width 0.33s ease;
	}

	.ProgressBar-background {
	  /*stroke: rgba(255, 255, 255, 0.0);*/
	  stroke: rgba(255, 255, 255, 0.12);
	  stroke-width: 6;
	  z-index: 0;
	  /*fill: rgba(152, 152, 152, 0.56);*/
	  fill:rgba(152, 152, 152, 0.28);
	  -webkit-transition: all 0.4s ease;
	  -o-transition: all 0.4s ease;
	  transition: all 0.4s ease;
	}

	.ProgressBar-percentage {
	  color:white;
	  /*font-size: 33px;*/
	  font-size: 30px;
	  text-align: center;
	  width: 100%;
	  display: table-cell;
	  vertical-align: middle;
	  position: relative;
	  padding-bottom: 6px;
	  text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
	  -webkit-transition: all 0.2s ease;
	  -o-transition: all 0.2s ease;
	  transition: all 0.2s ease;
	}
	.ProgressBar-percentage i {
		font-size: 0.4em;
	}

	.ProgressBar:hover .ProgressBar-background {
		/*stroke: rgba(255, 255, 255, 0.48);*/
		stroke: rgba(255, 255, 255, 0.0);
		fill:transparent;
	}
	.ProgressBar:hover .ProgressBar-circle {
		/*stroke-width: 6;*/
		stroke-width: 9;
	}
	.ProgressBar:hover .ProgressBar-percentage {
		font-size: 37px;
	}

	.ProgressBar:active .ProgressBar-background {
		fill: rgba(245, 245, 245, 0.56) !important;
		stroke: rgba(255, 255, 255, 0);
		-webkit-transition: all 0.0s ease;
		-o-transition: all 0.0s ease;
		transition: all 0.0s ease;
	}

	/*RATE REPORT*/
	.oldd1 .ratereport {
		display: none;
	}
	.ratereport {
		position: absolute;
	    /*top: 330px;*/
	    top: 104px;
	    left: 0;
	    width: 100%;
	}
	.ratereport .rrep {
		display: none;
	}
	.ratereport .rrep label {
		font-size: 10px;
	    font-weight: 600;
	    color: #ffffff94;
	    letter-spacing: 0.5px;
	}
	.ratereport .rrep .rrep_bar {
		height: 3px;
	    background: #ffffff26;
	    width: 60%;
	    border-radius: 2px;
	}
	.ratereport .rrep .rrep_bar_w {
		width: 0%;
		background: crimson;
		height: 100%;
		/*transition: all 0.9s ease-out 1s;*/
	}
	.ratereport .rrep:nth-of-type(1) .rrep_bar_w {
		transition: all 0.9s ease-out 0.4s;
	}
	.ratereport .rrep:nth-of-type(2) .rrep_bar_w {
		transition: all 0.9s ease-out 0.6s;
	}
	.ratereport .rrep:nth-of-type(3) .rrep_bar_w {
		transition: all 0.9s ease-out 0.8s;
	}


/*----------------------------------------------
################################################
				TRIANGULO
################################################
/----------------------------------------------*/	
	
	.tri-down {
		/* Styling block element, not required */
		position: relative;
		margin-bottom: 2em;
		/*padding: 1em;*/
		border-bottom: 2px solid orange;
		background: #f3f3f3;
	  }

	  /* Required for Down Triangle */
	  .tri-down:before, .tri-down:after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent;
		border-bottom: 0;
	  }

	  /* Stroke */
	  .tri-down:before {
		bottom: -18px;
		left: 21.9%;

		/* If 1px darken stroke slightly */
		border-top-color: orange;
		border-width: 16px;
	  }

	  /* Fill */
	  .tri-down:after {
		bottom: -15px;
		left: 22%;
		/*border-top-color: #f3f3f3;*/
		border-top-color: black;
		border-width: 15px;
	  }
	
	.tri_main {
		background:white;
		margin-right: 0;
		margin-left: 0;
	}

/*----------------------------------------------
################################################
				RADIAL PROGRESS
################################################
/----------------------------------------------*/

	#progress_meter {
		position: relative;
		display:inline-block;
		width: 100px;
		height: 100px;
		margin: 0;
		padding: 0;
	}

	#progress_meter ul {
		list-style-type: none;
		width: 100px;
		height: 100px;
		padding: 0;
		margin: 0;
	}
		
	#progress_meter li {
		position: absolute;
		top: 0px;
		width: 100px;
		height: 100px;
		padding: 0;
		margin: 0;
	}

	#progress_meter p {
		width: 100px;
		height: 100px;
		padding: 0;
		margin: 0;
	}

	#progress_meter li p { -webkit-transition: all .7s linear;}

	#progress_meter span { display: block; width: 50px; height: 100px;}

	#progress_meter ul :nth-child(odd) { clip: rect(0px, 100px, 100px, 50px);}

	#progress_meter ul :nth-child(even) { clip: rect(0px, 50px, 100px, 0px);}

	.pie_left{
		-moz-border-radius-topleft: 50px;
		-moz-border-radius-bottomleft: 50px;
		-webkit-border-top-left-radius: 50px;
		-webkit-border-bottom-left-radius: 50px;
		-o-border-top-left-radius: 50px;
		-o-border-bottom-left-radius: 50px;
		-ms-border-top-left-radius: 50px;
		-ms-border-bottom-left-radius: 50px;
		border-top-left-radius: 50px;
		border-bottom-left-radius: 50px;
	}

	.pie_right{
		margin-left: 50px;
		-moz-border-radius-topright: 50px;
		-moz-border-radius-bottomright: 50px;
		-webkit-border-top-right-radius: 50px;
		-webkit-border-bottom-right-radius: 50px;
		-o-border-top-right-radius: 50px;
		-o-border-bottom-right-radius: 50px;
		-ms-border-top-right-radius: 50px;
		-ms-border-bottom-right-radius: 50px;
		border-top-right-radius: 50px;
		border-bottom-right-radius: 50px;
	}

	#c1_l span,#c1_r span{ 
		background: white;
		-webkit-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	/* progress_meter data (degree value) */
	#progress_meter ul #c1_r p{ -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg);}
	#progress_meter ul #c1_l p{ -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg);}

	/* progress */
	#center-circle{
		width:90px;height:90px;position:absolute;z-index:100;top:5px;left:5px;background:rgb(33, 33, 33);text-align:center;
		border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;-o-border-radius:50%;
		/*background-image: url('bg-banner.jpg');*/
	}
	#center-circle span{
		display:inline-block;/*margin-top:50%*/;line-height:0;color:white;font-size:30px;padding-top: 42px;
	}
	
	#center-circle span {
		-webkit-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	#center-circle span i {
		font-size: 0.5em;
	}
	
/*----------------------------------------------
################################################
				SUB MENU
################################################
/----------------------------------------------*/
	.darkv .sub_menu {
		border-bottom: 2px solid rgb(58, 15, 24);
	}
	.oldd1 .sub_menu {
		height: 50px;
	}
	.sub_menu {
		height: 48px;
		width: 100%;
		box-shadow: 3px 2px 4px rgba(0,0,0,0.5);
		border-bottom: 2px solid rgb(116, 29, 46);
		/*background:white;*/
		margin-bottom:20px;
		/*border-top: 2px solid rgba(255, 255, 255, 0.56);*/

			display: block;
		    /*background: inherit;*/ /*BLUR DISABLE UNTIL FIX*/
		    /*border: none;*/
		    outline: none;
		    /*font-family: helvetica neue,helvetica,arial,sans-serif;*/
		    font-size: 18px;
		    line-height: 18px;
		    font-weight: 200;
		    color: #004f77;
		    position: relative;
		    overflow: hidden;
		    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
		    cursor: pointer;
		    -webkit-transition: height 0.2s ease-in 0.8s;
		    -o-transition: height 0.2s ease-in 0.8s;
		    transition: height 0.2s ease-in 0.8s;

		    background: rgb(0 0 0 / 36%);
	}
	.wa_g .sub_menu {
		box-shadow: 3px 2px 4px rgba(20, 74, 29, 0.5);
		border-bottom: 2px solid rgb(41, 181, 16);
	}
	.darkv .wa_g .sub_menu {
		border-bottom: 2px solid rgb(39, 107, 52);
		box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.61);
	}

	.sub_menu:hover {
		/*height: 48px;*/
		/*border-top: 1px solid rgba(255, 255, 255, 0.56);*/
	}

	.sub_menu_on {
		height: 48px;
	}
	.sub_menu_on .sm_item {
		opacity: 1;
	}
	.sm_item.sm_item_on {
		border-bottom: 3px solid crimson;
	}
	.wa_g .sm_item.sm_item_on {
		border-bottom: 3px solid #35e091;
	}

	.sub_menu:hover .sm_item {
		/*margin-top: 0;*/
		opacity: 1;
		transition-delay: 0.76s;
	}

	.sub_menu:before {
		content: '';
	    display: block;
	    position: absolute;
	    top: -8px;
	    left: -8px;
	    height: calc(100% + 16px);
	    width: calc(100% + 16px);
	    background: inherit;
	    -webkit-filter: blur(4px) brightness(0.5);
	    -moz-filter: blur(4px) brightness(0.5);
	    -ms-filter: blur(4px) brightness(0.5);
	    filter: blur(4px) brightness(0.5);
	}
	.top_info:after {
		content: '';
	    display: block;
	    background: #f51e5a;
	    height: 5px;
	    width: 0px;
	    position: absolute;
	    bottom: -1px;
	    left: 0%;
	    box-shadow: 0px 0px 3px rgba(20, 74, 29, 0.5);
	}
	.wa_g .top_info:after {
		background: #3ef51e;
	}

	.ti_loading .top_info:after {
		animation: ti_load 1.7s infinite ease-in-out;
		-webkit-animation: ti_load2 1.7s infinite ease-in-out;
	}

	@-webkit-keyframes ti_load2 {
	      	0% {
	   		left: 0%;
	   		width: 0px;
	   	}
	   	10% {
	   		left: 10%;
	   		width: 70px;
	   	}
	   	90%{
	   		left: 90%;
	   		width: 70px;
	   	}
	   	100% {
	   		left: 100%;
	   		width: 0px;
	   	}
	}

	@keyframes ti_load {
	/*	from {
			left: 0%;
			width: 50px;
		}
		to {
			width: 50px;
			left: calc(100% - 50px);
		}*/

	   	0% {
			left: 0%;
			width: 0px;
		}
		10% {
			left: 10%;
			/*left: calc(100% - 50px);*/
			width: 70px;
		}
		90%{
			left: 90%;
			/*left: calc(100% - 50px);*/
			width: 70px;
		}
		100% {
			left: 100%;
			width: 0px;
		}
	}

	.sub_menu .container {
		height: 100%;
		width: 100%;
	}
	
	.sub_menu div ul {
		list-style-type: none;
		text-align: center;
		font-size: 0;
		margin-bottom: 0;
		overflow-x:auto;
		white-space: nowrap;
		height: 100%;
		overflow-y: hidden;
	}

	.sm_item {
		display: inline-block;
		padding: 10px 10px;
		/*font-size: 1.7em;*/
		font-size: 19px;
		margin-left: 5px;
		border-bottom: 3px solid rgba(0,0,0,0);
		cursor: pointer;
		/*float: left;*/
		/*color:rgba(0,0,0,.7);*/
		position: relative;
		color: white;
		height: 100%;
		text-shadow: 1px 1px rgba(39, 39, 39, 0.64);
		z-index: 1;
		/*margin-top: 25px;*/
		opacity: 0;
		-webkit-transition: opacity 0.6s;
		-o-transition: opacity 0.6s;
		transition: opacity 0.6s;
		transition-delay: 0.2s;
	}
	.darkv .sm_item {
		color:rgba(255,255,255,.7);
	}
	.sm_item:hover {
		border-bottom: 3px solid crimson;
	}
	.wa_g .sm_item:hover {
		border-bottom: 3px solid #1dd06d;
	}

	.sub_menu ul::-webkit-scrollbar {
		width: 14px;
		height: 15px;
		padding: 0px;
	}
	.sub_menu ul::-webkit-scrollbar-thumb {
		height: 6px;
		border: 4px solid rgba(0, 0, 0, 0);
		background-clip: padding-box;
		-webkit-border-radius: 7px;
		background-color: rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
	}
	.sub_menu ul::-webkit-scrollbar-button {
		width: 0;
		height: 0;
		display: none;
	}
	.sub_menu ul::-webkit-scrollbar-corner {
		background-color: transparent;
	}

/*----------------------------------------------
################################################
				RIGHT DETAILS
################################################
/----------------------------------------------*/
	.grp_label {
		font-size:1.4em;
		margin-bottom: 9px;
	}
	.oldd1 .grp {
		border-bottom: 1px solid #ddd;
		border-top: 1px solid white;
	}	
	.grp {
		/* margin-bottom: 15px; */
		padding-bottom: 20px;
		
	}
	.oldd1 .grp:first-of-type {
		border-top: none; 
	}
	
	.r_body {
		
	}

	.genre_k {
		/* float:left; */
		background:white;
		padding:4px 5px;
		border:1px solid #ddd;
		border-radius:3px;
		margin-right:3px;
		font-weight:normal;
		display: inline-block;
		max-width: 100%;
		margin-bottom: 5px;
	}
	.genre_k .fa-angle-right {
		margin-left: 5px;
		margin-right: 5px;
		font-size: 1.1em;
	}

	.genre_mood {
		background-color: rgba(253, 175, 149, 0.18);
	}
	.darkv .genre_mood {
		/*background-color: rgba(255, 145, 108, 0.12);*/
		background-color: rgba(105, 42, 21, 0.12);
		color: #bdb0b0;
	}
	.genre_mood3 {
		/*background-color: rgba(253, 175, 149, 0.18);*/
		/*border-color: #967d82;*/
	}
	.darkv .genre_mood3 {
		/*background-color: rgba(105, 42, 21, 0.12);
		color: #bdb0b0;*/
		/*border-color: #63353e;*/
		/*border-color: #7a1e30;*/
		border-color: #635535;
	}
	.genre_mood4 {
		background-color: rgba(253, 175, 149, 0.18);
		border-color: #967d82;
	}
	.darkv .genre_mood4 {
		background-color: rgba(105, 42, 21, 0.12);
		color: #bdb0b0;
		/*border-color: #63353e;*/
		border-color: #635535;
	}
	
	.add_genre_area {
		position: relative;
	}
	.add_genre_area .fa-star {
		position: absolute;
	    right: 5px;
	    top: 7px;
	    cursor: pointer;
	    opacity: 0.5;
	}
	.add_genre_btn:hover {
		opacity: 0.7;
		cursor: pointer;
	}
		.add_genre_area input {
			border: 1px solid silver;
			border-radius: 2px;
			width: 100%;
			padding: 1px 6px;
			margin-bottom: 3px;
			outline: none;
		}

		.hide_genr li:not(.not_hide_genres) > .op_hilit {
			display: none;
		}
		.genre_filter .hide_genr li.not_hide_genres > .op_hilit i {
			display: block;
			
		}
		.add_genre_area .hide_genr .sub1, .add_genre_area .hide_genr .sub2 {
		    display: block;
		    margin-top: 0;
		    background: #f1f1f1;
		}
		.darkv .add_genre_area .hide_genr .sub1, .darkv .add_genre_area .hide_genr .sub2 {
			background: #323232;
		}
		.hide_genr li:not(.not_hide_genres) {
			padding: 0 !important;
			margin: 0;
			border-bottom: none !important;
		}
		.hide_genr li:not(.not_hide_genres) span {
			display: none !important;
		}
		.hide_genr li:not(.not_hide_genres) i {
			display: none;
		}
		.hide_genr li.not_hide_genres span {
			display: block !important;
		}
		.hide_genr li.not_hide_genres {
			margin: 0 0 0 10px;
			border-bottom: 1px solid white !important;
		}

		.hide_genr .sub1, .hide_genr .sub2 {
			display: block;
			margin-top: 0;
		}

		.darkv .add_genre_area input {
			background: #312e2e;
			color: #ab9494;
			border: 1px solid #776464;
		}

		.add_genre_area ul{
			list-style-type: none;
			padding: 0;
			/*margin-bottom: -2px;*/
		}
		.add_genre_area>ul{
			/*margin-bottom: -11px;*/

		}

		.add_genre_area li{
			padding: 2px;
		}
		.add_genre_area .sub1 li {
			padding: 2px 0 2px 14px;
			border-bottom: 1px solid white;

		}
		.darkv .add_genre_area .sub1 li {
			border-bottom: 1px solid #484848;
		}
		.add_genre_area .sub1 li:last-of-type {
			border-bottom: none;
		}
		/*#li_add_g{
			display: none;
		}*/
		.add_genre_area .sub1 li span, .add_genre_area ul li span {
			display: inline-table;
			width: 88%;
			padding-left: 4px;
		}

		.add_genre_area i {
			font-size: 11px;
		}
		.add_genre_area>ul>li{
			padding-left: 4px;
			background-color: #8e4a4a;
		    color: #E0E6E3;
			padding-left: 9px;
			cursor: pointer;
			border-radius: 3px;
			border-bottom: 1px solid rgb(252, 252, 252);;
		}
		.darkv .add_genre_area>ul>li {
			border-bottom: 1px solid rgb(72, 72, 72);
		}
		.add_genre_area>ul>li:hover{
			background: rgb(95, 36, 23);
		}

		.add_genre_area .sub1{
			display: none;
			color: #f9ae96;
			background-color: #ad634d;
			margin-left: -9px;
			margin-top: 3px;
			margin-right: -2px;
		}
		.add_genre_area .sub1 li:hover{
			background-color: #8c512e;
		}

		.add_genre_area .sub2{
			display: none;
			background: white;
			color:seagreen;
			padding-left: 14px;
			margin-left: -14px;
		}

		.sub2>li {
			margin-left: -14px;
			padding-left: 25px;
		}

		.add_genre_area ul li.opcao {
			background-color: #d25a5a;
			color: white;
			position: relative;
		}
		.add_genre_area ul li.opcao:hover {
			background-color:rgb(206, 117, 117);
		}

		.op_selecionado {
			/*background: darkgreen !important;*/
			color:gainsboro !important;
			box-shadow: inset 0px 3px 3px 2px rgba(0,0,0,.25);
		}
	
	.r_body .add_newdate, .r_body .add_coll {
		padding: 3px;
		font-size: 1.1em;
	}
	.seen_dates {
		border-radius: 4px;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
		box-shadow: 0 1px 2px rgba(0,0,0,.075);
		width: 100%;
	}
	.seen_dates tr {
		background-color: #fff;
		border: 1px solid #ddd;
		position: relative;
		border-right: none;
	}
	.seen_dates tr:hover .del_seen {
		opacity: 0.2;
	}

	.td_seen_bar {
	    width:126px;
	    padding: 10px 10px 10px 14px;
	    border-right: 1px solid #ddd;
	}

	.snotes {

	}

	.del_seen {
		position: absolute;
		right: 17px;
		margin-top: 0px;
		opacity: 0;
		padding: 4px 8px !important;
		height: 25px;
		width: 25px;
		background: crimson;
		color: white;
		-webkit-transition: width 0.2s ease;
		-moz-transition: width 0.2s ease;
		-ms-transition: width 0.2s ease;
		-o-transition: width 0.2s ease;
		transition: width 0.2s ease;
	}
	.del_seen:hover {
		width: 50px;
		opacity: 1 !important;
	}
	
	.save_seen {
		border:1px solid #ddd;
		border-radius: 2px;
		padding: 1px 2px;
		text-align: center;
		background: white;
		/*margin-left: -25px;*/
		margin-right: 10px;
	}
	.save_seen:hover {
		background: #fff;
	}

	.seen_dates tr td {
		/*padding:10px 12px;*/
	}
	
	.seen_dates tr:hover {
		background-color: #f5f5f5;
	}
	.seen_dates .col_edit_mode:hover {
		background-color: crimson;
	}

	.drop_seen {
		width: 70px;
		border-width:0; 

	}
	.drop_seenfield {
		height: 20px;
		width: 70px;
		/*background: rgba(0,0,0,0.2);*/
		position: absolute;
		top:11px;
	}
	
	input.rate_input {
		display: none;
	}
	.rate_seen {
		height: 20px;
		width: 30px;
		background: rgba(0,0,0,0.2);
		display: inherit;
		text-align: center;
	}

	.lb_date {
		display:inline-block;
		width: 80px;
		position: relative;
		padding: 10px 10px 10px 14px;
	}
	.lb_date label {
		cursor: pointer;
	}
	.lb_date label a {
		text-decoration: none;
		color: #4A4A4A;
	}
	.lb_date label i {
		color: crimson;
		display: block;
	}
	.darkv .lb_date label a {
		color: white;
	}
	.lb_date label a:hover {
		opacity: 0.8;
	}
	.rate_seen2 {
		padding: 10px 10px 10px 5px;
	}
	.notes_seen {
		width: 100px;
		height: 30px;
		background: #EB4664;
	}
	.seen_notes_size {
		font-size: 12px;
		margin-top: 2px;
	}
	.col_edit_mode .lb_date {
		width: 87px;
	}
	.col_edit_mode .lb_date {
	    padding: 0px 10px 10px 14px;
	}
	.lb_bar {
		height:10px;
		border-radius: 3px 0 0 3px;
		/*background:lime;*/
		/*margin-left:10px;*/
	}

	.r_body .btn_ficha {
		font-size: 16px;
	    padding: 3px 5px;
	    margin-bottom: 5px;
	    font-weight: 600;
	    letter-spacing: -1px;
	    font-family: "Arial Black", Gadget, sans-serif;
	    margin-right: 0px;
	    padding: 3px 4px;
	}

	.col_right {
		padding: 0px 12px;
	}
	
	/*--------------- FLIPSWITCH--------------*/
	input[type="checkbox"] { 
		position: absolute;
		opacity: 0;
	}

	/* Normal Track */
	input[type="checkbox"].ios-switch + div {
		vertical-align: middle;
		width: 40px;	height: 20px;
		border: 1px solid rgba(0,0,0,.4);
		border-radius: 999px;
		background-color: rgba(0, 0, 0, 0.1);
		-webkit-transition-duration: .4s;
		-moz-transition-duration: .4s;
		-webkit-transition-property: background-color, box-shadow;
		-moz-transition-property: background-color, box-shadow;
		box-shadow: inset 0 0 0 0px rgba(0,0,0,0.4);
		margin: 15px 1.2em 15px 2.5em;
	}

	/* Big Track */
	input[type="checkbox"].bigswitch.ios-switch + div {
		width: 50px;	height: 25px;
	}

	/* Green Track */
	input[type="checkbox"].green.ios-switch:checked + div {
		background-color: #00e359;
		border: 1px solid rgba(0, 162, 63,1);
		box-shadow: inset 0 0 0 10px rgba(0,227,89,1);
	}

	/* Normal Knob */
	input[type="checkbox"].ios-switch + div > div {
		float: left;
		width: 18px; height: 18px;
		border-radius: inherit;
		background: #ffffff;
		-webkit-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
		-webkit-transition-duration: 0.4s;
		-webkit-transition-property: transform, background-color, box-shadow;
		-moz-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
		-moz-transition-duration: 0.4s;
		-moz-transition-property: transform, background-color;
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(0, 0, 0, 0.4);
		pointer-events: none;
		margin-top: 1px;
		margin-left: 1px;
	}

	/* Big Knob */
	input[type="checkbox"].bigswitch.ios-switch + div > div {
		width: 23px; height: 23px;
		margin-top: 1px;
	}

	/* Checked Big Knob (Blue Style) */
	input[type="checkbox"].bigswitch.ios-switch:checked + div > div {
		-webkit-transform: translate3d(25px, 0, 0);
		-moz-transform: translate3d(16px, 0, 0);
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172,1);
	}

	/* Green Knob */
	input[type="checkbox"].green.ios-switch:checked + div > div {
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 162, 63,1);
	}

	
	
/*----------------------------------------------
################################################
				COLLECTION
################################################
/----------------------------------------------*/
	

	/*-----COLLECTION-----*/
	.collection_wrap {
		position: relative;
		margin-bottom: 10px;
	}

	.chg_col, .del_col {
		position: absolute;
		right: 0;
		background: crimson;
		padding: 2px 5px;
		color: white;
		opacity: 0;
		width: 23px;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
		cursor: pointer;

	}
	.del_col {
		top:0;
		font-size: 16px;
	}
	.chg_col {
		top:26px;
		font-size: 15px;
	}

	.collection_wrap .list-group-item {
		padding: 7px 15px;
		margin-bottom: 3px;
	}

	.collection_wrap div:hover .chg_col, .collection_wrap div:hover .del_col {
		opacity: 0.5;
	}
	.collection_wrap div:hover .col_height_contain {
		max-height: 300px;
	}
	.collection_wrap div {
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-ms-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
	}
	
	.list-group-item {
		min-height: 55px;
	}

	.collection_wrap .list-group-item .chg_col:hover, .collection_wrap .list-group-item .del_col:hover {
		width: 50px;
		opacity: 1;
	}

	.list-group-item-heading span:nth-of-type(1) {
		display: inline-block;
		width: 60px;
	}
	.list-group-item-heading span:nth-of-type(3) {
		font-size: 12px;
	}
	.col_subs {
		height: 25px;
		width: 25px;
		background: #ddd;
		font-size: 10px;
		border-radius: 50%;
		padding: 7px 3px;
		color: white;
		display: inline-block;
		margin-right: 10px;
		font-weight: bold;
	}

	.col_type {
		width: 35px;
		display: inline-block;
		padding: 2px 0;
		margin-left: 10px;
		color: gray;
		font-size: 14px;
	}

	.col_height_contain {
		overflow: hidden;
		max-height: 24px;
	}

	.col_edit_mode, tr.col_edit_mode {
		background: crimson;
	}
	.col_edit_mode i {
		color:white;
	}
	.col_edit_mode input, .col_edit_mode select, .col_edit_mode .rate_seen {
		background: #EB4664;
		border:none;
		color:white;
		outline:none;
	}
		
	.col_edit_mode .col_edit {
		min-width: 50px;
		min-height: 17px;
		max-height: 300px;
	}
	.col_edit_mode .col_edit:hover {
		color:orange;
		cursor: pointer;
	}
	.col_edit_mode .del_col, .col_edit_mode .chg_col, .col_edit_mode .del_seen {
		background: black;
	}

	.edit_discos {
		display: none;
		position: absolute;
		background: white;
		list-style-type: none;
		left: 60px;
		padding: 0px 0px;
		border:1px solid silver;
		margin-top: -4px;
		width: 123px;
		z-index: 1;
	}
	.edit_discos li {
		/*margin-bottom: 1px;*/
		background: white;
		cursor: pointer;
		padding: 0 7px;
		font-weight: normal;
	}
	.edit_discos li:hover {
		background: dodgerblue;
		color:white;
	}

	.coll_sucess {
		color:green;
		text-align: center;
		font-size: 0.8em;
		padding: 2px;
	}

	.upload_coll, .save_coll {
		margin: 10px auto;
		display: block;
	}
	
	/*-----SEEN DATES-----*/
	.seen_dates {
		margin-bottom: 10px;
		border-radius: 4px;
	}

	.seen_dates .seen_input {
		height: 25px;
		width: 50px;
	}

	.show_format {
		font-size: 18px;
		font-weight: 500;
	}
	.col_edit_mode .show_format {
		color: white;
	}

/*----------------------------------------------
################################################
				LEFT DETAILS
################################################
/----------------------------------------------*/	
	
	.l_grp {
		/*background:white;*/
		/*border: 1px solid #ddd;*/
		border-radius: 4px;
		margin-bottom:15px;
	}
	
	.l_grp p {
		border-bottom:1px solid #F1ECEC;
		padding: 2px 5px;
		font-size:1.4em;
	}
	.l_grp p:last-of-type {
		border-bottom:none;
	}

	.grp:last-of-type {
		border-bottom:none;
	}

	.oldd1 .f_avg_zone {
		width: calc(100% - (114px * 4));
	}
	.f_avg_zone {
		display: inline-block;
		padding: 7px;
		position: relative;
		width: calc(100% - (114px * 2));
		font-size: 13px;
	}

	.f_avg_zone .avg, .f_avg_zone .votes, .f_avg_zone .share {
		margin: 0 5px;
	}
	
	/*TABS*/
		.tabs {
			list-style:none;
			padding:0;
			margin:0;
			position:relative;
			margin: 0 10px;
		}
		.tabs:after {
			content:"";
			clear:both;
			display:block;
			height:240px;
		}
		
		.tabs li {
			display:inline-block;

		}
		
		.tabs li>input {
			display:none;
		}
		
		.tabs li > label {
			/* border:1px solid; */
			height:30px;
			line-height:15px;
			padding:5px 20px;
			font-size:1em;
			cursor:pointer;
			border-bottom-width: 0;
			/*background:#f5f5f5;*/
			border-radius: 3px 2px 0 0;
			border: 1px solid #ddd;
			margin-bottom: 0px;
		}

		.avg {
			margin-left: 5px;
			display: none;
		}
		.oldd1 .avg {
			display: inline-block;
		}
		
		.tab_content {
			display:none;
			position:absolute;
			left:0;
			padding: 20px 10px 10px 10px;
			/*border:1px solid #ddd;*/
			height:230px;
			overflow-y:auto;
			width:100%;
			border-top-width: 0;
			background:#f5f5f5;
		}
		.tab_comm {
			/*height: 400px;*/
			/*-webkit-transition:height 0.2s ease-in-out;
			-moz-transition:height 0.2s ease-in-out;
			-ms-transition:height 0.2s ease-in-out;
			-o-transition:height 0.2s ease-in-out;
			transition:height 0.2s ease-in-out;*/
		}
		/*.tab_comm:after {
			height: 400px;
			content:"";
			clear:both;
			display:block;
		}*/

		.darkv .tab_content {
			background: #292929;
		}

		.tabs li > input:checked + label {
			background:white;
			background:#f5f5f5;
			border:1px solid #ddd;
			border-bottom-width:0;
		}
		.tabs li > input:checked ~ .tab_content {
			display:block;
		}

		.nobr {
			display: none;
		}

		.tab4 div {
			padding: 2px 0;
			font-size: 16px;
		}

		.tab4 div a:after {
			content: ", ";
			display: inline-block;
			margin-right: 5px;
		}
		.tab4 div a:last-of-type:after {
			display: none;
		}
		.tab4 div span:after {
			content: ", ";
			display: inline-block;
			margin-right: 5px;
		}
		.tab4 div span:last-of-type:after {
			display: none;
		}

	
	/*TABS2*/
		.pc-tab > input,
		.pc-tab section > div {
		  display: none;
		}

		#tab1:checked ~ section .tab1,
		#tab2:checked ~ section .tab2,
		#tab3:checked ~ section .tab3,
		#tab4:checked ~ section .tab4  {
		  display: block;
		}

		#tab1:checked ~ .tabhold .tab1,
		#tab2:checked ~ .tabhold .tab2,
		#tab3:checked ~ .tabhold .tab3,
		#tab4:checked ~ .tabhold .tab4 {
		  color: red;
		}

		/*.oldd1 .pc-tab {
			width: 100%;
		}*/
		.pc-tab {
		  /*width: 100%;
		  max-width: 700px;
		  margin: 0 auto;*/
		  margin: 0 10px 10px 10px;
		}
		.pc-tab ul {
		  list-style: none;
		  margin: 0;
		  padding: 0;
		}

		.oldd1 .pc-tab ul li label {
			padding: 15px 25px;
		}

		.oldd1.pc-tab ul li label {
		  border: 1px solid #ddd;
		}
		.pc-tab ul li label {
		  float: left;
		  padding: 7px 25px;
		  border-bottom: 0;
		  background: #eeeeee;
		  color: #444;
		  margin-bottom: 0;
		  cursor: pointer;
		  min-width: inherit;
		}
		.pc-tab ul li label:hover {
		  background: #dddddd;
		}
		.pc-tab ul li label:active {
		  background: #ffffff;
		}
		.pc-tab ul li:not(:last-child) label {
		  border-right-width: 0;
		}
		.pc-tab ul li:last-of-type label {
		    border-right-width: 1px;
		}
		.pc-tab section {
		  clear: both;
		}

		.oldd1 .pc-tab section > div {
		  border: 1px solid #ddd;
		}
		.pc-tab section > div {
		  padding: 20px;
		  width: 100%;
		  background: #fff;
		  line-height: 1.5em;
		  letter-spacing: 0.3px;
		  color: #444;
		}
		.pc-tab section div h2 {
		  margin: 0;
		  letter-spacing: 1px;
		  color: #34495e;
		}

		#tab1:checked ~ .tabhold .tab1 label,
		#tab2:checked ~ .tabhold .tab2 label,
		#tab3:checked ~ .tabhold .tab3 label,
		#tab4:checked ~ .tabhold .tab4 label {
		  background: white;
		  color: #111;
		  position: relative;
		}
		#tab1:checked ~ .tabhold .tab1 label:after,
		#tab2:checked ~ .tabhold .tab2 label:after,
		#tab3:checked ~ .tabhold .tab3 label:after,
		#tab4:checked ~ .tabhold .tab4 label:after {
		  content: '';
		  display: block;
		  position: absolute;
		  height: 2px;
		  width: 100%;
		  background: #ffffff;
		  left: 0;
		  bottom: -1px;
		}
		
		.pc-tab section a {
			text-decoration: none;
			color: #cacaca;
			display: inline-block;
			width: calc(100% - 100px);
		}
		.tab3 > p > p > a {
			display: inline-block;
			width: 150px;
			font-size: 20px;
		}
		.tab3 > p > p > span {
			font-size: 20px;
			display: inline-block;
			width: 45px;
			text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
		}
		.tab3 > p > p, .darkv .tab3 > p > p {
			border-bottom: none;
			margin-bottom: 5px;
			font-size: 20px;
		}

		.darkv .oldd1 .pc-tab section > div  {
			border: 1px solid #454545;
		}
		.darkv .pc-tab section > div {
			color: #444;
			background: #2C2C2C;
		}		    

		.darkv .cl_cover {
			background: #2c2c2c;
		}

		.darkv .oldd1 .pc-tab .tabhold ul li label {
			border: 1px solid #494949;
		}
		.darkv .pc-tab .tabhold ul li label {
			background: #202020;
			color: #7C7C7C;
			border-right-width: 0;
			border-bottom: 0;
		}

		.darkv .pc-tab ul li label:hover {
		    background: #191919;
		}
		
		.darkv #tab1:checked ~ .tabhold .tab1 label, .darkv #tab2:checked ~ .tabhold .tab2 label, .darkv #tab3:checked ~ .tabhold .tab3 label, .darkv #tab4:checked ~ .tabhold .tab4 label {
		    background: #2C2C2C;
		    color: #B6B6B6;
		}

		.darkv .pc-tab ul li label:active {
			background: #202020;
		}

		.darkv #tab1:checked ~ .tabhold .tab1 label:after, .darkv #tab2:checked ~ .tabhold .tab2 label:after, .darkv #tab3:checked ~ .tabhold .tab3 label:after, .darkv #tab4:checked ~ .tabhold .tab4 label:after {
			/*background: crimson;*/
			    background: #2C2C2C;
		}

	/*SOCIAL*/
	.orate_user, .orate_rate, .orate_date {
		padding: 3px 5px;
		font-size: 1.1em;
		display: inline-block;
	}
	.orate_user {
		/*width: 50%;*/
		margin-right: 10px;
	}

	.oldd1 .orate_rate {
		border-radius: 5px;
	}
	.orate_rate {
		width: 8%;
		font-weight: bold;
		text-align: center;
		color:white;
	}
	.orate_date {
		width: 20%;
	}
	.tab1 .orate {
		min-height: inherit;
		padding: 5px 10px;
		position: relative;
		border: none;
	}
	.darkv .orate {
		background: #2c2c2c;
		color:white;
		border: 1px solid #4c4c4c;
		border: none;
	}

	.ff_social .tab_content::-webkit-scrollbar {
		width: 14px;
		height: 18px;
		/*display: none;
		background: silver;*/
		padding: 0px;
		
	}
	.ff_social .tab_content::-webkit-scrollbar-thumb {
	    height: 6px;
	    border: 4px solid rgba(0, 0, 0, 0);
	    background-clip: padding-box;
	    -webkit-border-radius: 7px;
	    background-color: rgba(0, 0, 0, 0.15);
	    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
	}
	.ff_social .tab_content::-webkit-scrollbar-button {
	    width: 0;
	    height: 0;
	    display: none;
	}
	.ff_social .tab_content::-webkit-scrollbar-corner {
	    background-color: transparent;
	}
	
	.avg span {
		padding: 2px 5px;
		border-radius: 4px;
		color:white;
		font-weight: bold;
	}
	
	.ff_social .cl_area {
		/*float: right;*/
		/*margin-right: 20px;*/
	}

	.f_avg_zone .lasttipin {
		position: absolute;
	    right: 60px;
	    font-size: 1.5em;
	    opacity: 0.3;
	    bottom: 0px;
	}
	.f_avg_zone .lasttipin:hover {
		cursor: pointer;
		opacity: 1;
	}

	.f_avg_zone .share {
		/*float: right;*/
		position: absolute;
		right: 5px;
		margin-right: 20px;
		/*margin-top: 10px;*/
		font-size: 1.5em;
		opacity: 0.3;
		transition:opacity 0.15s ease-in-out;
		-webkit-transition: opacity 0.15s ease-in-ease;
		-moz-transition: opacity 0.15s ease-in-ease;
		-ms-transition: opacity 0.15s ease-in-ease;
		-o-transition: opacity 0.15s ease-in-ease;
		cursor: pointer;
	}
	.f_avg_zone .share:hover {
		opacity: 1;
	}

	.grp_img {
		margin-top:15px;
		margin-bottom: 15px;
		position:relative;
	}
	
	.img_wrap {
		height:120px;
		overflow-x:hidden;
		white-space: nowrap;
	}
	
	.noscrol_img {
		height: inherit;
		white-space: inherit;
		margin-bottom: 10px;
	}
	.noscrol_img ~ .fa-chevron-left, .noscrol_img ~ .fa-chevron-right {
		display: none;
	}

	.img_wrap img{
		height:100px;
		/*width:100px;*/
		/*background:#f5f5f5;*/
		background:#f1f1f1;
		
		/*opacity: 0;*/
	}
	.img_trans {
		transition:all .2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-ease;
		-moz-transition: all 0.2s ease-in-ease;
		-ms-transition: all 0.2s ease-in-ease;
		-o-transition: all 0.2s ease-in-ease;
	}
	
	
	.img_wrap:hover {
		overflow-x:scroll;
	}
	.noscrol_img:hover {
		overflow-x: auto;
	}
	.img_wrap:hover img{
		opacity:0.8;
		transform:scale(0.95);
		-webkit-transform: scale(0.95);   
	}
	.img_wrap img:hover {
		transform:scale(1);
		-webkit-transform: scale(1);   
		cursor: pointer;
	}
	
	.img_wrap::-webkit-scrollbar {
		width: 14px;
		height: 15px;
		padding: 0px;
	}
	.img_wrap::-webkit-scrollbar-thumb {
		height: 6px;
		border: 4px solid rgba(0, 0, 0, 0);
		background-clip: padding-box;
		-webkit-border-radius: 7px;
		background-color: rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
	}
	.img_wrap::-webkit-scrollbar-button {
		width: 0;
		height: 0;
		display: none;
	}
	.img_wrap::-webkit-scrollbar-corner {
		background-color: transparent;
	}

	.images_area {
		cursor: pointer;
	}
	.images_expand .img_wrap {
		height: inherit;
		white-space: inherit;
		padding-bottom: 10px;
	}
	.images_expand .img_wrap:hover {
		overflow-x: auto;
	}
	.images_expand .img_wrap img {
		height: 120px;
	}
	.img_wrap:hover i {
		color:rgba(0,0,0,0.5);
	}
	.grp_img i:hover {
		color: rgba(220, 20, 60, 0.8);
	}

	.grp_img i {
		position: absolute;
		font-size: 3em;
		top:60px;
		color:rgba(0,0,0,0);
		z-index: 11;
		cursor: pointer;
	}
	.grp_img i:nth-of-type(1) {
		left: 0px;
	}
	.grp_img i:nth-of-type(2) {
		right: 0px;
	}
	
	.grp_label small {
		opacity: 0.4;
		font-size: 0.7em;
		font-style: italic;
	}
	#m_img {
		text-align: center;
	}
	.img_place a img {
		/*max-width: 100%;*/
		max-width: 90vw;
		/*max-height: 100%;*/
		max-height: 86vh;
		/*height: 86vh;*/
		display: block;
		margin: 0 auto;
		margin-top: 45px;
	}
	.img_body {
		display: inline-block;
	}
	.img_place a {
		/*display: inline-block;*/
		position: absolute;
		top: 45%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.img_next {
		font-size: 3em;
		margin-top: 5px;
		cursor: pointer;

		position: absolute;
		top: 92%;
	}
	.img_next.fa-chevron-right {
		/*margin-left: 5px;*/
		right: 20%;
	}
	.img_next.fa-chevron-left {
		/*margin-right: 5px;*/
		left: 20%;
	}
	.img_next:hover {
		color:crimson;
	}
	.image_options {
		position: absolute;
		top: 95%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.sure_del_block {
		display: none;
	}
	.sure_del_block span {
		background: white;
		color:black;
		border-radius: 3px;
		cursor: pointer;
	}
	.sure_del_block span:hover {
		opacity: 0.8;
	}
	.sure_del_block span:first-of-type {
		padding: 5px;
		background: crimson;
		color:white;
		font-weight: bold;
	}
	.sure_del_block span:nth-of-type(2) {
		padding: 5px;
		margin-left: 5px;
	}

	/*.scenes {
		margin-left:20px;
		width:90%;
		margin-bottom:10px;
	}
	.scenes tr {
		border-bottom:1px solid #ddd;
	}
	.darkv .scenes tr {
		border-bottom: 1px solid #454545;
	}
	
	.scenes td {
		padding:10px;
	}*/
	
	.s_link {
		height:70px;
		width:100px;
		background:gray;
	}
	
	.l_grp .review {
		margin: 0px;
		width: 100%;
		resize: none;
		outline: none;
		border: none;
		height: 40px;
		background: #f9f9f9;
		-webkit-transition: height 0.2s ease-out;
		-o-transition: height 0.2s ease-out;
		transition: height 0.2s ease-out;
	}
	.l_grp .review:focus {
		height: 188px;
	}
	.save_review {
		margin: 5px 15px;
		display: inline-block;
	}
	/*-----Quotes-----*/
	.quote i {
		margin-right: 8px;
		top: -6px;
		position: relative;
		font-size: 10px;
		font-style: italic;
		color: gray;
	}

	.l_grp .quote {
		font-size:1.1em;
		/*font-style:italic;*/
		padding-left:10px;
		padding-right: 170px;
	}

	.quote + .cl_under .cl_cover {
    	/*background: whitesmoke;*/
    	background: #f1f1f1;
	}
	.darkv .quote + .cl_under .cl_cover {
    	background: #323232;
	}

	/*-----Connections-----*/
	.connects p, .film_news p {
		/*border-bottom: 1px solid #ddd;*/
		padding: 2px 5px;
		font-size: 1.6em;
	}

	.darkv .connects p {
		color: #bfbfbf;
	}

	.connects table {
		width: 50%;
		float: left;
	}

	.connects table tr td {
		width: 50%;
		position: relative;
		vertical-align: initial;
	}

	.connects table tr td:nth-of-type(1) {
		border-right: 3px solid #ddd;
		text-align: right;
		padding-right: 20px;
	}

	.connects table tr td:nth-of-type(2) {
		text-align: left;
		padding-left: 20px;
	}

	.con_ball {
		background: crimson;
		width: 8px;
		height: 8px;
		position: absolute;
		border-radius: 50%;
	}
	
	.connects table tr {
		padding: 5px 0;
		height: 55px;
	}
	.connects table tr td:nth-of-type(1) .con_ball {
		right: -5px;
		top: 0;
	}

	.connects table tr td:nth-of-type(2) .con_ball {
		left: -5px;
		top: 0;
	}

	.connects table tr td div:nth-of-type(1) {
		font-weight: 600;
		font-size: 20px;
	}

	.connects table tr td div:nth-of-type(1):hover {
		opacity: 0.7;
		cursor: pointer;
	}

	.connects table tr td div:nth-of-type(2) {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.connects table tr td a {
		text-decoration: none;
		color: black;
	}

	.darkv .connects table tr td a {
		color: white;
	}

	.con_label {
		position: absolute;
		background: #ddd;
		padding: 2px 5px;
		margin-bottom: 10px;
		display: block;
		width: 100px;
		right: -50px;
		text-align: center;
		border-radius: 2px;
		font-weight: 600;
		font-size: 16px;
		color: black;
	}

	.connects:after {
		content: "";
		display: block;
		clear: both;
	}
	.connects {
		margin-bottom: 20px;
	}


/*----------------------------------------------
################################################
				PICS
################################################
/----------------------------------------------*/

	.pic_comments {
		position: absolute;
		bottom: 20px;
		display: none;
		-webkit-transform: translate(-42%, 0%);
		-moz-transform: translate(-42%, 0%);
		-ms-transform: translate(-42%, 0%);
		-o-transform: translate(-42%, 0%);
		transform: translate(-42%, 0%);
		/*width: 80%;*/
	}
	.pic_comments .com_btns {
		margin: 2px 0;
	}

	.u_p_place .list-group-item-heading {
		font-weight: bold;
		color: crimson;
	}
	.u_p_place .list-group-item-text {
		text-align: left;
	}

/*----------------------------------------------
################################################
				SIDE MENU
################################################
/----------------------------------------------*/

	.side_menu {
		position: fixed;
		top:35px;
		left: -70%;
		background: #333;
		color:rgba(255,255,255,0.8);
		width: 70%;
		/*max-height: 92%;*/
		height: 95vh;
		z-index: 5000;
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		overflow-y: hidden;
		backface-visibility:hidden;
		-webkit-backface-visibility:hidden;
	}
	
	.side_menu:hover {
		overflow-y: auto;
	}

	.side_menu::-webkit-scrollbar {
		width: 5px;
	}

	.side_menu::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
		
	}
	 
	.side_menu::-webkit-scrollbar-thumb {
		/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
		background:#5E5E5E;
		border-radius: 5px;
	}


/*----------------------------------------------
################################################
				ACTORS
################################################
/----------------------------------------------*/
	.actors {
		padding: 0 5px 10px 5px;
		max-height: 325px;
		/*overflow-y:auto;*/
		overflow: hidden;
	}
	.actors.actors_on {
		max-height: inherit;
	}
	.actors::-webkit-scrollbar {
		width: 7px;
	}
	.actors::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2); 
		border-radius: 10px;
		background: rgba(178,34,34, 0);
	}
	.actors::-webkit-scrollbar-thumb  {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
		background: #F9F9F9;
	}
	.darkv .actors::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,1); 
	}
	.darkv .actors::-webkit-scrollbar-thumb  {
		background: #6E6A6A;
	}

	.actor {
		display: inline-block;
		width: calc(100% / 3);
		position: relative;
		margin: 0px 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		/*margin-bottom: 3px;*/
	}
	.actor:hover .act_pic {
		/*opacity: 1;
		filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');

		-webkit-filter:sepia(0);

		        filter:sepia(0)*/

	}

	.actor .f-acts {
		display: inline-block;
		width: calc(100% - 130px);
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		vertical-align: top;
		margin-left: 5px;
		margin-top: 5px;
	}

	.act_pic {
		margin: 3px;
	    display: inline-block;
	    width: 60px;
	    height: 55px;
	    background: rgb(228, 228, 228);
	    /* filter: url(data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><f…00001 0.084 0 0 0.136 0.267 0.5655 0 0 0 0 0 1 0" /></filter></svg>#filter); */
	    /* -webkit-filter: sepia(0.5); */
	    filter: sepia(0.5) opacity:0.5;
	    /* -webkit-transition: all 0.15s; */
	    -o-transition: all 0.15s;
	    transition: all 0.15s;
	    margin: 0;
	    border-radius: 47px;
	    overflow: hidden;
	    z-index: 1;
	    position: relative;
	}
	.darkv .act_pic {
		background: rgb(39, 39, 39);
	}

	.act_pic img {
		width: 100%;
		height: auto;
		/* background: silver; */
		z-index: 2;
		position: relative;
		border: none;
		margin-top: -10px;
		z-index: 1;
	}
	/*.darkv .act_pic img + div {
		background-color: #5A5A5A;
	}*/
	.act_pic img + div {
		content: ""; */
	    display: inline-block;
	    width: 32px;
	    height: 44px;
	    /* background-color: silver; */
	    position: absolute;
	    left: 3px;
	    z-index: 0;
	}

	.actor span + a {
		text-decoration: none;
		color: black;
	/*	position: absolute;
		top: 13px;*/
	}
	.darkv .actor span + a {
		color: rgba(255, 255, 255, 0.87);
	}
	
	.actor span + a + span {

	}
	.actor span a {
		color: #ddd;
		margin-left: 5px;
	}

	.actor .f-acts + label {
		display: block;
		position: absolute;
		font-size: 10px;
		font-weight: 400;
		top: 26px;
		left: 67px;
		opacity: 0.5;
		width: calc(100% - 130px);
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.actor .f-acts + label:hover {
		cursor: pointer;
		opacity: 1;
	}

	.more_cast {
		text-align: center;
		font-size: 17px;
		cursor: pointer;
		margin: 0 5px;
	}
	.more_cast:hover {
		opacity: 0.7;
	}

	.actor .item_el_score {
		vertical-align: top;
		margin-top: 5px;
	}
	.actor .item_el_avg {
		vertical-align: top;
		margin-top: 5px;
	}

/*----------------------------------------------
################################################
				SCENES
################################################
/----------------------------------------------*/
	.fav_scene_area {
		max-height: 400px;
		overflow-y: auto;
	}

	/*NEW SCENE*/
		.new_cena {
			background-color: white;
			margin-bottom: 40px;
			border-radius: 3px;
		}
		.darkv .new_cena {
    		background-color: rgba(255, 255, 255, 0.08);
    	}

		.new_cena span {
			float: left;
			line-height: 1;
			font-size: 13px;
			width: 120px;
			padding: 12px 8px;
			color: silver;
			opacity: 0;
			-webkit-transition: opacity 0.2s;
			-o-transition: opacity 0.2s;
			transition: opacity 0.2s;
		}
		.new_cena input {
			width: calc(100% - 170px);
			outline: none;
			border: none;
			font-size: 18px;
			padding: 12px 15px;
			padding-left: 0;
			font-weight: 500;
			background-color: transparent;
		}
		.new_cena button {
			float: right;
			padding: 0;
			border: none;
			width: 50px;
			outline: none;
			padding: 15px 2px;
			background-color: #eaeaea;
			border-radius: 0 3px 3px 0;
			font-weight: 500;
			color: #a7a7a7;
		}
		.darkv .new_cena button {
			background-color: #676767;
		}
		.new_cena button:hover {
			background-color: #f3e4e4;

		}
		.darkv .new_cena button:hover {
		    background-color: #6d6666;
		}
		.new_cena button i {
			position: relative;
			top: 0px;

		}
		.new_cena button:hover i {
			animation: hoop .4s infinite linear;
		}

		@keyframes hoop {
			0% {top: 0px;}
			50% {top: -3px;}
			100% {top: 0px;}
		}

		.new_cena input:focus ~ span {
			opacity: 1;
		}

		.new_cena input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		  color: #BABABA;
		  text-align: center;
		}
		.new_cena input::-moz-placeholder { /* Firefox 19+ */
		  color: #BABABA;
		  text-align: center;
		}
		.new_cena input:-ms-input-placeholder { /* IE 10+ */
		  color: #BABABA;
		  text-align: center;
		}
		.new_cena input:-moz-placeholder { /* Firefox 18- */
		  color: #BABABA;
		  text-align: center;
		}

		.new_cena input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		  text-align: left;
		}
		.new_cena input:focus::-moz-placeholder { /* Firefox 19+ */
		  text-align: left;
		}
		.new_cena input:focus:-ms-input-placeholder { /* IE 10+ */
		  text-align: left;
		}
		.new_cena input:focus:-moz-placeholder { /* Firefox 18- */
		  text-align: left;
		}

		.cene_alert {
			color: crimson;
		}
	
	.spoiler_scene {
		font-size: 15px;
		border: 1px solid silver;
		padding: 5px 10px;
		text-align: center;
		cursor: pointer;
		margin-bottom: 10px;
		font-weight: 500;
	}
	.spoiler_scene:hover {
		background-color: rgba(255,255,255,0.7);
	}
	.spoiler_scene + .fav_scene_area {
		display: none;
	}

	.darkv .spoiler_scene {
		border: 1px solid black;
		color: #909090;
		background-color: black;
	}
	.darkv .spoiler_scene:hover {
		color: #000000;
		background-color: #5a5a5a;
	}


/*SCHEDULE*/
	.sheduled {
		background-color: white;
		padding: 4px 10px;
		box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
		/*margin-bottom: 20px;*/
		position: relative;
		overflow: hidden;
	}
	.schedule_titulo {
		font-size: 17px;
		font-weight: 500;
		display: inline-block;
	}
	.schedule_data {
		display: inline-block;
		margin-right: 5px;
		color: crimson;
	}
	.schedule_commentario {

	}
	.schedule_buddy {
		display: inline-block;
		margin-right: 3px;
		font-size: 12px;
	}
	.schedule_buddy:after {
		content:", ";
	}
	.schedule_buddy:last-of-type:after {
		content:"";
	}
	.schedule_data + .schedule_buddy:after {
		content: "";
		display: block;
		border-bottom: 1px solid silver;
	}

	.add_schedule {
		margin-top: 20px;
	}

	.new_schedule {
		margin-top: 5px;
		display: none;
	}
	.confirm_schedule {
		margin-top: 5px;
	}

	.r_body .add_schedule {
		padding: 3px 5px;
		font-size: 15px;
	}

	.sheduled input {
		outline: none;
		border: none;
	}
	.sheduled div {
		position: relative;
	}
	.sched_hid{
		position: absolute;
		height: 100%;
		width: 100%;
		left: -8px;
		font-size: 12px;
		padding-top: 7px;
		color: gray;
	}
	.sched_hid i {
		opacity: 0;
		position: absolute;
		    right: 0;
		    cursor: pointer;
	}
	.sched_hid:hover i {
		opacity: 1;
	}

	.del_sched {
		position: absolute;
		background-color: crimson;
		/* content: "x"; */
		color: white;
		top: 0px;
		right: -20px;
		font-size: 15px;
		display: inline-block;
		height: 20px;
		width: 20px;
		opacity: 0.2;
		-webkit-transition: right 0.2s, opacity 0.2s;
		-o-transition: right 0.2s, opacity 0.2s;
		transition: right 0.2s, opacity 0.2s;
		text-align: center;
		font-weight: bold;
		cursor: pointer;
	}
	.sheduled:hover .del_sched {
		right: 0;
	}
	.del_sched:hover {
		opacity: 1;
	}
	.sheduled button {
		color: white;
		background-color: crimson;
		border: 1px solid white;
		border-radius: 4px;
		font-size: 14px;
		font-weight: 400;
		position: absolute;
		right: -9px;
		top: 0;
		padding: 1px 7px;
		display: none;
	}

	.sched_edit .sched_hid {
		display: none;
	}
	.sched_edit button {
		display: block;
	}
	.sched_edit input {
		background-color: rgba(192, 192, 192, 0.24);
	}

	.darkv .sheduled {
		background-color: inherit;
		border: 1px solid #4c4c4c;
	}
	.darkv .sheduled input {
		background-color: transparent;
	}

/*BEFORE LOAD*/
	.before_load {
		background-color:#eaeaea !important;
		/*height: 100px;*/
		position: relative;
		overflow: hidden;
	}
	.before_load:after {
		content:"";
		display: block;
		width: 8px;
		background: #efefef;
		height: 100%;
		position: absolute;
		transform: rotate(35deg);
		left: 0%;
		top:0;
		box-shadow: 0px 0px 30px 77px rgb(241 241 241 / 75%);
		animation: befload .8s infinite linear;
		-webkit-animation: befload2 .8s infinite linear;
	}

	.darkv .before_load {
		background-color: #383838 !important;
	}
	.darkv .before_load:after {
		background: #404040;
		box-shadow: 0px 0px 30px 77px rgb(66 66 66 / 75%);
	}

	@-webkit-keyframes befload2 {
	    from { left:0%;}
	    to { left:100%;}
	}

	@keyframes befload {
	    from { left:0%;}
	    to { left:100%;}
	}

	.other_users.before_load {
		height: 50px;
	}

	.mymedia.before_load {
		height: 45px;
	}

	.l_grp_cast .before_load {
		height: 200px;
	}

	.fav_scene_area.before_load {
		height: 50px;
	}

	.collection_wrap.before_load {
		height: 100px;
	}

	.ff_seen_date .before_load {
		height: 70px;
	}

	.genres_place.before_load {
		height: 60px;
	}

	.user_top.before_load {
		height: 40px;
	}

	.quotes.before_load {
		height: 50px;
	}
	.img_wrap.before_load {
		overflow: hidden;
	}
	/*.conpiece_area.before_load {
		height: 150px;
	}*/
	.conpiec_place {
		display: inline;
	}

	.film_news .before_load {
		height: 300px;
		margin-bottom: 15px;
	}

	.schedule_place.before_load {
		height: 70px;
	}

/*----------------------------------------------
################################################
				COMPANION PIECE
################################################
/----------------------------------------------*/
	.conpiece_area {
		height: 150px;
		padding: 5px;
		font-size: 0;
		white-space: nowrap;
		overflow-x: auto;
		position: relative;

	}
	.conpiece_area .conpiec_new {
		cursor: pointer;
		border:2px solid #D4D4D4;
		border-radius: 2px;
		font-size: 30px;
		-webkit-transition: background-color 0.2s;
		-o-transition: background-color 0.2s;
		transition: background-color 0.2s;
	}

	.conpiece_area .conpiec_new:hover {
		background-color: #C5C5C5;
	}

	.conpiec_item {
		height: 100%;
		width: 100px;
		display: inline-block;
		font-size: 14px;
		background-color: #E2E2E2;
		margin: 0 2px;
		position: relative;
		vertical-align: bottom;
		overflow: hidden;
	}
	.darkv .conpiec_item {
		background-color: #585858;
	}
	.darkv .conpiece_area .conpiec_new {
	    border: 2px solid #717171;
	}
	.darkv .conpiece_area .conpiec_new:hover {
	    background-color: #583C3C;
	}

	.conpiec_new span {
		background-color: #D4D4D4;
		display: inline-block;
		position: absolute;
		left: 50%;
		top: 20%;
	}
	.conpiec_new span:nth-of-type(1) {
		height: 75px;
		width: 15px;
		transform: translate(-50%, 0%);
	}
	.conpiec_new span:nth-of-type(2) {
		height: 15px;
	    width: 65px;
	    transform: translate(-50%, -75%);
	    top: 50%;
	}

	.conpiec_more div {
		font-size: 15px;
		white-space: pre-line;
		text-align: center;
		margin-top: 20px;
		color: silver;
		font-weight: 600;
	}
	.conpiec_more:hover {
		color: gray;
	}

	.conpiec_item a {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 20;
		text-align: center;
		padding-top: 15px;
		text-decoration: none;
		color: white;
		font-size: 15px;
		font-weight: 600;
		white-space: pre-line;
		text-shadow: 2px 2px black;
	}
	.conpiec_item img {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		min-width: 100%;
	}
	.conpiec_item .conpiec_remove {
		position: absolute;
		height: 20px;
		bottom: 0;
		left: 0;
		background-color: rgba(192, 192, 192, 0.62);
		z-index: 40;
		color: crimson;
	    font-size: 16px;
	    padding: 0 4px;
	    width: 23px;
	    opacity: 0;
	}
	.conpiec_item:hover .conpiec_remove {
		opacity: 1;
	}
	.conpiec_item:hover {
		opacity: 0.8;
	}

	.conpiece_area .conpiec_new:hover div {
		color: white;
	}
	.darkv .conpiece_area .conpiec_new:hover div {
		color: white;
	}

	.get_similar {
		background: transparent;
		border: none;
		color: crimson;
		font-weight: 500;
		margin-top: 10px;
	}

/*----------------------------------------------
################################################
				QUICK EDIT MODAL
################################################
/----------------------------------------------*/
	#modal_quickedit .modal-content {
		border-radius: 2px;
		background-color: #636363;
		color: white;
	}

	#modal_quickedit .modal-header {
		font-size: 18px;
		text-overflow: ellipsis;
		overflow: hidden;
		font-weight: 500;
		white-space: nowrap;
		border-bottom: none;
	}

	#modal_quickedit .modal-body {
		background: repeating-linear-gradient( 45deg, #545454, #545454 10px, #5D5D5D 10px, #5D5D5D 20px );
		height: 300px;
		padding: 0;
	}

	#modal_quickedit .modal-footer {
		border-top: none;
	}
	#modal_quickedit .modal-footer button {
		font-weight: 600;
		border-radius: 2px;
		outline: none;
	}
	#modal_quickedit .modal-footer .btn-default {
		color: white;
		background-color: gray;
		border-color: gray;
		border-top-color: #9C9C9C;
	}
	#modal_quickedit .modal-footer .btn-default:hover {
		background-color: #7D7D7D;
	}
	#modal_quickedit .modal-footer .btn-danger {
		border-top-color: #FF6C6C;
	}

	.meq_backdrop {
		overflow-y: auto;
		height: 100%;
	}

	.meq_back, .meq_pos {
		display: inline-block;
		width: 50%;
		text-align: center;
		padding: 8px;
		cursor: pointer;
		position: relative;
	}
	.meq_back a, .meq_pos a {
		display: none;
	}
	.meq_back img, .meq_pos img {
		width: 100%;
		border: 5px solid transparent;
	}
	.meq_back_on + a, .meq_pos_on + a {
		display: block;
		position: absolute;
		top: 8px;
		right: 8px;
		/*background: rgba(0, 0, 0, 0.38);*/
		/*width: calc(100% - 16px);*/
		text-decoration: none;
		/*color: white;*/

		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 40px 40px 0;
		border-color: transparent crimson transparent transparent;
	}
	.meq_back_on + a:hover, .meq_pos_on + a:hover {
		border-color: transparent firebrick transparent transparent;
	}

	.meq_back .meq_back_on, .meq_pos .meq_pos_on {
		border: 5px solid crimson;
	}

	.ul_quickedit {
		list-style-type: none;
		padding: 0;
		position: relative;
		height: 100%;
	}
	.ul_quickedit li {
		width: 100px;
	}
	.ul_quickedit span {
		display: block;
		padding: 5px 10px;
		font-size: 16px;
		font-weight: 400;
		cursor: pointer;
	}
	.meq_on span {
		color: #FFC1C1;
	}
	.ul_quickedit span:hover {
		color: #CECECE;
	}

	.ul_quickedit section {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		width: calc(100% - 100px);
		overflow-y: auto;
		height: 100%;
	}
	.ul_quickedit .meq_on section {
		display: inline-block;
	}

/*----------------------------------------------
################################################
				FOOTER
################################################				
/----------------------------------------------*/

	.footer{
		/*display:none;*/
		/*min-height: 100px;
		background:#555657;
		box-shadow: inset -5px 4px 58px -8px black; 
		bottom:0;
		left:0;
		color:white;
		background-image: url('bg-banner.jpg');
		background-repeat: repeat;*/

		/*position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: -1;
		padding: 1rem 0;
		background: #333;
		background-image: -webkit-linear-gradient(top, #333, #262626);
		background-image: linear-gradient(to bottom, #333, #262626);
		color: #595959;
		text-align: center;*/

		background: #333;
		background-image: -webkit-linear-gradient(top, #333, #262626);
		background-image: linear-gradient(to bottom, #333, #262626);
				height: 150px;
				width: 100%;
				position: fixed;
		    bottom: 0;
				z-index: 0;
				    color: #666666;
				    padding: 20px 0;
	}
	.darkv .footer {
		background-image: linear-gradient(to bottom, #1F1F1F, #262626);
		box-shadow: inset 0px 5px 14px rgba(0, 0, 0, 0.26);
	}

	.footer a {
		color: #8A8A8A;
		margin: 2px 0;
		display: block;
	}
	.footer a:active, .footer a:visited, .footer a:focus {
		text-decoration: none;
	}
	.footer a:hover {
		text-decoration: none;
		color: #A2A2A2;
	}

		
/*----------------------------------------------
################################################
				MEDIA QUERIES
################################################				
/----------------------------------------------*/

/*@media (min-width: 1200px) {
	.top_info_quad {
		background-position: 0% -25%;
	}
}*/
@media (min-width: 995px) {
	.top_info_quad {
		/*opacity: 0;*/
		background-repeat: no-repeat;
		/*background-size: 107%;*/
		-webkit-transition: background-size 3s ease-out 0.2s, opacity 0.3s ease-in;
		-o-transition: background-size 3s ease-out 0.2s, opacity 0.3s ease-in;
		transition: background-size 3s ease-out 0.2s, opacity 0.3s ease-in;

	/*	background-size: 100% auto;
		background-position: 50% -25%;
		background-repeat: no-repeat;*/
	}
}

@media (max-width: 1480px) {
	.top_info_quad {
		/*background-position: 50% -15%;*/

	}
}

@media (max-width: 1350px) {
	.top_info_quad {
		/*background-position: 50% -7%;*/
		background-repeat: no-repeat;
		/*background-size: 107%;*/
		/*opacity: 0;*/
		position: relative;
		/*-webkit-animation: fadein 4s; 
		            -moz-animation: fadein 4s; 
		            -ms-animation: fadein 4s; 
		            -o-animation: fadein 4s; 
		            animation: fadein 4s;*/

		-webkit-transition: background-size 3s ease-out 0.2s, opacity 0.3s ease-in;
		-o-transition: background-size 3s ease-out 0.2s, opacity 0.3s ease-in;
		transition: background-size 3s ease-out 0.2s, opacity 0.3s ease-in;
	}
}

@media (max-width: 1200px) {
	.top_info_quad {
		/*background-position: 50% 0%;*/
	}
	.r_body {
		/*font-size: 0;*/
	}
	.r_body .btn_ficha {
		margin-right: 2px;
		font-size: 13px;
	    padding: 3px 3px;
	}
}

@media (max-width: 1100px) {
	.top_info_quad {
		/*background-position: 50% 5% !important;*/
	}
}

@media (max-width: 995px) {
	.corpo:not(.oldd1) .poster {
		top: 0px;
	}
	.corpo:not(.oldd1) .head_info {
		top: 0;
	}
	.corpo:not(.oldd1) .rate {
		margin-left: 100px;
	}
	.corpo:not(.oldd1) .plist_place {
		top: 30px;
		margin-bottom: 0;
	}
	.corpo:not(.oldd1) .pl_col_grp {
		margin-top: -150px;
		top: 	50px;
	}

	.ratereport {
		display: none;
	}
	.ficha nav.navi .main_search {
		padding: 3px 5px;
		/*width: calc((100% / 3) - 0px );*/
	}
	.ficha .type_of_search {
		margin-left: -20px;
	}

	.top_info {
		background-image:none;
		background-color: #323232;
		background-repeat: no-repeat;
		/*background-size:inherit !important;*/
		/*background-size: auto 75% !important;*/
		/*background-size: inherit !important;*/
		background-size: cover !important;
		background-position: 50% -10px !important; 
	}

	.top_info .container {
		margin-bottom: -20px;
	}

	.rate, .plist_place {
		margin-top: 5px;
		margin-bottom: 50px;
	}

	.plpop_on {
		top: -190px;
	}

	.sm_item {
		font-size: 25px;
		padding: 10px 0px;
	}

	.sub_menu:hover {
		height: 40px;
	}

	.pl_col_grp {
	    margin-top: -70px;
	}
}

@media (max-width: 860px) {
	.ficha .nav_link {
		width: 80px;
	}
	.ficha nav.navi .main_search {
		/*width: calc((100% ) - (80px * 3) - (44px * 2));*/
	}
	.ficha .nav_link:nth-of-type(3) {
		margin-right: 0px;
	}
	.ficha .navi > .nav_overflow > ul:first-of-type {
		width: inherit;
	}
	.ficha nav.navi .main_search input {
		width: 90%;
	}
}

@media (max-width: 770px) {
	#progress_meter {
		zoom:0.7;
	}
	/*.pl_col_grp, .rate_col_grp {
		border-top: 1px solid #4c4c4c;
		padding-top: 5px;
	}*/
	/*.pl_col_grp {
		border-left: 1px solid #4c4c4c;
	}*/
	.rate_col_grp {
		
	}
	.plus_btn {
		left: 75%;
	}

	.sm_item {

	}
	.pc-tab ul li label {
	    padding: 15px 22px;
	}
	.f_avg_zone {
	    width: calc(100% - (100px * 4));
	}

}

@media (max-width: 700px) {
	.ficha nav.navi .main_search i {
		display: inline-block;
		color: rgba(255, 255, 255, 0.37);
	}

	.poster {
		 margin: 10px -15px 10px 0px;
		 
	}
	.poster img {
		max-width: 150px;
		max-height: 220px;
	}
	.poster_img {
		max-width: 147px;
		max-height: 210px;
	}

	.top_info .row {
		margin: 0 5px;
	}

	.rate, .plist_place {
		margin-top: 5px;
	}
	.plist_place {
		min-height: 150px;
	}
	.plpop {
		right: 0;
	}
	.top_info {
		/*background-position: 50% 70% !important;*/
		    /*background-size: inherit !important;*/
	}

	.img_next.fa-chevron-right {
		right: 5%;
	}
	.img_next.fa-chevron-left {
		left: 5%;
	}
	.image_options .btn {
		padding: 7px 6px;
	}
	.img_place a img {
		max-width: 80vw;
		max-height: 74vh;
		margin-top: 81px;
		margin-bottom: 13px;
	}
	.image_next {
		top: 89%;
	}

	.actor {
		width: calc(100% / 2);
	}

	.sub_menu {
		display: none;
	}

	.pc-tab ul li label {
	    padding: 10px 15px;
	}
	.f_avg_zone .share {
		right: 0;
	}
	.f_avg_zone {
	    width: calc(100% - (85px * 4));
	}
}

@media (max-width: 620px) {
	/*.barimg2{
		background-image:url('../images/rate-sm.jpg');
		height: 98%;
	}*/

	.poster img{
		max-width: 160px;
		max-height: 230px;
		margin: 0;

	}
	.poster_img {
		max-width: 130px;
		max-height: 186px;
	}

	.r_tip {
		display: none;
	}

	.media_name_area .media_user {
		display: none;
	}

	.media_name_area label {
		width: calc(100% - 80px);
	}
	.pc-tab section > div {
	    padding: 10px;
	}
	.pc-tab ul li label {
	    padding: 10px 10px;
	}
	.f_avg_zone {
	    width: calc(100% - (75px * 4));
	}
	.avg, .votes {
	    font-size: 12px;
	}
	.avg span, .votes b {
		font-size: 14px;
	}
}

@media (max-width: 560px) {
	.tabs li > label {
		padding: 5px 10px;
	}
	.avg {
		margin-top: 5px;
	}
	.tab_content {
		margin-top: 30px;
	}
	.orate_user {
		width: 50%;
	}
	.orate_date {
		width: 35%;
	}
	.orate_rate {
		width: 14%;
	}

	.scenes .s_link embed {
		width: 80px;
		height: 65px;
	}

	.tab4 {
		display: none;
	}
	.avg, .votes {
	    font-size: 0px;
	}
	.avg span, .votes b {
		font-size: 14px;
	}
	.f_avg_zone {
	    width: calc(100% - (65px * 4));
	}
}

@media (max-width: 500px) {
	.poster img {
		max-width: 135px;
		max-height: 205px;
	}
	.poster_img {
		max-width: 107px;
		max-height: 150px;
	}
	.more_info, .realizador  {
		font-size: 1em;
	}
	.titulo {
		font-size: 2.1em;
		max-height: 140px;
		overflow: hidden;
		/*word-break: break-all;*/
		word-break: break-word;
	}
	.top_info .container {
		padding: 51px 0 0 0;
	}
	.plpop_on {
		top: -150px;
	}
	.poster, .body_ficha .poster {
		/*margin: 10px -25px 10px -10px;*/
		margin: 10px -35px 10px -15px;
		height: 210px;
	}
	
	.actor {
		width: 100%;
	}

	.pl_col_grp {
	    margin-top: 0px;
	}
}