body {
	/*background: #f9f9f9;*/
	background-color: #fff;
	font-weight: lighter;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	

}

body, html{
   height: calc(100% - 20px);
   padding: 0;
}

.main_page {
	height: 100%;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, font, img, ul, li {
        margin: 0;
        padding: 0;
        /*border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;*/
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
}

.coverback {
	  background-position: 50%;
	background-size: cover;
	position: fixed;
	height: 100%;
	width: 100%;
	opacity: 0.03;
}
.coverback img {
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
}

.nav_active {
  border-bottom: 3px solid orange !important;
  font-weight: bold;
}

.navi .contain ul li.is-current:before, .navi .contain ul li:hover:before {
  border-top: 2px solid orange;
}

.brand {
	color: orange;
}

#logged_drp {
	/*background: rgba(109, 63, 16, 0.85);*/
	    border-bottom: 3px solid orange;
}

.new_topic, .create_topic {
	background-color: #FFBB55 !important;
}
.create_topic:hover, .new_topic:hover {
	background-color: #ED5F1B !important;
}

/*SCROLLBARS*/
	.main_page ::-webkit-scrollbar {
	  width: 6px;
	  height: 6px;
	}
	.main_page ::-webkit-scrollbar-button {
	  width: 0px;
	  height: 0px;
	}
	.main_page ::-webkit-scrollbar-thumb {
	  background: #F7F7F7;
	  border: 5px none #ffffff;
	  border-radius: 12px;
	}
	.main_page ::-webkit-scrollbar-thumb:hover {
	  background: #eeeeee;
	}
	.main_page ::-webkit-scrollbar-thumb:active {
	  background: #c4c4c4;
	}
	.main_page ::-webkit-scrollbar-track {
	  background: transparent;
	  border: 18px none #ffffff;
	  border-radius: 44px;
	}
	.main_page ::-webkit-scrollbar-track:hover {
	  background: transparent;
	}
	.main_page ::-webkit-scrollbar-track:active {
	  background: transparent;
	}
	.main_page ::-webkit-scrollbar-corner {
	  background: transparent;
	}

	.darkv .main_page ::-webkit-scrollbar-thumb {
	  background: #414141;
	}
	.darkv .main_page ::-webkit-scrollbar-thumb:hover {
	  background: #515151;
	}
	.darkv .main_page ::-webkit-scrollbar-thumb:active {
	  background: #6F6F6F;
	}

/*DARKV*/
	body.darkv {
		background-color: #323232;
		color:#bfbfbf;
	}

	.darkv .d_top .d_top_active {
		color: white;
	}

	.darkv .toggle_left {
		color:#6F6F6F;
		border-color: #6F6F6F;
		background-color: #323232;
	}

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

	.darkv .d_table thead tr th {
		border-color:#323232;
	}

	.darkv .d_table thead tr th {
		background-color: #444444;
	}

	/*.darkv .d_table thead tr th:nth-of-type(1) {
		background-color: #323232;
	}*/

	.darkv .dir_sub1:hover {
		color: rgba(255, 253, 253, 0.4);
	}

	.darkv .director:hover {
		color: rgb(223, 223, 223);;
	}

	.darkv .subtop_active {
		color: white;
	}

	.darkv .d_right {
		border-color:black;
	}

	.darkv .d_table tbody tr:hover {
		background-color: #3C3C3C;
	}
	
	.darkv .d_table tbody tr, .darkv .d_table tbody tr td:first-of-type {
		border-color:black;
	}

	.darkv .dr_dlist > ul.dir_sub1:first-of-type > li:hover {
		color: rgba(255, 253, 253, 0.4);
	}

	.darkv .d_top ul li:hover {
  		color: rgb(223, 181, 48);
	}

	.darkv .dr_subfavs span:hover {
	  color: rgba(255, 223, 139, 0.78);
	}

	.darkv .hg_item {
		background-color: rgb(245, 189, 102);
	}

	.darkv .hg_item:hover, .darkv .hg_item_on {
	  background-color: #EFA756;
	}

	.darkv .avg_up, .darkv .avg_down {
		background-color: #323232;
	}

	.darkv .favs_ops_grp select {
		background-color: transparent;
	}

	.darkv .d_table tbody tr td a {
		  color: rgb(194, 194, 194);
	}

	.darkv .dr_favs button {
		color: rgb(218, 218, 218);
	}

	.darkv .dir_sub1 label {
		  opacity: 0.3;
	}

	.darkv .hg_item span {
		  color: rgb(255, 153, 37);
		    opacity: 0.2;
	}

	.darkv .hist_chron ul {
		background-color: rgb(60, 60, 60);
		/*background-color: rgb(54, 64, 76);*/
	}

	.darkv .chron_p li {
		background-color: #323232;
	}

	.darkv .chron_ptip {
		color: rgba(160, 160, 160, 0.82);
	}

	.darkv .chron_p li i {
		background-color: #323232;
	}

	.darkv .chron_p li:hover {
		background-color: rgb(45, 45, 45);	
	}	

	.darkv .chron_p li span {
	  color: rgba(250, 250, 250, 0.44);
	}

	.darkv .d_table tbody tr:hover td:first-of-type {
		color: white;
	}

	.darkv .d_left .dl_filter .dl_nn {
		color: black;
	}

