/*
* NEW STYLES FOR TOP.GE
*
*/
@font-face {
	font-family: roboto_medium;
	src: url('/source/fonts/roboto/Roboto-Medium.ttf');
}
@font-face {
	font-family: bpg_arial_2009;
	src: url('/source/fonts/bpg_arial/bpg_arial_2009.ttf');
}
@font-face {
	font-family: Roboto_Regular;
	src: url('/source/fonts/roboto/Roboto-Regular.ttf');
}
@font-face {
	font-family: Roboto_Light;
	src: url('/source/fonts/roboto/Roboto-Light.ttf');
}
@font-face{font-family:'BPG_Arial_Caps';src:url(/source/fonts/bpg_arial/bpg-arial-caps-webfont.eot);src:url(/source/fonts/bpg_arial/bpg-arial-caps-webfont.eot?#iefix) format('embedded-opentype'),url(/source/fonts/bpg_arial/bpg-arial-caps-webfont.woff2) format('woff2'),url(/source/fonts/bpg_arial/bpg-arial-caps-webfont.woff) format('woff'),url(/source/fonts/bpg_arial/bpg-arial-caps-webfont.ttf) format('truetype'),url(/source/fonts/bpg_arial/bpg-arial-caps-webfont.svg#bpg_arial_capsregular) format('svg')}
* {
	margin: 0;
	padding: 0;
}
tbody {
	background-color: #fff;
}
.show {
	display: inline-block !important;
}
.show .dropdown-menu {
	display: block !important;
}
.breadcrumb {
    padding: 15px 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    list-style: none;
    background-color: #ffffff;
    border-radius: 4px;
}
.profile_menu {
	background-color: #fff;
    padding: 10px;
    min-height: 300px;
}
.__cov-progress {
	box-shadow: 0px 0px 1px 1px rgb(64, 173, 234);
}
.infinite-loading-container {
	margin: auto;
    width: 96%;
    position: absolute;
}
.active_pg a{
	color: #fff !important;
}
.tinker {
	background-color: #dee0e145;
}
.help-text {
    font-size: 12px;
}
.alert {
	font-family: bpg_arial_2009;
}
.help-text {
    font-family: bpg_arial_2009;
}
.help-text {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #737373;
}
.help-block {
	font-family: bpg_arial_2009;
}
.info_custom .tooltip-inner{
	max-width: 336px;
    text-align: left;
    width: 350px;
    background-color: #fff;
    border-radius: 0;
    box-shadow: 0px 0px 4px 1px #908c8c9e;
    color: #282828;
    margin: 10px 0 0 10px;
    padding: 8px 8px;
}
.or_days span {
	color: #494C59;font-family: bpg_arial_2009;
}
.or_last {
	text-align: center;
}
.or_last span {
	color: #494C59;font-family: bpg_arial_2009;
}
.dt_cn {
	min-height: 60px;line-height: 60px;
}
.left_18 {
	padding-left: 18%;
}
.component_header {
	font-family: BPG_Arial_Caps !important;padding-left: 22px;font-size: 15px;color: #434348;
}

.highlighted {
	background-color: #2d9cdb33 !important;
}
.autocomplete {
  position: relative;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  background-color: #e9e9e9;
}
.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}
.fade-enter-active {
  transition-delay: .15s;
}

.fade-enter, .fade-leave-active {
  opacity: 0.3
}
.fade-enter-active, .fade-leave-active {
  transition-property: opacity;
  transition-duration: .15s;
}
.error {
	text-align: center;
    width: 100%;
    display: inline-block;
    font-family: bpg_arial_2009;
    font-size: 16px;
    padding: 15px;
    color: red;
}
.no_results {
	color: red;
    text-align: center;
    display: block;
    font-family: bpg_arial_2009;
}
.tooltip-inner {
	font-family: bpg_arial_2009;
	font-weight: normal;
    font-size: 13px;
}
tspan {
	font-family: bpg_arial_2009;
    font-size: 13px;
}
.amcharts-balloon-div div {
	font-family: bpg_arial_2009 !important;
    font-size: 13px !important;
}
body {
	background-color: #F4F8F9 !important;
}
.text-red {color: red;}
.hdr_ttl2 {
	float: left;
	width: 100%;
}
.modal-body {
	font-family: bpg_arial_2009;
	font-weight: normal;
}
/*.raiting_table tr:hover {
	background-color: #F8F8F8 !important;
	}*/
	.s_1::-webkit-scrollbar {
		display: none;
	}
	.page_nav:hover a{
		background-color: transparent !important;
	}
	.main_pg li:hover a{
		background-color: #2D9CDB;
		color: #fff !important;
		transition: 300ms;
	}
	.mobs_ls {height: 60px;line-height: 60px;margin-right: 0;}
	.top_banner_holder {
		width: 100%;
		float: left;
		max-height: 160px;
	}
	.top_banner_holder img {
		/* width: 100%; */
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.cover_shown {overflow: hidden;}
	.top_header {
		background: #FFFFFF;
		width: 100%;
		float: left;
		height: 60px;
		box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);
	}
	.cover_mn_bg {
		position: fixed;
		width: 100%;
		overflow: hidden;
		height: 100%;
		background-color: #0a0a0a66;
		z-index: 2;
		display: none;
	}
	.rectangle_3 {
		float: left;
		width: 20.5%;
		height: 100%;
		text-align: center;
		line-height: 60px;
		border-right: 1px solid #DBDFE0;
	}
	.rectangle_3 a {
		font-size: 30px;
		color: #494C59;
		font-family: roboto_medium;
		text-decoration: none;
	}
	.rectangle_2 {
		float: left;
		width: 20%;
		height: 100%;
	}
	.rectangle_1 {
		float: left;
		width: 58%;
		height: 100%;
	}
	.search_top_inp:active,.search_top_inp:focus {
		outline: 0;
	}
	.search_top_inp {
		background-image: url(/source/img/search_top.png);
		background-repeat: no-repeat;
		background-position: 4% 50%;
		text-indent: 10%;
		outline: 0;
		width: 100%;
		font-family: bpg_arial_2009;
		font-size: 16px;
		color: #4F4F4F;
		box-shadow: none;
		height: 60px;
		border: none;
	}
	.hdr_lgs {
		font-family: roboto_medium;
		text-align: center;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		font-size: 25px;

		color: #494C59;
	}
	.burger_menu {
		cursor: pointer;
		float: left;
	}
	.bar1, .bar2, .bar3 {
		width: 26px;
		height: 3px;
		background-color: #000;
		margin: 6px 0;
		transition: 0.4s;
		border-radius: 9px;
	}

	.change .bar1 {
		-webkit-transform: rotate(-45deg) translate(-7px, 4px);
		transform: rotate(-45deg) translate(-7px, 4px);
	}

	.change .bar2 {opacity: 0;}

	.change .bar3 {
		-webkit-transform: rotate(45deg) translate(-3px, 0px);
		transform: rotate(45deg) translate(-3px, 0px);
	}
	.content-wrapper {
		float: left;
		width: 100%;
		height: auto;
	}
	.raiting_holder {
		/*padding-left: 18px;*/
		float: left;
		width: 100%;
		height: auto;
	}
	.tr_paddings {
		padding: 5px;
	}
	.tr_paddings2 {
		padding-right: 10px;
		padding-left: 10px;
	}
	.right_place {
		float: right;
		width: 100%;
		height: auto;
	}
	.bootstrap-select.btn-group .dropdown-toggle .filter-option {
		font-family: bpg_arial_2009;
		color: #494C59;
		font-size: 14px;
	}
	.bootstrap-select.btn-group .dropdown-toggle .caret {
		top: 40%;
		right: 15px;
		color: transparent;
		background-image: url(/source/img/arrow_downs.png);
		background-repeat: no-repeat;
		background-position: 1px;
		width: 15px;
		height: 10px;
	}

	.bootstrap-select.btn-group .dropdown-menu li a span.text {
		font-family: bpg_arial_2009;
		color: #494C59;
		font-size: 14px;
	}
	.raiting_header {
		float: left;
		width: 100%;
		min-height: 60px;
	}
	.category_select {
		width: 100% !important;
		margin-top: 10px;
		padding-left: 15px;
	}
	.pager_search_form label {
		font-weight: normal;
	}
	.pager_search_form input {
		text-align: center;
		outline: 0;
		background: #FFFFFF;
		border: 1px solid #E5E5E5;
		box-sizing: border-box;
		width: 45px;
		height: 35px;
	}
	.pager_search_form {
		margin-top: 10px;
		font-family: bpg_arial_2009;
		color: #494C59;
		font-size: 14px;
		padding-left: 18px;
	}
	.pager_search_form button {
		border-radius: 0;
		width: 35px;
		color: #fff;
		height: 35px;
		background: #2D9CDB;
		border:none;
	}
	.pager_search_form button:hover {
		transition: 300ms;
		opacity: 0.8;
	}
	.container_hdr p {margin: 0 !important}
	.chart_select .filter-option.pull-left {text-align: center !important;line-height: 30px !important;}
	.chart_select .caret {color: transparent !important;background: none !important}
	.chart_select .dropdown-menu {width:100% !important;}
	.chart_select .dropdown-toggle {
		line-height: 30px !important;
		border-radius: 0 !important;
		height: 40px !important;
		background-image: url(/source/img/balls.svg) !important;
		background-repeat: no-repeat !important;
		background-position: 85% 50% !important;
	}
	.bootstrap-select>.dropdown-toggle {
		border-radius: 0;
		/* background-color: #e6e6e685 !important; */
		height: 40px;
		background: #FFFFFF;
		border: 1px solid #E5E5E5;
		box-sizing: border-box;
	}
	.raiting_table{width: 100%;}
	.raiting_table thead {
		background: #DEE0E1;
		color: #666666;
		font-weight: normal;
		font-family: bpg_arial_2009;
		/*width: 100%;*/
		/*display: table-caption;*/
		font-size: 13px;
		text-align: left;
	}
	.tr_middle {
		vertical-align: middle !important;
	}
	.banner_right {
		float: right;
		width: 100%;
		/*max-height: 380px;*/
		text-align: center;
	}
	.banner_right_img {
		padding: 3% 0% 5% 0%;
		/*float: right;*/
		max-width: 100%;
	}
	.raiting_table thead td {
		vertical-align: middle !important;
		padding-left: 5px;
		padding-right: 5px;
	}
	.raiting_table tr {
		height: 50px;
	}
	.black_txt {
		color: #2D2D2D;
	}
	.loading {
		background-image: url(/source/img/loading_chart.svg);
		background-position: 50% 60%;
		background-size: 5%;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		position: absolute;
	}
	.loading2 {
		background-image: url(/source/img/loading_chart.svg);
		background-position: 48% 30%;
		background-size: 10%;
		width: 95%;
		height: 100%;
		background-repeat: no-repeat;
		position: absolute;
	}
	.raiting_table tr td:nth-child(1) {
		padding-left: 18px;
		padding-right: 18px;
	}
	.percent_bar {
		background-color: #2d9cdb;height: 18px;border-radius: 8px;
	}
	.desc_pd {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.text_center {text-align: center;}
	.raiting_table tbody td {
		font-weight: normal;
		font-family: bpg_arial_2009;
		font-size: 14px;
		color: #4A4A4A;
		border-top: 1px solid #dddddd61 !important;
		border-right: 1px solid #dddddd61 !important;
		vertical-align: middle !important;
		padding-top: 10px;
		padding-bottom: 10px;
		/* text-indent: 5px; */
		padding-left: 10px;
		/*background-color: #fff;
    	border-radius: 4px;*/
	}
	.border_right_none {border-right: transparent !important;}
	.number_inner {
		font-family: Roboto_Light !important;
		font-style: normal !important;
		font-weight: bold !important;
		line-height: normal !important;
		font-size: 18px !important;
		color: #4F4F4F !important;
		text-align: center;
	}
	.cat_name_list {
		color: #666666;
		font-size: 12px;
	}
	.row_id {
		width: 50px;
    	padding: 0 !important;
		font-family: Roboto_Light !important;
		font-style: normal !important;
		font-weight: 300 !important;
		line-height: normal !important;
		font-size: 25px !important;
		text-align: center !important;
		color: #4F4F4F !important;
	}
	.stie_title {
		font-family: roboto_medium !important;
		font-style: normal !important;
		font-weight: normal !important;
		line-height: normal !important;
		font-size: 15px !important;

		color: #0E71A9 !important;
	}
	.sf_cls {
		font-family: bpg_arial_2009;text-align: center;margin: auto;width: 50%;display: block;
	}
	.stat_now_big {
		font-family: roboto_medium;
		font-style: normal;
		line-height: normal;
		font-size: 14px;

		color: #4A4A4A;
	}
	.number_fr {
		font-size: 11px !important;
	}
	.ge_providers {
		text-align: center;
		margin-right: 0%;
		float: right;
		background: #2D9CDB;
		width: 100%;
		min-height: 40px;
		margin-top: 10px;
	}
	.ge_providers h5 {
		line-height: 20px;
		color: #FFFFFF;
		font-size: 13px;
		font-family: BPG_Arial_Caps;
	}
	.ge_providers p {
		font-family: bpg_arial_2009;
		line-height: normal;
		text-align: left;
		padding-top: 15px;
		padding-bottom: 15px;
		color: #828282;
		font-size: 13px;
	}
	.all_cats {
		float: right;
		/*padding: 0% 11% 0% 13%;*/
		text-align: center;
	}
	.all_cats a {
		font-family: bpg_arial_2009;
		color: #494C59;
		line-height: 21px;
		font-size: 14px;
	}
	.main_pg li {
		display: inline-block;
		list-style-type: none;
		margin-left: 5px;
		vertical-align: middle;
		margin-top: 5px;
		text-align: center;
		line-height: 28px;
		font-size: 13px;
		border-radius: 50%;
		font-family: roboto_regular;
	}
	.page_nav.first_page {
		background-image: url(/source/img/arrows_left.svg);
		background-repeat: no-repeat;
		background-position: 50%;
	}
	.page_nav.prev_page {
		background-image: url(/source/img/arrow_left.svg);
		background-repeat: no-repeat;
		background-position: 50%;
	}
	.page_nav.last_page {
		background-image: url(/source/img/arrows_right.svg);
		background-repeat: no-repeat;
		background-position: 50%;
	}
	.page_nav.next_page {
		background-image: url(/source/img/arrow_right.svg);
		background-repeat: no-repeat;
		background-position: 50%;
	}
	.next_page:hover {background-image: url('/source/img/arrow_right_hover.svg');transition: 150ms;}
	.first_page:hover {background-image: url('/source/img/arrows_left_hover.svg');transition: 150ms;}
	.prev_page:hover {background-image: url('/source/img/arrow_left_hover.svg');transition: 150ms;}
	.last_page:hover {background-image: url('/source/img/arrows_right_hover.svg');transition: 150ms;}
	.arrow_left {
		width: 6px;
		height: 9.6px;
		background: #8F8F8F;
		transform: rotate(-180deg);
	}
	.stats_holders {
		width: 100%;
		float: left;
	}
	.main_pg li a {
		text-decoration: none;
		display: block;
		font-family: roboto_regular;
		font-style: normal;
		color: #4F4F4F;
		font-weight: normal;
		font-size: 13px;
		width: 28px;
		height: 28px;
		text-align: center;
		vertical-align: middle;
		line-height: 28px;
		border-radius: 50%;
	}
	.active_pg {
		background-color: #2D9CDB;
		width: 28px;
		color: #fff;
		height: 28px;
		text-align: center;
		vertical-align: middle;
		line-height: 28px;
		font-size: 13px;
		border-radius: 50%;
		font-family: roboto_regular;
	}
	.pg1 {
		float: right;
		width: 100%;
		line-height: 20px;
		text-align: right;
	}
	.pg1 a {
		text-decoration: none;
		font-style: normal;
		color: #4F4F4F;
		font-family: bpg_arial_2009;
	}
	.pg1 li {
		display: inline-block;
		list-style-type: none;
		margin-left: 1%;
		vertical-align: middle;
		margin-top: 2%;
	}
	/*stats inside*/
	.hdr_main {
		list-style-type: none;
		height: 60px;
		line-height: 60px;
		text-indent: 24%;
		font-family: BPG_Arial_Caps;
		font-size: 15px;
	}
	.who_joined ul li {
		list-style-type: none;
	}
	.hdr_main a.active {
		background-color: #2D9CDB;
		background-image: url(/source/img/home_w.svg) !important;
    	color: #fff;
	}
	.hdr_main a:hover {
		background-color: #2D9CDB;
		background-image: url(/source/img/home_w.svg);
    	color: #fff;
	}
	.owl-dots button {
		background-color: transparent;
    	border: none;
	}
	.owl-carousel{height: 165px;}
	.owl-dots {
		float: left;
    width: 100%;
    text-align: center;
	}
	.owl-next {margin-left: 135px;color: transparent !important;background-image: url('/source/img/owl-next.svg') !important; background-repeat: no-repeat !important; background-position: 50% !important;}
	.owl-prev {margin-left: -65px;color: transparent !important;background-image: url('/source/img/owl-prev.svg') !important; background-repeat: no-repeat !important; background-position: 50% !important;}
	.slider_hlrd{
		background-color: #fff;
	    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
	    margin-bottom: 20px;
	    border-radius: 4px;
	    width: 100%;
	    float: left;
	}
	.sidenav a.active {background: #3D424D;}
	.carousel2 .owl-nav {
	    top: 12%;
	}
	.carousel2 {
	    height: 124px;
	}
	.carousel2 .owl-prev {
	    margin-left: -51%;
	}
	.carousel2 .owl-next {
	    margin-left: 275px;
	}
	.owl-nav {
		position: absolute;
    	top: 3%;
    	left: 48%;
    	font-size: 22px;
	}
	.owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #494C58;}
	.owl-dot span {
		width: 7px;
	    height: 7px;
	    margin: 5px 7px;
	    background: #A8A9AA;
	    display: block;
	    -webkit-backface-visibility: visible;
	    transition: opacity .2s ease;
	    border-radius: 50%;
	}
	.ui-accordion-header-icon {display: none !important;}
	.hdr_ttl:focus {outline: 0 !important}
	.close_info {
		width: 100%;
	    float: left;
	    display: block;
	    text-align: center;
	    font-size: 13px;
	    color: #8B8B8B;
	    margin-bottom: 0;
	}
	.hdr_main a {
		background-image: url(/source/img/home_b.svg);
		width: 100%;
		display: block;
		height: 100%;
		color: #494C59;
		text-decoration: none;
		background-repeat: no-repeat;
	    background-position: 8% 46%;
	}
	.result tr {
		height: 42px !important;
	}
	.who_joined {
		font-family: BPG_Arial_Caps;
		font-size: 15px;
		/*background-repeat: no-repeat;
		background-image: url(/source/img/if_group_309042.png);
		background-position: 8% 5%;*/
		background-color: #fff;
	}
	.who_joined, .dynamic_s , .menu_p_s {
		text-indent: 18%;
	}
	.who_joined li:hover a {
		background-color: #2D9CDB;
		color: #fff;
		transition: 100ms;
	}
	.nav_stat {
		line-height: 3;
		/*background-color: #2d9cdb;*/
		margin-bottom: 0;
	}
	.who_joined span {
		font-family: BPG_Arial_Caps;
	    font-size: 15px;
	    color: #494C59;
	    display: block;
	    background-repeat: no-repeat;
	    background-image: url(/source/img/users.svg);
	    background-position: 8% 50%;
	}
	.who_joined li a{
		display: block;
		text-decoration: none;
		font-size: 14px;
		color: #494C59;
		font-family: bpg_arial_2009;
	}

	.who_joined li a.active {
		background-color: #2D9CDB;
    	color: #fff;
	}
	.col-my-3{
		width: 20.5%;
		float: left;
		border-right: 1px solid #E7EEF0;
	}
	.form-signin-heading-msg {
		color: red;
		font-family: bpg_arial_2009;
		font-size: 14px;
	}
	.warningclass {
		font-size: 15px;
		color: #ff8300;
		font-family: bpg_arial_2009;
		font-weight: normal;
	}
	.form-signin-heading-msg-s {
		color: green;
		font-family: bpg_arial_2009;
		font-size: 14px;
	}
	.col-mdy-10 {
		padding: 1%;
		background: #f4f8f9;
		float: left;
		width: 79.5%;
	}
	.dynamic_s {
		font-family: BPG_Arial_Caps;
		font-size: 15px;
		background-repeat: no-repeat;
		/*background-image: url(/source/img/Rectangle_165.png);*/
		background-position: 8% 46%;
	}
	.menu_p_s a , .dynamic_s a {
		color: #494C59;
		text-decoration: none;
	}
	.menu_p_s {
		font-family: BPG_Arial_Caps;
		font-size: 15px;
		background-repeat: no-repeat;
		/*background-image: url(/source/img/if_chart_alt_118716.png);*/
		background-position: 8% 46%;
	}
	.hdr_ttl a {
		text-decoration: none;
		font-family: roboto_medium;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		font-size: 35px;
		color: #0E71A9;
	}
	.hdr_ttl a span {
		font-family: BPG_Arial_Caps;
	}
	.Rectangle_7 {
		margin-top: 1%;
		float: left;
		width: 100%;
	}
	.s_1 {
		overflow-x: auto;
		overflow-y: hidden;
		border: 1px solid #C6C6C6;
		border-radius: 3px;
		float: left;
		height: 40px;
		line-height: 40px;
		text-indent: 1%;
		width: 30%;
		font-family: Roboto_Regular;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		letter-spacing: 0.13em;
		color: #8A8A8A;
		padding-right: 17px;
		box-sizing: content-box;
	}
	.s_2 {
		overflow-x: auto;
		overflow-y: hidden;
		background: #FFFFFF;
		border: 1px solid #EDEDED;
		box-sizing: border-box;
		border-radius: 3px;
		float: left;
		height: 40px;
		line-height: 40px;
		margin-left: 1%;
		font-size: 12px;
		text-indent: 1%;
		width: 30%;
		font-family: bpg_arial_2009;
		color: #5D5D5D;
	}
	.descr_s {
		font-family: bpg_arial_2009;
		line-height: 20px;
		font-size: 14px;
		float: left;
		width: 100%;
	}
	.sc_hd {
		text-indent: 15px;
		display: block;
		width: 65%;
		float: left;
	}
	.current_possiottion {
		font-size: 25px;
		font-family: Roboto_Regular;
		display: block;
		width: 15%;
		float: left;
		text-align: center;
	}
	.spacer_holder {
		width: 5%;
		float: left;
		text-align: center;
		font-size: 20px;
		color: #dadada;
	}

	.position_change {
		font-size: 16px;
		font-family: Roboto_Regular;
		display: block;
		width: 15%;
		float: left;
		text-align: center;
	}
	.position_change.down_ps {
		background-image: url(/source/img/raiting_down.png);
		background-repeat: no-repeat;
		background-position: 3% 50%;
	}
	.position_change.up_ps {
		background-image: url(/source/img/raiting_up.png);
		background-repeat: no-repeat;
		background-position: 3% 50%;
	}
	.categorys_inner {
		float: left;
		width: 65%;
		margin-top: 10px;
		margin-bottom: 0px;
		color: #5D5D5D;
		font-size: 13px;
		font-family: bpg_arial_2009;
	}
	.highcharts-legend-item {
		font-family: bpg_arial_2009;
		font-weight: normal !important;
	}
	.left_sts {
		float: left;width: 70%;
	}
	.right_sts {
		float: left;width: 30%;
	}
	.right_sts h4 {
		font-family: BPG_Arial_Caps;
		font-size: 15px;
		color: #494C59;
	}
	.right_sts p {
		font-family: BPG_Arial_Caps;
		font-size: 14px;
		color: #494C59;
		float: left;
		width: 50%;
	}
	.hdr_ttl a h1 {font-size: 35px;}
	.highcharts-title {
		font-family: BPG_Arial_Caps;
		display: none;
	}
	.blok_stat {
		background: #FFFFFF;
		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
		border-radius: 4px;
		width: 100%;
		min-height: 97px;
		float: left;
		margin-bottom: 20px;
		max-height: 170px;
		/*margin: 17px;*/
	}
	.header {
		padding: 20px;
		border-bottom:2px solid #E7EEF0;
	}
	.ft p {
		font-family: Roboto_Regular;
		font-size: 30px;
		font-style: normal;
		font-weight: normal;
		line-height: normal;
	}
	.ft h4 {
		font-family: BPG_Arial_Caps;
	}
	.ft_1 {
		width: 30%;
	}
	.ft_2 {
		width: 70%;
	}
	.ft {
		float: left;
		min-height: 1px;
	}
	.blok_second {
		min-height: 1px;
		width: 100%;
		float: left;
		padding: 0px 17px 2px 17px;
	}
	.blok_stat .header h3 {
		font-size: 14px !important;
		font-family: BPG_Arial_Caps;
		margin: 0
	}
	.hdr_sts {
		width: 100%;
		float: left;
		margin-bottom: 2%;
	}

	.unic_da_pg_v {
		/*width: 20%;*/
	}
	.unic_da_pg_v .header {
		border: none;
	}
	.unic_da_pg_v .header h3{
		font-size: 20px;
	}
	.highcharts-yaxis-labels {
		font-family: bpg_arial_2009;
		color: #494C59;
	}
	.highcharts-xaxis-labels {
		color: #494C59;
		font-family: Roboto_Regular;
	}
	.returned_usr {
		font-family: BPG_Arial_Caps !important;
		font-size: 13px !important;
		color: #88898C;
		position: absolute;
		float: right;
		margin-top: -5%;
		margin-left: 20%;
	}
	.unic_da_pg_v .blok_second h4 span {
		font-family: Roboto_Regular;
		font-size: 30px;
		font-style: normal;
		font-weight: normal;
		line-height: normal;
	}
	.resource_registered {
		float: left;
		width: 100%;
		padding-left: 1%;
		margin-top: 2%;
		margin-bottom: 2%;
		font-family: bpg_arial_2009;
		line-height: 20px;
		font-size: 14px;
		color: #5D5D5D;
	}
	.container_holder {
		width: 100%;float: left;background: #FFFFFF;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);border-radius: 4px;margin-bottom: 4%;min-height: 400px;
	}
	.container_hdr {
		width: 100%;float: left;line-height: 60px;border-bottom: 2px solid #E7EEF0;min-height: 60px;
	}
	.banner_middle{margin-top: 25px;}
	.left_section_b {float: left;width: 100%;text-align: center;}
	#container2 , #container3 , #container4 , #container5 {
		width: 100%;
    	height: 400px;
    	margin: auto;
   		margin-top: 12%;
	}
	.srs_s {width: 100%;}
	#container6 {
		width: 94%;
		min-height: 300px;
		position: relative;
		margin: auto;
		margin-top: 12%;
	}
	.strss2 .row {margin-right: -10px!important;margin-left: -10px!important;}
	.strss2 .col-md-6,.strss2 .col-md-4,.strss2 .col-md-5,.strss2 .col-md-3 {padding-right: 10px!important;padding-left: 10px!important;}
	.chart_select .filter-option {
		font-family: BPG_Arial_Caps !important;
		/* line-height: normal; */
		font-size: 13px !important;
		color: #88898C !important;
		font-weight: normal;
	}
	.chart_select  span.text {
		font-family: BPG_Arial_Caps !important;
		/* line-height: normal; */
		font-size: 13px !important;
		color: #88898C !important;
		font-weight: normal;
	}
	.chart_select {
		vertical-align: middle !important;
		float: right !important;
		margin-right: 22px !important;
		margin-top: 4% !important;
		width: 70% !important;
	}
	.chart_select button {
		border:none !important;
		border-top-left-radius: 4px !important;
		border-top-right-radius: 4px !important;
		border-bottom-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		outline: 0 !important;
	}
	.chart_select.open button {
		box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.31) !important;
		background-color: #fff !important;
	}
	.chart_select button:focus {
		outline: 0 !important;
	}
	.chart_select .btn-default:active:focus {
		background-color: #fff !important;
		border-color: #fff !important;
		color: #88898C !important;
	}
	.chart_select .btn:active {
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	.chart_select .dropdown-menu>li>a {
		padding: 10px 20px !important;
	}
	.chart_select .dropdown-menu li a{
		outline: 0 !important;
	}
	.chart_select .dropdown-menu {
		border: none;
		padding: 0 !important;
		margin: 0 !important;
		border-top-left-radius: 0px !important;
		border-top-right-radius: 0px !important;
		border-bottom-left-radius: 4px !important;
		border-bottom-right-radius: 4px !important;
		box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.31) !important;
		background-color: #fff;
	}
	.detl {
		float: right;
		background: #FFFFFF;
		border: 1px solid #DDE5E7;
		box-sizing: border-box;
		border-radius: 3px;
		font-family: bpg_arial_2009;
		font-size: 14px;
		color: #5D5D5D;
		margin-right: 22px;
		margin-top: 6%;
		width: 90px;
	}
	.right_maps {
		float: right;
		width: 42%;
	}
	.left_cr_names {
		float: left;
		width: 35%;
		padding-top: 8%;
		height: 77%;
	}
	.left_cr_names ul{
		border-right: 1px solid #E7EEF0;
	}
	.left_cr_names ul li {
		list-style-type: none;
		font-family: bpg_arial_2009;
		line-height: 40px;
		font-size: 13px;
		text-align: right;
		padding-right: 25px;
	}
	.right_cr_values {
		float: right;
		width: 65%;
		padding-top: 8%;
		height: 77%;
	}

	.right_cr_values ul li {
		list-style-type: none;
		font-family: bpg_arial_2009;
		line-height: 40px;
		font-size: 13px;
	}
	.right_cr_values div {
		height: 4px;
		margin-right: 10px;
		float: left;
		margin-top: 9%;
		border-radius: 3px;
	}
	.register_rules {
		padding: 25px;
	}
	.lost_pws_section {
		min-height: 450px;
	}
	.lost_pws_section h3 {
		text-align: center;
		font-family: BPG_Arial_Caps;
	}
	.lost_pws_section a {
		font-family: bpg_arial_2009;
	}
	.help-block {font-size: 12px;}
	.lost_pws_section label, button,p {
		color: #4F4F4F;
		font-family: bpg_arial_2009;
		font-weight: normal;
		font-size: 14px;
	}
	.counter_style button{
		height: 45px !important;
	}

	.counter_style label{
		margin: 5px;
		cursor: pointer;
	}
	.test_web {
	position: fixed;
    bottom: 15px;
    right: 15px;
    width: 400px;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    padding: 8px;
    text-align: left;
    box-shadow: 0px 0px 3px 0px #c3c3c3;
    background-color: #fff;
    z-index: 3;
	}
	button, button:active, button:focus, span, span:focus, a{
		outline: 0 !important;
	}
	.register_rules h3 {
		text-align: center;
		font-family: BPG_Arial_Caps;
	}
	.register_rules p {
		color: #4F4F4F;
		font-family: bpg_arial_2009;
		font-weight: normal;
		font-size: 16px;
	}
	.reg_btn {
		font-family: bpg_arial_2009;
		font-weight: normal;
		max-width: 100%;
		height:  auto;
		font-size: 16px;
		white-space: normal;
	}
	.button_holder {
		text-align: center;
	}
	.question {
		font-family: BPG_Arial_Caps !important;
	}
	.answer {
		font-size: 14px !important;
		text-indent: 1%;
	}
	.bullet_new {
		width: 10px;
		height: 10px;
		background: #434348;
		border-radius: 50%;
		display: block;
		text-align: left;
		float: left;
		margin-top: 5px;
		margin-right: 10px;
	}
	.bullet_returned {
		width: 10px;
		height: 10px;
		background: #95ceff;
		border-radius: 50%;
		display: block;
		text-align: left;
		float: left;
		margin-top: 5px;
		margin-right: 10px;
	}

	/* The side navigation menu */
	.sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;
		background-color: #282C37; /* Black*/
		overflow-x: hidden; /* Disable horizontal scroll */
		padding-top: 60px; /* Place content 60px from the top */
		transition: 0.3s; /* 0.5 second transition effect to slide in the sidenav */
		background-image: url(/source/img/TOPge_logo.svg);
    	background-repeat: no-repeat;
    	background-position: 90% 21px;
	}

	/* The navigation menu links */
	.sidenav a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		color: #fff;
		display: block;
		transition: 0.3s;
		font-family: BPG_Arial_Caps;
		line-height: 37px;
		font-size: 16px;
	}

	/* When you mouse over the navigation links, change their color */
	.sidenav a:hover {
		color: #f1f1f1;
	}

	/* Position and style the close button (top right corner) */
	.sidenav .closebtn {
		position: absolute;
		top: 0;
		left: 15px;
		display: block;
		background-image: url(/source/img/close_left.png);
		background-repeat: no-repeat;
		background-position: 50%;
		vertical-align: middle;
		width: 50px;
		height: 53px;
		padding: 0;
	}

	/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
	#main {
		transition: margin-left .3s;
		padding: 20px;
	}


	.csl_res {
		background-color: #F4F8F9;
	}
	.to_shw_mn {overflow: hidden;display: none;background-color: #fff;}
	.mob_inner_stat_menu {    display: none;
		width: 100%;
		min-height: 60px;
		background: #fff;
		line-height: 60px;
		float: left;
		transition: 300ms;
		margin-top: 10px;
		margin-bottom: 5px;
		margin-left: -5px;}
		.mob_inner_stat_menu .who_joined, .dynamic_s, .menu_p_s{
			padding-left: 0;
			text-indent: 17.5%;
		}
		.mob_inner_stat_menu .who_joined li a:hover , a .active{
			background-color: #2d9cdb;
			color: #fff;
			transition: 300ms;
		}
		.mob_inner_stat_menu .who_joined {
			background-position: 4% 5%;
		}
		#hintbox {
			text-align: left;
			width: 350px;
			font-size: 10px;
			background-color: #fff;
			border-radius: 0;
			box-shadow: 0px 0px 4px 1px #908c8c9e;
			color: #282828;
			margin: 10px 0 0 10px;
			padding: 8px 8px;
			position: absolute;
			visibility: hidden;
			z-index: 998;
			-moz-opacity: 1.0;
			-moz-border-radius: 5px;
			filter: alpha(opacity="100");
		}
		#hintbox img {
			max-width: 100%;
			border-top-right-radius: 0;
			border-top-left-radius: 0;
		}
		#hintbox {
			font-family: bpg_arial_2009;
			font-size: 12px;
			line-height: 2;
		}
		.mob_inner_stat_menu .hdr_main a {
			background-position: 5% 46%;
		}

		.mob_inner_stat_menu .hdr_main {
			text-indent: 13%;
		}
		#search_holder {
			background: #fff;
			padding: 0;
			z-index: 9;
			position: absolute;
			width: 100%;
			transition: all .2s;
			transform: translate(100%,0%);
			visibility: hidden;
			margin-left: 15px;
		}
		#search_holder.opened {
			transform: translate(0,0);
			visibility: visible;
		}
		.align-items--center {
			align-items: center;
		}
		.flex {
			display: flex;
		}
		#search_holder .close-search {
			background: transparent;
			border: 0;
		}
		#search_holder #search_form {
			flex-grow: 1;
			display: flex;
		}
		#search_holder .search_input {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding: 15px 10px 15px 10px;
			font-size: 14px;
			width: 89%;
			color: #9f9f9f;
			-webkit-appearance: none;
			font-family: 'roboto_medium';
			letter-spacing: -.3px;
			color: #7E7E7E;
			border: 0;
			flex-grow: 1;
			display: block;
			line-height: 1;
		}
		.main_pg {
			display: block;
			float: left;
			margin-top: 15px;
			width: 50%;
			vertical-align: middle;
		}
		#search_holder .clear-search {
			margin-right: 25px;
			display: none;
		}
		#search_holder .close-search img {
			width: 18px;
		}
		#search_holder ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
			color: #4F4F4F;
			font-family: bpg_arial_2009;
			opacity: 1; /* Firefox */
		}
		.low_stat {display: none;width: 100%;height: 35px;margin-bottom: 8px;}
		.low_stat div {float: left;height: 100%;font-family: Roboto_Regular;font-style: normal;font-size: 14px;line-height: 35px;text-align: left;text-indent: 15px;color: #fff;}
		#search_holder :-ms-input-placeholder { /* Internet Explorer 10-11 */
			color: #4F4F4F;
			font-family: bpg_arial_2009;
		}
		.retunered {background-color: #2D9CDB;text-align: center !important;text-indent: 0 !important;}
		.new_cust {background-color: #494C58;}

		#search_holder ::-ms-input-placeholder { /* Microsoft Edge */
			color: #4F4F4F;
			font-family: bpg_arial_2009;
		}
		.dropdown-menu {
			border-radius: 0px !important;
		}
		#search_holder img {
			margin-left: 12px;
			margin-right: 5px;
		}
		.search-button {
			line-height: normal;
			display: block;
			width: 24px;
			height: 24px;
			overflow: hidden;
			margin-right: 15px;
			float: right;
			margin-bottom: 0;
			margin-top: 20px;
		}
		.search-button span {
			text-indent: -100px;
		}
		.legal_info {
			font-family: bpg_arial_2009;
		}
		.legal_info ul li {
			list-style-type: none;
		}
		.legal_info h2, h3 {
			font-family: BPG_Arial_Caps;
		}
		.wtf_s_mn.active_open {
			background: #2D9CDB;
			background-repeat: no-repeat;
			background-image: url('/source/img/cls_nav_mini.png');
			background-position: 50%;
			transition: 500ms;
		}
		.hdr_main.active_open {background: #fff; }
		.hdr_main.active_open a{
			color: #494C59;
			background-repeat: no-repeat;
			background-color: #fff;
			transition: 500ms;
		}
		.hdr_main.active_open .home_s {background-image: url('/source/img/home_b.svg');}