/*GEN*/

	body {

		overflow: hidden !important;

		/*color: white;*/

		background-color: #eff2f7;

	}

	body.darkv {

		background-color: #151829;

	}

	body.modal-open {

		overflow: hidden !important;

	}

	.brand {

		color: #74bf9e;

	}



	ul {

		padding: 0;

	}



	.brand {

		color: #ed265d;

	}

	#logged_drp {

		border-bottom: 3px solid #ed265d;

		border-left: 0px solid #ed265d;

	}



	.darkv .navi {

		background-color: #1d1e32;

	}



	.darkv .act_pages, .darkv .act_page {

		color: white;

	}



	.com_list_trig {

		cursor: pointer;

	}



/*SCROLLBAR*/

	.act_page::-webkit-scrollbar {

	  width: 8px;

	  height: 6px;

	}

	.act_page::-webkit-scrollbar-button {

	  width: 0px;

	  height: 0px;

	}

	.act_page::-webkit-scrollbar-track {

	  background: transparent;

	  border: 18px none #ffffff;

	  border-radius: 44px;

	}

	.act_page::-webkit-scrollbar-track:hover {

	  background: transparent;

	}

	.act_page::-webkit-scrollbar-track:active {

	  background: transparent;

	}

	.act_page::-webkit-scrollbar-corner {

	  background: transparent;

	}

	.act_page::-webkit-scrollbar-thumb {

		background:silver;

	  border: 5px none #ffffff;

	  border-radius: 12px;

	}

	.darkv .act_page::-webkit-scrollbar-thumb {

	  background: #414141;

	}

	.act_page::-webkit-scrollbar-thumb:hover {

	  background: #515151;

	}

	.act_page::-webkit-scrollbar-thumb:active {

	  background: #6F6F6F;

	}



/*TOP PAGES*/

	.cast_nav {

		z-index: 1000;

		position: relative;

	}

	.act_pages {

		font-size: 0;

		padding: 0;margin: 0;

		/*background-color: #d5d8de;*/

		background-color: white;

		padding-top: 15px;

		padding-left: 5%;

		position: relative;

		/*z-index: 10;*/

	}

	.darkv .act_pages {

		background-color: #151725;

	}



	.act_pages:before, .act_pages:after	{

	  z-index: -1;

	  position: absolute;

	  content: "";

	  bottom: 15px;

	  left: -5px;

	  width: 50%;

	  top: 26%;

	  height: 23px;

	  /*max-width:300px;*/

	  /*background: #777;*/

	  background: rgba(119, 119, 119, 0);

	  box-shadow: 0 15px 10px rgba(158, 158, 158, 0.66);

	  transform: rotate(-1deg);

	}

	.darkv .act_pages:before, .darkv .act_pages:after {

	  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.59);

	}



	.act_pages:after {

	  transform: rotate(1deg);

	  right: 0px;

	  left: auto;

	}

	.act_pages li {

		font-size: 15px;

		display: inline-block;

		color: #898da2;

		cursor: pointer;

		text-align: center;

		/*padding: 5px 15px;*/

		border-bottom: 2px solid transparent;

		text-transform: uppercase;

	}

	.act_pages li:hover {

		color: #b7b9bc;

	}

	.darkv .act_pages li:hover {

		color: white;

	}



	.act_pages li label {

		margin-bottom: 0;

		display: block;

		padding: 5px 25px;

		font-weight: 500;

	}



	.act_pages .ap_active {

		border-color: #ed265d;

		/*color: #b7b9bc;*/

		color:#f2658c;

	}

	.darkv .act_pages .ap_active {

		color: white;

	}



	.act_page {

		display: none !important;

		overflow-y: auto;

		height: calc(100vh - 77px);

	}



	#act_lists:checked + .act_lists {

		display: block !important;

	}

	#act_roles:checked + .act_roles {

		display: block !important;

	}

	#act_comments:checked + .act_comments {

		display: block !important;

	}

	#act_area:checked + .act_area {

		display: block !important;

	}



	input[name="act_page"] {

		display: none;

	}