/*TOP*/	
	.d_top {
		margin-left: 10%;
		position: relative;
		  margin-top: 20px;
	}

	.d_top ul {
		list-style-type:none;
		padding: 0 100px;
		margin: 0;
		margin-left: 0%;
		-webkit-transition:margin-left .6s ease-out;
		-moz-transition:margin-left .6s ease-out;
		-ms-transition:margin-left .6s ease-out;
		-o-transition:margin-left .6s ease-out;
		transition:margin-left .6s ease-out;
	}

	.d_top ul li {
		display: inline-block;
		padding: 20px;
		font-size: 30px;
		cursor: pointer;
		color: silver;
		overflow: hidden;
	}

	.d_top ul li:hover {
		color:gray;
	}

	.d_top .d_top_active {
		color:black;
	}

	.content_body {
		height: calc(100% - 75px);
		overflow: hidden;
	}
	
	.toggle_left {
		font-size: 18px;
		cursor: pointer;
		position: absolute;
		bottom: 0px;
		left: -10%;
		color:#EFEFEF;
		border: 1px solid #efefef;
		padding: 0px 7px;
		border-left-width: 0;
		margin-left: -12px;
		background-color: white;
	}

	.toggle_left:hover {
		color:silver;
	}

	.dr_subfavs {
		opacity: 0;
		position: absolute;
		bottom: 10px;
		margin-left: 10%;
		color:silver;
		-webkit-transition: opacity .3s ease, left .2s ease;
		-moz-transition: opacity .3s ease, left .2s ease;
		-ms-transition: opacity .3s ease, left .2s ease;
		-o-transition: opacity .3s ease, left .2s ease;
		transition: opacity .3s ease, left .2s ease;
	}

	.dr_subfavs span {
		margin-right: 10px;
		cursor: pointer;
	}
	.dr_subfavs span:hover {
		color:gray;
	}

	.dr_subfavs_on {
		opacity: 1;
		/*left: 10%;*/
	}

	.dr_favs button {
		outline: none;
		font-size: 22px;
		background-color: transparent;
		color: black;
		cursor: pointer;
		margin-top: 20px;
		border:2px solid transparent;
		padding: 2px 7px;
		-webkit-transition: color .2s ease, border-color .2s ease;
		-moz-transition: color .2s ease, border-color .2s ease;
		-ms-transition: color .2s ease, border-color .2s ease;
		-o-transition: color .2s ease, border-color .2s ease;
		transition: color .2s ease, border-color .2s ease;
	}

	.dr_favs button:hover {
		color:orange;
		border-color: orange;
	}

	.subtop_active {
		color:black;
	}

	.dir_pagename {
		position: absolute;
		top: 0px;
		right: 75px;
		font-size: 39px;
		font-weight: 500;
		color: rgba(255, 126, 0, 0.11);
		  clip: rect(18px,230px,47px,0px);
	}

/*LEFT*/
	.d_left {
		display: inline-block;
		padding: 0 20px 0 40px;
		  margin-top: 40px;
		/*height: 100%;*/
		height: calc(100% - 40px);
		overflow-x: auto;
		width: 200px;
		margin-left: 0;
		-webkit-transition:margin-left .2s cubic-bezier(.16,.66,.87,.64);
		-moz-transition:margin-left .2s cubic-bezier(.16,.66,.87,.64);
		-ms-transition:margin-left .2s cubic-bezier(.16,.66,.87,.64);
		-o-transition:margin-left .2s cubic-bezier(.16,.66,.87,.64);
		transition:margin-left .2s cubic-bezier(.16,.66,.87,.64);
		position: relative;
		float: left;
		
	}

	.d_left_off {
		/*left: -200px;
		position: relative;*/
		margin-left: -200px;
	}

	.d_left ul {
		list-style-type:none;
		margin-bottom: 10px;
		/*font-weight: 400;*/

	}

	.dl_ul {
		font-size: 27px;
		font-weight: 100;
		display: block;
	}

	.d_left ul li {
		font-size: 14px;
		cursor: pointer;
		color:rgb(179, 179, 179);
		/*letter-spacing: 0.5px;*/
		/*margin-left: 5px;*/
		margin-bottom: 2px;
	}

	.d_left .dl_filter .dl_nn {
		position: absolute;
	    margin-top: 3px;
	    left: 17px;
	    width: 19px;
	    text-align: center;
	    background-color: rgba(192, 192, 192, 0.57);
	    border-radius: 50%;
	    color: white;
	    font-size: 11px;
	    font-weight: 700;
	}

	.dl_grp_sel {
		display: none;
	}

	.d_left ul .dl_active {
		color:orange;
	}

	.dl_active:before {
		content: "";
		display: inline-block;
		/* position: absolute; */
		left: 0;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		border-left: 10px solid orange;
		width: 0;
		height: 0;
		margin-left: -40px;
		margin-right: 30px;
	}

	.d_left ul li:hover {
		color:rgb(219, 142, 0);
	}

/*MIDDLE*/
	.selected_dir {
		display: inline-block;
		font-size: 30px;
		margin: 0 15px 10px 0;
		max-width: 80%;
		text-transform: capitalize;
	}

	.open_dirmodal {
		display: inline-block;
		width: 25px;height: 25px;
		border-radius: 50%;
		border: 2px solid rgb(152, 152, 152);
		background-color: rgb(252, 252, 252);
		text-align: center;
		font-size: 40px;
		line-height: 0.5;
		margin-top: 5px;
		box-sizing: border-box;
		color: rgb(152, 152, 152);
		cursor: pointer;
		  box-shadow: 0 0 0 10px transparent;
		-webkit-transition:box-shadow .3s cubic-bezier(.16,.66,.87,.64);
		-moz-transition:box-shadow .3s cubic-bezier(.16,.66,.87,.64);
		-ms-transition:box-shadow .3s cubic-bezier(.16,.66,.87,.64);
		-o-transition:box-shadow .3s cubic-bezier(.16,.66,.87,.64);
		transition:box-shadow .3s cubic-bezier(.16,.66,.87,.64);
		vertical-align: sub;
	}
	
	.open_dirmodal:hover {
		  box-shadow: 0 0 0 0 rgba(0,0,0,0.2);
	}

	.dir_average {
		display: inline-block;
		margin-left: 15px;
		font-size: 17px;
		opacity: 0.7;
	}

	.d_results {
		display: inline-block;
		padding: 0 30px;
		height: 100%;
		width: calc(100% - 405px);
		-webkit-transition:width .3s cubic-bezier(.16,.66,.87,.64);
		-moz-transition:width .3s cubic-bezier(.16,.66,.87,.64);
		-ms-transition:width .3s cubic-bezier(.16,.66,.87,.64);
		-o-transition:width .3s cubic-bezier(.16,.66,.87,.64);
		transition:width .3s cubic-bezier(.16,.66,.87,.64);
		 /*transform: scale(1);*/
		   overflow-x: auto;
		   position: relative;
	}

	/*.d_results_off {
		transform: scale(0);
	}*/

	.d_results_wide {
		width: 99%;
	}

	.headerSortUp:after {
		content: "";
		display: inline-block;
		margin-left: 5px;
		width: 0;
		height: 0;
		border-bottom: 7px solid silver;
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
	}

	.headerSortDown:after {
		content: "";
		display: inline-block;
		margin-left: 5px;
		width: 0;
		height: 0;
		border-top: 7px solid silver;
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
	}

	.d_table {
		border: none;
		width: 100%;
		border-collapse: inherit;
	}
	
	.d_table thead tr th:nth-of-type(1) {
		background-color: transparent;
	}

	.d_table thead tr th:nth-of-type(2) {
		width: 65px;
	}

	/*.d_table thead tr {
		background-color: #F4F4F4;
	}*/

	.d_table thead tr th {
		text-align: center;
		color:silver;
		padding: 5px;
		font-weight: 400;
		border-right: 2px solid white;
		cursor: pointer;
		background-color: #F4F4F4;
	}

	.d_table tbody tr {
		border-bottom: 1px solid #F4F4F4;
		height: 40px;
	}

	.d_table tbody tr:hover {
		background-color: #FCFCFC;
	}

	.d_table tbody tr:hover td:first-of-type {
		color: black;
	}

	.d_table tbody tr td {
		padding-left: 10px;
		min-width: 40px;
		height: 40px;
		border-bottom: 1px solid #F4F4F4;
	}
	.darkv .d_table tbody tr td {
		border-color: black;
	}

	.d_table tbody tr td label {
		font-weight: normal;
	}

	.d_table tbody tr td:first-of-type {
		/*border-bottom: 1px solid white;*/
		  color: #EAEAEA;
		    width: 15px;
	}

	.single_hist {
		display: block;
		font-size: 27px;
		color:silver;
		margin: 40px 15px 10px 0;
	}
	
	.hist_dir_h {
		opacity: 0;
	}

	.single_hist_grp label {
		width: 100px;
		display: block;
		/*background-color: orange;*/
		margin: 0;
		text-align: center;
		height: 40px;
		font-weight: 300;
	}

	.single_hist_grp label:nth-of-type(1) {
		padding-top: 15px;
		font-size: 26px;
	}

	.single_hist_grp label:nth-of-type(2) {
		color: rgb(211, 118, 40);
	}

	.single_hist_grp {
		margin-bottom: 5px;
		display: inline-block;
		border: 1px solid silver;
		position: relative;
		margin-right: -1px;
	}

	.hist_edit, .hist_editmode, .edit_hist_names_btn {
		border:2px solid rgb(234, 234, 234);
		color:rgb(234, 234, 234);
		cursor: pointer;
		border-radius: 50%;
		width: 25px;
		height: 25px;
		display: inline-block;
		text-align: center;
		margin-left: 10px;
	}
	
	.hist_edit {
		display: none;
		position: absolute;
		top: 3px;
		right: 3px;
	}
	
	.hist_editmode {
		position: absolute;
		margin-top: -40px;
		margin-left: 100px;
	}

	.hist_editmode_on .hist_edit {
		display: inline-block;
	}

	.hist_editmode_on.new_hist {
		display: block;
	}

	.hist_edit:hover, .hist_editmode:hover, .edit_hist_names_btn:hover {
		color:gray;
		border-color: gray;
	}

	.new_grp + input {
		/*display: none;*/
	}

	.new_hist button {
		background-color: transparent;
		border:none;
		outline: none;
		font-size: 20px;
	}

	.new_hist button:hover {
		color:orange;
	}

	.new_hist div {
		margin-bottom: 20px;
	}

	.new_hist {
		padding-top: 10px;
		display: none;
	}

	.new_hist select, .new_hist input {
		border-radius: 2px;
		padding: 3px 10px;
		border-color: silver;
		outline: none;
		border-width: 1px;
		  border-style: dashed;
	}

	.cond_ball {
		/*margin-top: 5px;*/
		width: 5px;
		height: 100%;
		float: left;
		/*border-radius: 50%;*/
		margin-right: 10px;
	}
	.director span .cond_ball2 {
		width: 5px;
		height: 20px;
		left: inherit;
		margin-top: 0;
		opacity: 1;
	}

	.d_table tbody tr td a {
		text-decoration: none;
		color: black;
		display: block;
	}

	.hidden {
		display: none;
	}

	.hist_selected_name_trans + .edit_hist_names_btn {
		display: none;
	}
	
	.dpics {
		position: absolute;
		right: 30px;
		top: 5px;
		opacity: 0.3;
	}
	.dpics:hover {
		opacity: 1;
	}

	.d_results .dpics form {
		display: inline-block;
	}

	.d_results .dpics form input {
		background-color: transparent;
		border: none;
		display: inline-block;
		margin-left: 15px;
		outline: none;
	}