/*AU HEAD*/

	.act_lower {

		/*overflow-y: auto;*/

		/*padding-right: 15px;*/

		/*margin-top: 250px;*/

		top: 250px;

		position: relative;

	}



	.au_h {



	}



	.au_head {

		margin: 0;

		list-style-type: none;

		font-size: 0;

		/*background-color: #151828;*/

		margin-bottom: 10px;

		padding: 5px;

		border-bottom: 1px solid #d2d2d2;

	}

	.darkv .au_head {

		border-bottom: 1px solid #3d404a;

	}



	.au_head li {

		display: inline-block;

		font-size: 13px;

	    /*margin: 0 2px;*/

	    color:#3d404a;

	    text-transform: uppercase;

	    font-weight: 500;

	}



	.au_head li:nth-of-type(1) {

		width: 34px;

	}

	.au_head li:nth-of-type(2) {

		width: 20px;

	}

	.au_head li:nth-of-type(3) {

		width: 50px;

	}

	.au_head li:nth-of-type(4) {

		width: calc( (100% - (34px + 20px + 50px + 30px + 75px + 30px + 70px)) / 2 );

	}

	.au_head li:nth-of-type(5) {

		width: calc( (100% - (34px + 20px + 50px + 30px + 75px + 30px + 70px)) / 2 );

	}

	.au_head li:nth-of-type(6) {

		width: 30px;

	}

	.au_head li:nth-of-type(7) {

		width: 60px;

	}

	.au_head li:nth-of-type(8) {

		width: 30px;

	}

	.au_head li:nth-of-type(9) {

		width: 30px;

	}



/*ACT SUB*/

	.act_single_lists {

		display: none;

		height: calc(100vh - 460px);

	}



	.act_sub {

		padding: 0;margin: 0;

		list-style-type:none;

		font-size: 0;

		/*border-bottom: 1px solid #3d404a;*/

		margin-bottom: 35px;

	}

	.act_sub li {

		font-size: 13px;

		display: inline-block;

		width: calc(100% / 5);

		text-align: center;

		text-transform: uppercase;

		color: #898da2;

		padding: 7px 0;

	    font-weight: 600;

		border-bottom: 1px solid #d2d2d2;

	    cursor: pointer;

	}

	.darkv .act_sub li {

	    border-bottom: 1px solid #3d404a;

	}



	.act_sub li:hover {

		color: #a9adc3;

	}



	.act_sub .act_sub_on {

		border-bottom: 1px solid #ed265d;

		color: #a9adc3;

	}



/*ACT*/

	.act_upper {

		height: 200px;

		margin-top: 50px;

		position: fixed;

		/*z-index: -1;*/

			/*margin-top: 0;

			-webkit-transition: margin-top 0.1s ease;

			-o-transition: margin-top 0.1s ease;

			transition: margin-top 0.1s ease;*/

	}



	.act_ul {

		list-style-type: none;

		padding: 0;

		/*width: 60%;*/

		margin: 0 auto;

		margin-bottom: 50px;

		/*background-color: #1d1e32;*/

		/*background-color: #151828;*/

		/*overflow-y: auto;*/

		/*height: calc(100vh - 487px);*/

		color: black;

		/*height: calc(100vh - 505px);*/

	}

	.darkv .act_ul {

		color: white;

	}

	

	.act_item {

		/*background-color: white;*/

		/*margin-bottom: 10px;*/

		position: relative;

		height: 50px;

		/*border-bottom: 1px solid #e5e8ed;*/

	}

	.darkv .act_item {

		    /*border-bottom: 1px solid #282a3d;*/

		}

	.act_item:hover {

		/*background-color: #1d1e2d;*/

		/*background-color: #e4e7f0;*/

		background-color: rgba(228, 231, 240, 0.38);

	}

	.darkv .act_item:hover {

		background-color: rgba(29,30,45,0.56);

	}



	.act_item span {

		display: inline-block;

	}



	.act_item .pin_list {

		right: 0;

		/*bottom: 0px;*/

	}



	.act_item h3 {



	}



	.act_year {



	}

	

	.act_item span a {

		text-decoration: none;

		color: inherit;

	}

	.act_item span a:hover {

		color: #b5b5b5;

	}

	.act_item span img {

		width: 100%;

	}

	.act_item span:nth-of-type(1) {

		width: 34px;

		

	}

	.act_item span:nth-of-type(2) {

		color:#636673;

		text-align: center;

		width: 20px;

	}

	.act_item span:nth-of-type(3) {

		text-align: center;

		width: 50px;

	}

	.act_item span:nth-of-type(4) {

		width: calc( (100% - (34px + 20px + 50px + 30px + 75px + 30px + 70px)) / 2 );

	}

	.act_item span:nth-of-type(5) {

		width: calc( (100% - (34px + 20px + 50px + 30px + 75px + 30px + 70px)) / 2 );

		color: #ed265d;

	}

	.act_item span:nth-of-type(6) {

		width: 30px;

	}

	.act_item span:nth-of-type(7) {

		width: 75px;

	}

	.act_item span:nth-of-type(8) {

		width: 30px;

	}

	.act_item span:nth-of-type(9) {

		width: 30px;

	}

	

	/*ROLE RATE*/

		/*.act_item span:nth-of-type(7) b {

			

			display: inline-block;

			padding: 1px;

			cursor: pointer;

		}

		.act_item span:nth-of-type(7) b i {

			border-radius: 50%;

			background: rgba(255, 255, 255, 0.45);

			width: 7px;

			height: 7px;

			display: inline-block;

		}

		

		.role_rate {

			font-size: 0;

		}



		.act_item span:nth-of-type(7) .role_voted b i {

			background-color: #ed265d;

		}

		.act_item span:nth-of-type(7) .role_star ~ b i {

			background-color: rgba(255, 255, 255, 0.45);

		}



		.act_item span:nth-of-type(7) .role_rate:hover b i {

			background-color: #ed265d;

		}



		.act_item span:nth-of-type(7) .role_rate b:hover ~ b i {

			background-color: white;

		}*/



	.switch_play {

		border-left: 10px solid rgba(64, 64, 64, 0.32);

		border-top: 10px solid transparent;

		border-bottom: 10px solid transparent;

		border-right: none;

		cursor: pointer;

	}

	.switch_play:hover {

		border-left: 10px solid rgba(105, 90, 90, 0.81);

	}

	.switch_play_on {

		border-left: 10px solid #ed265d;

	}