/*DIR_LIST*/
	.dir_list_window {
		height: 0;
		background-color: rgb(57, 68, 79);
		-webkit-transition:height .3s ease-out;
		-moz-transition:height .3s ease-out;
		-ms-transition:height .3s ease-out;
		-o-transition:height .3s ease-out;
		transition:height .3s ease-out;
		margin: 5px 0px 10px 20px;
		overflow: hidden;
	}

	.dir_list_window_on {
		/*min-height: 100px;*/
		/*max-height: 300px;*/
		height: 300px;
		    overflow-y: auto;
	}

	.dir_list_ul li {
		display: inline-block;
		width: 100%;
		padding: 7px 10px;
		color: rgb(138, 157, 172);
		font-size: 16px;
		  font-weight: 500;
		  cursor: pointer;
		  border-left: 5px solid transparent;
		  -webkit-transition:font-size .2s linear;
		  -moz-transition:font-size .2s linear;
		  -ms-transition:font-size .2s linear;
		  -o-transition:font-size .2s linear;
		  transition:font-size .2s linear;
		    min-height: 36px;
	}

	.dir_list_ul li:hover {
		background-color: rgb(75, 96, 111);
	}

	.dir_list_ul li:active {
		font-size: 14px;
	}

	/*.dir_list_ul li + span {
		border: 2px solid rgb(138, 157, 172);
		height: 25px;width: 25px;
		border-radius: 50%;
		display: inline-block;
		  text-align: center;
		  padding: 0px 0 1px 0;
		  cursor: pointer;
		  color: rgb(138, 157, 172);
	}

	.dir_list_ul li + span:hover {
		opacity: 0.8;
	}*/

	.dir_list_h {
		font-size: 20px;
		margin: 5px 10px;
		color: rgb(138, 157, 172);
	}

	.new_dirlist {
		border:2px solid rgb(138, 157, 172);
		color: rgb(138, 157, 172);
		padding: 2px 10px;
		/*display: block;*/
		width: 90%;
		/*margin: 0 auto;*/
		  margin: 0 10px 15px;
		background-color: rgb(57, 68, 79);
		outline: none;
		font-weight: 500;
	}

	.new_dirlist_confirm {
		color: rgb(138, 157, 172);
		cursor: pointer;
		display: inline-block;
	}

	.new_dirlist_confirm:hover {
		  color: rgb(167, 206, 240);
	}

	.dir_list_ul .dirlist_sel {
		border-left: 5px solid rgb(138, 157, 172);
	}