/*ACT LISTS*/

	.al_single {

		display: inline-block;

		margin: 0 20px 20px 0;

		position: relative;

		height: 150px;

		width: 120px;

		overflow: hidden;

	}

	.al_single img {

		opacity: 0.8;

		position: absolute;

		width: 100%;

	}

	.al_list {

		color: white;

		position: absolute;

		top: 50px;

		text-align: center;

		width: 100%;

		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);

		font-size: 14px;

		font-weight: 600;

		text-transform: uppercase;

	}

	.al_ops {

		opacity: 0;

		height: 100%;

		width: 100%;

		position: absolute;

		z-index: 10;

		-webkit-transition: opacity 0.2s ease-out;

		-o-transition: opacity 0.2s ease-out;

		transition: opacity 0.2s ease-out;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ea6b8d+50,ed265d+100&0+0,1+100 */

		background: -moz-linear-gradient(top,  rgba(229,229,229,0) 0%, rgba(234,107,141,0.5) 50%, rgba(237,38,93,1) 100%); /* FF3.6-15 */

		background: -webkit-linear-gradient(top,  rgba(229,229,229,0) 0%,rgba(234,107,141,0.5) 50%,rgba(237,38,93,1) 100%); /* Chrome10-25,Safari5.1-6 */

		background: linear-gradient(to bottom,  rgba(229,229,229,0) 0%,rgba(234,107,141,0.5) 50%,rgba(237,38,93,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#ed265d',GradientType=0 ); /* IE6-9 */



	}

	.al_single:hover .al_ops {

		opacity: 1;

	}

	.al_single:hover .al_list {

		opacity: 0;

	}

	.al_ops .pin_list {

		position: absolute;

		left: 0;

		top: 30px;

	}

	.al_ops > a:nth-of-type(1) {

		position: absolute;

		left: 0;

		top: 75px;

		color: white;

		width: 100%;

		text-align: center;

		font-weight: 600;

		text-decoration: none;

	}

	.al_ops > a:nth-of-type(2) {

		position: absolute;

	    right: 0px;

	    top: 35px;

	    color: white;

	    width: 50px;

	    text-align: center;

	    font-weight: 600;

	    text-decoration: none;

	}

	.al_ops + a {

		position: absolute;

	    bottom: 0;

	    background-color: #222432;

	    width: 100%;

	    text-align: center;

	    color: white;

	    height: 40px;

	    text-overflow: ellipsis;

	    overflow: hidden;

	    white-space: nowrap;

	    text-decoration: none;

	    font-size: 11px;

	    padding-top: 11px;

	    font-weight: 500;

	}



/*SIDE LIST*/

	.hide_side_cast {

		display: none;

	}

	.side_cast {

		position: absolute;

		background-color: #10111e;

		width: 200px;

		/*padding: 15px;*/

		height: calc(100vh - (30px + 48px));

		padding-top: 20px;

		overflow-y: auto;

	}

	.alist {

		background-color: #10111e;

		color: #ed265d;

		padding: 10px 7px;

		cursor: pointer;

		/*color: #ffe9f2;*/

		font-size: 16px;

		overflow: hidden;

		text-overflow: ellipsis;

		white-space: nowrap;

	}

	.alist:hover {

		color: white;

	}

	.alist i {

		margin-right: 5px;

		font-size: 12px;

	}

	.alist_on {

		/*background-color: #94ffdb;*/

		background-color: #ed265d;

		color: white;

	}

	.alist label {

		font-weight: 500;

	}



	.act_list_area {

		display: inline-block;

		margin-left: 225px;

		width: calc(100% - 140px);

		height: calc(100vh - (30px + 52px));

		overflow-y: auto;

	}



	.act_list_area h3 {

		border-bottom: 1px solid #ed265d;

		padding-bottom: 10px;

		font-size: 23px;

		font-weight: 400;

	}



	.act_list_results {

		height: calc(100vh - 150px);

		overflow-y: auto;

	}



/*ACT AREA*/

	.act_area {

		position: relative;

		padding: 50px;

	}



	.act_area section {

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		z-index: -2;

	}

	.act_area section img {

		width: 100%;

		height: auto;

		position: fixed;

		top: 30px;

		opacity: 0.4;

	}

	.act_area section:after {

		display: block;

		content: "";

		/*box-shadow: inset 0px -218px 186px -82px #151829;*/

		box-shadow: inset 0px -335px 286px 30px #eff2f7;

		width: 100%;

		position: fixed;

		height: 100%;

		top: 0;

	}

	.darkv .act_area section:after {

		box-shadow: inset 0px -370px 286px 30px #151829;

	}

	

	.act_img {

		position: absolute;

		height: 177px;

		z-index: 1;

		width: 117px;

		opacity: 1;

		-webkit-transition: opacity 0.2s ease;

		-o-transition: opacity 0.2s ease;

		transition: opacity 0.2s ease;

		background: black;

	}

	.act_img img {

		width: 100%;

	}

	.act_img:hover {

		opacity:0;

	}



	.act_pict {

		display: inline-block;

		height: 175px;

		width: 116px;

		position: relative;

		box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.5);

		float: left;

	}

	.act_pict img {

		height: 100%;

		position: absolute;

	}

	.act_pict img:nth-of-type(2) {

		display: none;

	}



	h2 {

		width: calc(100% - 150px);

		display: inline-block;

		margin: 0 0 0 15px;

	    position: relative;

	    top: 15px;

	    font-weight: 400;

	    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);

	    font-size: 32px;

	    color: white;

	}

	

	.act_abovename {

		display: inline-block;

		position: relative;

		width: calc(100% - 150px);

		clear: both;

		top: 15px;

		margin: 25px 0 50px 15px;

	}

	.act_explore, .act_stats  {

	    display: inline-block;

	    background-color: #ed265d;

	    border-radius: 20px;

	    font-weight: 600;

	    letter-spacing: 1px;

	    font-size: 13px;

	    color: white;

	}

	.act_explore a, .act_stats span {

		padding: 5px 20px;

		display: inline-block;

	}

	.act_explore a {

		text-decoration: none;

		color: white;

	}

	.act_explore:hover, .act_stats:hover {

		background-color: #d82254;

	}

	

	.p_mid_area {

		vertical-align: top;

		margin-left: 20px;

	}

	.pma_label {

		color:#ed265d;

		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);

	}



	.p_mid_area_menu {

		color: black;

	}

	.darkv .p_mid_area_menu {

		color: white;

	}



	.act_tmdb_area {

		color: black;

		background-color: mediumaquamarine;

		padding: 15px;

	}

	.act_tmdb_area label {

		display: inline-block; width: 100px;

		font-weight: 400;

	}

	.act_tmdb_area input {

		display: inline-block; width: calc(100% - 110px);

		padding: 2px 10px;

		border: none;

	}

	.act_tmdb_area_btns {

		padding: 15px;

		background-color: #59BC9A;

	}

	.act_tmdb_area_btns button {

		border:none;

		border-radius: 2px;

		background-color: whitesmoke;

		color: #59BC9A;

	}



	.act_tmdb_area_results {

		max-height: 200px;

		overflow-y: auto;

	}

	.act_tmdb_area_results .act_pic_hip {

		margin: 3px;

		cursor: pointer;

	}



	.act_avg {

		display: inline-block;

		color: #ed265d;

		border-radius: 20px;

		font-weight: 600;

		letter-spacing: 1px;

		font-size: 13px;

		padding: 5px 10px;

		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.89);

	}



	.pa_play {

		display: inline-block;

		-webkit-transition: border 0.3s ease-in-out;

		-o-transition: border 0.3s ease-in-out;

		transition: border 0.3s ease-in-out;

		border-left: 5px solid #ed265d;

		border-right: 5px solid #ed265d;

		height: 18px;

		width: 15px;

		vertical-align: middle;

		margin-left: 5px;

		cursor: pointer;

	}

	.pa_play:not(.pa_play_on):hover {

		border-color:#d82254;

	}

	.pa_play_on {

		border-left: 10px solid #ed265d;

		border-top: 10px solid transparent;

		border-bottom: 10px solid transparent;

		border-right:none;

	}

	.pa_play_on:hover {

		border-left-color:#d82254;

	}



	.act_desc {

		display: inline-block;

	    position: relative;

	    width: calc(100% - 150px);

	    height: 40px;

	    top: 25px;

	}

	.act_desc a {

		text-decoration: none;

	    color: #b5b5b5;

	    margin-top: 15px;

	    margin-left: 18px;

	    font-weight: 500;

	    text-shadow: 1px 1px 1px rgb(0, 0, 0);

	    display: inline-block;.

	    font-size: 16px;

	}

	.act_desc a:hover {

		color: #ed265d;

	}