/*HISTORY*/
	.hist_grp {
		margin-bottom: 10px;
	}

	.hist_grp_lbl {
		color:orange;
		font-size: 21px;
		margin-bottom: -7px;
		margin-left: -10px;
	}

	.hist_grp_inner {
		
	}

	.hist_grp_inner:after {
		display: block;
		content: "";
		clear: both;
	}

	.d_right_on .hor_scroll .hist_grp .hist_grp_inner .hg_item {
		width: 200px;
		height: 200px;
	}
	
	.hg_item {
		float: left;
		height: 100px;
		width: 100px;
		background-color: silver;
		margin: 3px;
		cursor: pointer;
		position: relative;
		-webkit-transition: transform .1s ease;
		  -moz-transition: transform .1s ease;
		  -ms-transition: transform .1s ease;
		  -o-transition: transform .1s ease;
		  transition: transform .1s ease;
	}

	.hg_item:hover, .hg_item_on {
		background-color: #ddd;
	}

	.hg_item:active {
		-webkit-transform: scale(0.98);
	}

	.hg_item span {
		position: absolute;
		opacity: 0.02;
		font-size: 3em;
		transform: rotate(-11deg);
	}

	.d_right_on .hor_scroll .hist_grp .hist_grp_inner .hg_item span {
		font-size: 6em;
	}

	.hg_lbl {
		position: absolute;
		bottom: 0;
		width: 100%;
		background-color: rgba(0,0,0,0.2);
		color: white;
		padding: 5px 10px;
		margin-bottom: 0;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.dr_hist .hist_result {
		left: 0%;
		-webkit-transition: opacity .3s ease, left .8s cubic-bezier(.02, .15, .07, .96);
		  -moz-transition: opacity .3s ease, left .8s cubic-bezier(.02, .15, .07, .96);
		  -ms-transition: opacity .3s ease, left .8s cubic-bezier(.02, .15, .07, .96);
		  -o-transition: opacity .3s ease, left .8s cubic-bezier(.02, .15, .07, .96);
		  transition: opacity .3s ease, left .8s cubic-bezier(.02, .15, .07, .96);
	}

	.dr_hist .hist_result_off {
		/*display: none;*/
		opacity: 0;
		left: 100%;
	}

	.hist_selected_name_trans {
		display: block;
		cursor: pointer;
		background-color: rgba(0,0,0,0.2);
		color: white;
		padding: 5px 10px;
		position: fixed;
		font-size: 14px;
		margin-left: inherit;
		-webkit-transition: top .4s ease-in, margin-left .5s ease-out;
		  -moz-transition: top .4s ease-in, margin-left .5s ease-out;
		  -ms-transition: top .4s ease-in, margin-left .5s ease-out;
		  -o-transition: top .4s ease-in, margin-left .5s ease-out;
		  transition: top .4s ease-in, margin-left .5s ease-out;
	}

	.edit_hist_names table tr {
		border-bottom: 1px solid silver;
	}

	.edit_hist_names table tr td {
		padding: 10px;
		vertical-align: sub;
	}

	.rename_hname {
		margin-bottom: -1px;
	}

	.rename_timestart {
		margin-bottom: 10px;

	}

	.edit_hist_names table tr td button {
		margin-left: 10px;
		cursor: pointer;
		background-color: none;
		border: none;
	}

	.edit_hist_names table tr td button:hover {
		background-color: whitesmoke;
	}

	.edit_hist_names table tr td input {
		border-radius: 2px;
		padding: 2px 10px;
		border-style: solid;
		border-width: 1px;
	}

/*HIST CHRON*/
	.hist_chron {
		display: none;
	}

	.dr_hist_type {
		font-size: 20px;
		cursor: pointer;
		position: absolute;
		right: 90px;
		display: none;
		color: silver;
	}

	.dr_hist_type_on {
		color: orange;
	}
	
	.d_right_on .dr_hist_type {
		display: inline-block;
	}

	.dr_hist_type:hover {
		color:rgb(213, 142, 12);
	}

	.hist_chron ul {
		list-style-type: none;
		background-color: rgb(247, 247, 247);
		width: 60%;
	}

	.chron_ptip {
		font-size: 10px;
		color: rgba(0,0,0,0.6);
	}

	.chron_p li {
		background-color: white;
		padding: 7px 20px;
		cursor: pointer;
		display: block;
	}

	.chron_ptip {
		padding-top: 5px;
		padding-left: 10px;
		margin-bottom: -9px;
		border-left: 6px solid orange;
	}

	.chron_t {
		padding-bottom: 5px;
		padding-left: 10px;
		font-size: 25px;
		font-weight: 300;
		border-left: 6px solid orange;
		margin-bottom: 0;
	}

	.chron_p li label {
		width: 70%;
		display: inline-block;
		font-weight: 300;
		font-size: 20px;
		cursor: pointer;
	}

	.chron_p li:hover {
		background-color: rgb(250, 250, 250);
		border-radius: 4px;
	}

	.chron_p_li_on {
		color: orange;
	}

	.chron_p li i {
		color:orange;
		font-size: 20px;
		margin-right: 10px;
		display: inline-block;
		width: 25px;
		height: 25px;
		border-radius: 50%;
		border: 2px solid orange;
		background-color: rgb(252, 252, 252);
		text-align: center;
		font-size: 15px;
		line-height: 1.3;
		margin-top: 5px;
		box-sizing: border-box;
		cursor: pointer;
		box-shadow: 0 0 0 10px transparent;
	}

	.chron_p li span {
		color:rgba(0,0,0,0.7);
	}

/*DIRECTOR*/
	.dir_sub1:hover {
		color:rgba(0,0,0,0.58);
	}

	.director {
		padding: 5px 0;
		cursor: pointer;
		margin-left: -20px;
		padding-left: 20px;
		font-size: 21px;
	}

	.director_on {
		color: #de8940;
	}

	.director:hover {
		/*background-color: whitesmoke;*/
		color:black;
	}

	.director + span {
		color:orange;
		margin-top: -15px;
		display: block;
	}

	.dir_sub1 label {
		left: -17px;
		margin-top: 8px;
		opacity: 0.2;
		position: absolute;
	}

	/*.director:before {
		content:"";
		display: inline-block;
		margin-right: 5px;
		height: 20px;
		width: 20px;
		border:1px solid rgb(255, 107, 0);
		background-color: orange;
		border-radius: 2px;
		vertical-align: middle;
	}*/
	
	.director span {
		min-width: 5%;
		margin-right: 5px;
		font-size: 15px;
		display: none;
		text-align: center;
	}

	.director span:first-of-type {
		width: 65%;
		font-size: 21px;
		display: inline-block;
	}

	.d_right_on .director span {
		display: inline-block;
	}

	.dr_favs .dir_sub1 {
		width: calc(100% - 96px);
	}

	.director span:first-of-type {
		text-align: left;
	}

	.datewidth {
		width: 50px;
	}

/*RIGHT*/
	.d_right {
		height: 100%;
		display: inline-block;
		float: right;
		/*overflow-x: auto;*/
		width: 200px;
		border-left: 1px solid rgb(236, 236, 236);
		padding: 0 0px;
		-webkit-transition:width .2s cubic-bezier(.16,.66,.87,.64), margin-right .2s cubic-bezier(.16,.66,.87,.64);
		-moz-transition:width .2s cubic-bezier(.16,.66,.87,.64), margin-right .2s cubic-bezier(.16,.66,.87,.64);
		-ms-transition:width .2s cubic-bezier(.16,.66,.87,.64), margin-right .2s cubic-bezier(.16,.66,.87,.64);
		-o-transition:width .2s cubic-bezier(.16,.66,.87,.64), margin-right .2s cubic-bezier(.16,.66,.87,.64);
		transition:width .2s cubic-bezier(.16,.66,.87,.64), margin-right .2s cubic-bezier(.16,.66,.87,.64);
		 overflow-x: hidden;
		 overflow: hidden;
	}

	.d_right ul {
		list-style-type: none;
	}

	.d_right_on {
		width: calc(100% - 200px);
		padding: 0 50px;
	}

	.d_right_off {
		margin-right: -200px;
	}

	.d_right_on.d_right_off {
		margin-right: 0;
		width: 100%;
	}

	.dir_sub1 {
		position: relative;
		width: 100%;
		left: 0;
		-webkit-transition: left .3s ease, color .3s ease;
		  -moz-transition: left .3s ease, color .3s ease;
		  -ms-transition: left .3s ease, color .3s ease;
		  -o-transition: left .3s ease, color .3s ease;
		  transition: left .3s ease, color .3s ease;
		/*overflo w: hidden;*/
	}

	/*.d_right_on .dir_sub1 {
		overflow: initial;
	}*/

	.dr_dlist > ul.dir_sub1:first-of-type > li {
		margin-bottom: 10px;
		cursor: pointer;
		margin-right: 50px;
		overflow: hidden;
	}

	.dr_dlist > ul.dir_sub1:first-of-type > li:before {
		content:"";
		display: inline-block;
		height: 50px;width: 50px;
		background-color: rgb(242, 150, 74);
		/*border-radius: 50%;*/
		margin-right: 5px;
		-webkit-transition: background-color .3s ease;
		  -moz-transition: background-color .3s ease;
		  -ms-transition: background-color .3s ease;
		  -o-transition: background-color .3s ease;
		  transition: background-color .3s ease;
	}

	.dr_dlist .dir_sub1 li span {
		display: inline-block;
		vertical-align: top;
		margin-left: 5px;
	}

	.dir_sub1 li span div:nth-of-type(1) {
		font-size: 20px;
	}
	
	.dir_sub1 li span div:nth-of-type(2) {
		font-size: 13px;
		color: rgb(242, 150, 74);
	}

	.dr_dlist > ul.dir_sub1:first-of-type:hover li:before {
		background-color: rgba(242, 150, 74, 0.5);
	}

	.dr_dlist > ul.dir_sub1:first-of-type li:hover::before{
		background-color: rgb(242, 150, 74);
	}

	.dr_dlist > ul.dir_sub1:first-of-type > li:hover {
		color: black;
	}

	.dir_sub2 {
		/*display: none;*/
		position: absolute;
		left: 100%;
 		top: 0;
 		-webkit-transition: left .9s cubic-bezier(.02, .15, .07, .96);
 		  -moz-transition: left .9s cubic-bezier(.02, .15, .07, .96);
 		  -ms-transition: left .9s cubic-bezier(.02, .15, .07, .96);
 		  -o-transition: left .9s cubic-bezier(.02, .15, .07, .96);
 		  transition: left .9s cubic-bezier(.02, .15, .07, .96);
 		  display: none;
	}

	.dir_sub1_sel {
		left: -100%;
		height: calc(100vh - 50px);
	}

	.dir_sub2_sel {
		display: block;
		width: 100%;
	}

	.dr_dlist, .dr_hist, .dr_favs {
		overflow: hidden;
	}
	
	.dr_dlist .dir_sub2 li span {
		display: none;
	}

	.dr_dlist .dir_sub2 li.director span:first-of-type {
		display: inline-block;
	}

	.d_right_on .dir_sub2 li span {
		display: inline-block;
	}

	.dr_block  {
		display: inline-block;
		/*border: 1px solid black;*/
		width: 100%;
		position: relative;
		vertical-align: top;
		padding: 0 19px;
		margin-top: 10px;
		margin-left: -2px;
		height: 100%;
		overflow: auto;
		position: relative;

	}

	.d_right_on .dr_block {
		padding: 0 50px;
		  min-height: 350px;
		  padding-bottom: 20px;
	}

	.hor_scroll {
		white-space: nowrap;
		/*overflow: hidden;*/
		left: 0%;
		width: 100%;
		-webkit-transition: left .8s cubic-bezier(.02, .15, .07, .96);
		  -moz-transition: left .8s cubic-bezier(.02, .15, .07, .96);
		  -ms-transition: left .8s cubic-bezier(.02, .15, .07, .96);
		  -o-transition: left .8s cubic-bezier(.02, .15, .07, .96);
		  transition: left .8s cubic-bezier(.02, .15, .07, .96);
		  position: relative;
		  height: 100%;
	}

	/*.hor_dr_favs {

	}

	.hor_dr_hist {

	}

	.hor_dr_dlist {

	}*/

	.d_right_on .favs_ops_grp {
		display: inline-block;
	}

	.favs_ops_grp {
		display: none;
		position: absolute;
		right: 40px;
		top: 100px;
	}

	.favs_ops_grp select {
		margin-left: 0;
		border: none;
		margin-bottom: 10px;
		opacity: 0.5;
		outline: none;
		cursor: pointer;
		font-size: 16px;
		-webkit-appearance: none;
		    -moz-appearance: none;
		    appearance: none;
		height: 68px;
		  width: 106px;
		  white-space: normal;
		  padding: 0 6px;
	}



	
	.avg_up {
		line-height: 0.5;
	}

	.avg_down {
		line-height: 0.4;
	}

	.avg_up, .avg_down {
		display: block;
		width: 25px;height: 25px;
		border-radius: 50%;
		border: 2px solid rgb(152, 152, 152);
		background-color: rgb(252, 252, 252);
		text-align: center;
		font-size: 40px;
		margin-top: 5px;
		box-sizing: border-box;
		color: rgb(152, 152, 152);
		cursor: pointer;
		vertical-align: sub;
		margin-left: 3px;
		margin: 0 auto;
		-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;
	}

	.avg_up:hover, .avg_down:hover {
		border-color: orange;
		color:orange;
	}

	.avg_up:active, .avg_down:active {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}

	.avg_num {
		margin: 10px 0;
		font-size: 16px;
		text-align: center;
	}

/*MEDIA*/
	.m_dir_head {
		display: block;
		font-size: 27px;
		color: silver;
		margin: 25px 15px 10px 0;
	}

	.media_more_ops {
		display: none;
	}

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

}*/