/*ACT COMMENTS*/

	.act_comments {

		padding: 50px;

	}

	.acomment {

		margin: 20px 0;

		display: inline-block;

		width: 300px;

	}

	.acom_head {



	}

	.acom_head img {

		background-color: white;

		border-radius: 30px;

		height: 35px;

		width: 35px;

		float: left;

	}

	.acom_head h4 {

		display: inline-block;

		width: calc(100% - 40px);

		padding: 0 0 0 10px;

		margin: 0;

		font-size: 14px;

		font-weight: 600;

	}

	.acom_head span {

		display: inline-block;

	    width: calc(100% - 40px);

	    padding: 0 0 0 10px;

	    font-size: 12px;

	    color: silver;

	}

	.acom_text {

		color: #e6e6e6;

		font-style: italic;

		font-size: 14px;

		margin-top: 15px;

	}

	.acom_a {

		display: inline-block;

		margin-top: 5px;

	}

	.acom_a a {

		text-decoration: none;

	    color: #ed265d;

	    font-size: 12px;

	    font-weight: bold;

	}



/*ACT SEARCH ROLES*/

	.act_roles {



	}

	.search_roles {

		width: 50%;

		display: block;

		margin: 0 auto;

		color: black;

		padding: 9px 20px;

		border-radius: 2px;

		border: none;

		outline: none;

		font-size: 16px;

		margin-top: 40px;

		background-color: rgba(255, 255, 255, 0.19);

		-webkit-transition: background-color .3s ease;

		-o-transition: background-color .3s ease;

		transition: background-color .3s ease;

	}

	.search_roles:focus {

		background-color: rgba(255, 255, 255, 0.97);

	}



	.roles_area {

		margin: 50px 10px 0 10px;

	}



	.top_roles {

		padding: 50px;

		padding: 0 20px;

	}

	

	.act_sc {

		font-size: 0;

		border-bottom: 1px solid rgba(61, 64, 74, 0.12);

		color: #909090;
		position: relative;
	}

	.darkv .act_sc {

		border-bottom: 1px solid #3d404a;

		color: white;

	}

	.act_sc:hover {
		background-color: rgb(210 83 107 / 18%);
		/*background-color: rgba(210, 83, 107, 0.54);*/
	}
	.act_sc:hover img:nth-of-type(1) {
		opacity: 0;
	}

	.act_sc img {

		height: 70px;

		width: 45px;

		margin-right: 10px;
		
	}
	.act_sc img:nth-of-type(1) {
		position: relative;
		z-index: 1;
		opacity: 1;
		transition:opacity 0.2s ease;
	}
	.act_sc img:nth-of-type(2) {
		position: absolute;
	    top: 0;
	    left: 0;
	    
	}
	.act_sc img:nth-of-type(1):hover {
		opacity: 0;
	}

	.act_sc a {

		text-decoration: none;

		color: inherit;

		display: inline-block;

		width: calc((100% - (45px + 10px + 50px + 50px + 50px + 50px)) / 3);

		font-size: 14px;

		vertical-align: middle;

	}

	.act_sc a:hover {

		color: #d0e0e8;

	}

	.act_sc .colw {

		width: calc((100% - (45px + 10px + 50px + 50px + 50px + 50px)) / 3);

		font-size: 14px;

		vertical-align: middle;

		display: inline-block;

		font-weight: bold;

	}

	.act_sc span {

		width: 50px;

		display: inline-block;

		text-align: left;

		vertical-align: middle;

		font-size: 14px;

	}

	.act_sc > span:nth-of-type(4) {

		text-align: center;

	}



	.act_sub_score {

		padding: 0;margin: 0;

		list-style-type:none;

		font-size: 0;

		/*border-bottom: 1px solid #3d404a;*/

		margin-bottom: 35px;

	}

	.act_sub_score li {

		font-size: 13px;

		display: inline-block;

		width: calc(100% / 3);

		text-align: center;

		text-transform: uppercase;

		color: #898da2;

		padding: 7px 0;

	    font-weight: 600;

	    cursor: pointer;

	    border-bottom: 1px solid #3d404a;

	}



	.act_sub_score li:hover {

		color: #a9adc3;

	}



	.act_sub_score .act_sub_score_on {

		border-bottom: 1px solid #ed265d;

		color: #a9adc3;

	}



	.more_avg, .more_myscores {

		border: 1px solid #ed265d;

	    background: transparent;

	    padding: 5px 15px;

	    margin: 10px auto;

	    display: block;

	    color: #ed265d;

	    font-size: 15px;

	    font-weight: 600;

	}

	.more_avg:hover, .more_myscores:hover {

		background-color: #ed265d;

		color: white;

	}