@media screen and (max-width: 920px) {
	.coverback {
		display: none;
	}

	.d_left {
		margin-left: -200px;
		margin-top: 0;
		position: absolute;
		background-color: white;
		z-index: 10;

		top: 15px;
		height: 100%;
	}
	.darkv .d_left {
		background-color: #323232;
	}

	.d_results {
		width: 99%;
	}

	.d_right {
		margin-right: -200px;
	}

	.d_right.d_right_on {
	   margin-right: 0; 
	   width: 100%; 
	}

	.d_left_off {
		margin-left: 0;
		box-shadow: 1px 2px 5px rgba(0,0,0,0.5);
	}
	
	.d_top {
		margin-left: 0;
	}

	.d_top ul {
		margin: 0;
		padding: 0;
		  white-space: nowrap;
		  overflow: hidden;
	}

	.d_right_on .hor_scroll .hist_grp .hist_grp_inner .hg_item {
		width: 90px;
		height: 90px;
	}

	.d_right_on .hor_scroll .hist_grp .hist_grp_inner .hg_item span {
		font-size: 3em;
	}

	.toggle_left {
		/*left: 0;
		-webkit-transition: left .2s ease-in;
		  -moz-transition: left .2s ease-in;
		  -ms-transition: left .2s ease-in;
		  -o-transition: left .2s ease-in;
		  transition: left .2s ease-in;
		z-index: 10;*/
		display: none;
	}

	.toggle_left:hover {
		left: 10px;
	}

	.hist_chron ul {
		width: 85%;
	}

	.nav_menu {
	  display: inline-block;
	}

	.brand {
		display: none;
	}
}


@media screen and (max-width: 700px) {
	body, html {
		height: calc(100% - 30px);
	}

	.d_top {
		margin-top: 40px;
	}

	.director span:first-of-type {
		width: 80%;
	}

	.director span:first-of-type {
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	}

	.dir_list_window {
		margin: 5px 0px 10px 0px;
	}

	.dr_hist_type {
		right: 30px;
	}

	.d_left {
		top: 8px;
	}
}

@media screen and (max-width: 650px) {
	
	table.d_table caption { 
		background-image: none; 
	}
	table.d_table thead { 
		display: block; 
		margin-bottom: 10px;
	}
	table.d_table tbody td { 
		display: block; 
		padding: .6rem; 
	}
	table.d_table tbody tr td:nth-child(2), table.d_table tbody tr td:nth-child(3) { 
		background: #666; 
		color: #fff; 
		display: inline-block;
	}
	table.d_table tbody tr td:nth-child(2) { 
		width: 22%;
		float: left;
	}
	table.d_table tbody tr td:nth-child(3) { 
		width: 78%;
		clear: both;
	}
	table.d_table tbody tr td:nth-child(2):before, table.d_table tbody tr td:nth-child(3):before { 
		display: none; 
	}
	table.d_table tbody td:before { 
		content: attr(data-th); 
		font-weight: bold;
		display: inline-block;
		width: 10rem;  
	}

	table.d_table tbody tr td:nth-child(1) {
		display: none;
	}
	table.d_table thead tr th:nth-child(1) {
		display: none;
	}

	.dir_pagename {
		display: none;
	}

	.cond_ball {
		width: 8px;
		height: 25px;

	}

	.favs_ops_grp {
		text-align: center;
		position: relative;
		right: inherit;
		top: inherit;
	}

	.dr_favs .dir_sub1 {
		width: 100%;
	}

	.hist_chron ul {
		width: 95%;
	}

	.hg_lbl {
		font-size: 12px;
	}
}

@media screen and (max-width: 550px) {
	.dpics {
		position: static;
	}
}

@media screen and (max-width: 500px) {
	.d_right_on {
		padding: 0;
	}

	.d_results {
		padding: 0 5px;
	}

	.d_right_on .dr_block {
		  padding: 0 30px;
	}

	.new_dirlist {
		width: 85%;
	}
}