/*SCORE DIFERENTE FROM GEN*/

	body:not(.body_ficha) .item_el_score label {

		color: rgba(255, 255, 255, 0.22);

	}

	body:not(.body_ficha) .item_el_score label:hover {

	  border: 2px solid rgba(255, 255, 255, 0.33);

	  /*color: rgba(255, 255, 255, 0.43);*/

	}

	body:not(.body_ficha) .item_el_score label:active {

	   box-shadow: inset 0px 0px 2px 10px rgba(154, 154, 154, 0.44);

	   color: white;

	}





/*QUERIES*/



	@media screen and (max-width: 720px) {

		.hide_side_cast {

			display: block;

			position: fixed;

			cursor: pointer;

			font-size: 18px;

			z-index: 10;

		}

		.hide_side_cast_on + .side_cast {

			left: 0;

		}

		.side_cast {

			position: fixed;

			left: -200px;

			-webkit-transition: left 0.2s ease-out;

			-o-transition: left 0.2s ease-out;

			transition: left 0.2s ease-out;

			z-index: 1;

		}

		.act_list_area {

			margin-left: 0;

			width: 100%;

		}

		.act_lists {

			padding: 0 5px;

		}



		.act_pages li {

			font-size: 13px;

		}



		.act_area {

			padding: 50px 5px;

		}



		.search_roles {

			width: 80%;

		}

	}

	

	@media screen and (max-width: 700px) {

		.act_item span:nth-of-type(9), .act_item span:nth-of-type(6), .au_head li:nth-of-type(8) {

			display: none;

		}

		.act_item span:nth-of-type(4) {

		    width: calc( (100% - (34px + 20px + 50px + 75px + 70px)) / 2 );

		}

		.act_item span:nth-of-type(5) {

		    width: calc( (100% - (34px + 20px + 50px + 75px + 70px)) / 2 );

		}

		.au_head li:nth-of-type(4) {

		    width: calc( (100% - (34px + 20px + 50px + 75px + 70px)) / 2 );

		}

		.au_head li:nth-of-type(5) {

		    width: calc( (100% - (34px + 20px + 50px + 75px + 70px)) / 2 );

		}

	}



	@media screen and (max-width: 640px) {

		.act_sc > span:nth-of-type(3) {

			display: none;

		}

		.act_sc a, .act_sc .colw {

			width: calc((100% - (45px + 10px + 50px + 50px + 50px)) / 3);

		}



		.act_pages li {

			font-size: 11px;

		}



		.act_pages {

			padding-left: 4px;

		}

	}



	@media screen and (max-width: 600px) {

		.act_sc img {

			display: none;

		}

		.act_sc a, .act_sc .colw {

			width: calc((100% - (10px + 50px + 50px + 50px)) / 3);

		}

		.top_roles {

			 padding: 0 5px;

		}



		.act_pages li {

			width: calc(100% / 4);

			vertical-align: middle;

		}



		.act_item span:nth-of-type(1), .act_item span:nth-of-type(2), .au_head li:nth-of-type(1), .au_head li:nth-of-type(2) {

			display: none;

		}

		.act_item span:nth-of-type(4) {

		    width: calc( (100% - (50px + 75px + 70px)) / 2 );

		}

		.act_item span:nth-of-type(5) {

		    width: calc( (100% - (50px + 75px + 70px)) / 2 );

		}

		.au_head li:nth-of-type(4) {

		    width: calc( (100% - (50px + 75px + 70px)) / 2 );

		}

		.au_head li:nth-of-type(5) {

		    width: calc( (100% - (50px + 75px + 70px)) / 2 );

		}

	}



	/*@media screen and (max-width: 560px) {

		

	}*/



	@media screen and (max-width: 500px) {

		.act_sc > span:nth-of-type(2), .act_sc .colw {

			display: none;

		}

		.act_sc a {

			width: calc((100% - (10px + 50px + 50px)) / 2);

		}



		.au_head {

			display: none;

		}

		.act_item span:nth-of-type(7) {

			width: 30px;

		}

		.item_el_avg {

			display: none;

		}

		.act_item span:nth-of-type(4) {

		    width: calc( (100% - (50px + 30px + 70px)) / 2 );

		}

		.act_item span:nth-of-type(5) {

		    width: calc( (100% - (50px + 30px + 70px)) / 2 );

		}

	}



	@media screen and (max-width: 470px) {

		.act_item span:nth-of-type(5) {

			display: none;

		}

		.act_item span:nth-of-type(4) {

		    width: calc( (100% - (50px + 30px + 70px)) );

		}

	}