@charset "UTF-8";
/*--------------------------------*/
.footer_include .footer__line,
.footer_include .footer_inner .top__container {
	display: none;
}
/*--------------------------------*/
.chart-text-s {
	font-size: 14px;
	color: #ffffff;
	font-weight: 100;
	letter-spacing: 1px;
	font-weight: 300;
}

.chart-title-m {
	color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 26px;
}

.data__num__text {
	color: #16FEF3;
	font-family: Roboto;
	font-size: 54px;
    font-weight: 400;
}

/*--------------------------------*/
.box_info_content {
	background-color: #262A35;
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 50px;
}

.box_info_content .box_title_content .box__title p {
	color: #41C3FF;
}

.box_info_content .box__dashbord__ul {
	background-color: #2E323C;
    width: 95%;
    max-width: 1280px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);

    border-radius: 20px;
    overflow: hidden;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;

	padding-bottom: 25px;
}

.box_info_content .box__dashbord__ul > li {
	position: relative;
	display: flex;
}

/* box__subtitle */
.box_info_content .box__dashbord__ul .box__subtitle {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 93%;
	height: 100px;
}

.box_info_content .box__dashbord__ul .box__subtitle > div {
	/*border: 1px solid rgba(200, 200, 200, 0.2);
	box-sizing: border-box;*/
	height: 100%;
}

.box_info_content .box__dashbord__ul .box__subtitle > div:nth-child(1) {
	flex: 0 0 auto;
	/*width: 20%;*/
	max-width: 160px;
	/*padding: 2.5% 0;*/
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.box_info_content .box__dashbord__ul .box__subtitle > div:nth-child(1) p {
	color: #41C3FF;
	font-size: 36px;
}

.box_info_content .box__dashbord__ul .box__subtitle > div:nth-child(2) {
	flex: 1 0 auto;
	/*width: 63%;*/
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 10px;
}

.box_info_content .box__dashbord__ul .box__subtitle > div:nth-child(2) p {
	color: rgba(255, 255, 255, 0.6);
	font-size: 16px;
	margin-top: 20px;
}


.box_info_content .box__dashbord__ul .box__line {
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.2);
}

/* ---------------------------------------------------------------- */
/* box__slidermenu */
.box_info_content .box__dashbord__ul .box__slidermenu {
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 93%;
	padding: 30px 0 30px 0;
}
.box_info_content .box__dashbord__ul .box__slidermenu .slidermenu__title {
	color:#ffffff;
	font-size: 14px;
	font-weight: 400;
	padding-bottom: 20px;
}
/* ------------------------ */
/* slidermenu__body */
.box_info_content .box__dashbord__ul .box__slidermenu .slidermenu__body {
	/*width: 95%;*/
	width: 98%;
	position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.box_info_content .box__dashbord__ul .box__slidermenu .slidermenu__body .slidermenu__list .slidermenu__item {
	color:#ffffff;
	font-size: 16px;
	font-weight: 300;
	text-decoration: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

	padding: 15px 0px;
	/*width: 120px;*/
	width: 150px;
	background-color: rgba(22, 254, 243 , 0);
	border-radius: 15px;
	transition: all .2s ease-out 0s;
}

.box_info_content .box__dashbord__ul .box__slidermenu .slidermenu__body .slidermenu__list .slidermenu__item img {
	margin-right: 10px;
}

/* prev-arrow next-arrow */
.slidermenu__list .prev-arrow {
	top: -24px;
    left: -5.8%;
    transform: scale(0.3);
}

.slidermenu__list .next-arrow {
	top: -24px;
    right: -5.8%;
    transform: scale(0.3);
}

.slidermenu__list .prev-arrow img,
.slidermenu__list .next-arrow img {

}

/* ------------------------ */
/* slider__cover */
.box_info_content .box__dashbord__ul .box__slidermenu .slidermenu__body .slider__cover {
	pointer-events: none;
    position: absolute;
    top: 0px;
    width: 102%;
    height: 102%;
    z-index: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.box_info_content .box__dashbord__ul .box__slidermenu .slidermenu__body .slider__cover li:first-child {
	width: 3%;
	height: 100%;
    background: -webkit-linear-gradient(
		left,
		rgb(46, 50, 60) 15%,
		rgba(46, 50, 60, 0) 100%
   );
}

.box_info_content .box__dashbord__ul .box__slidermenu .slidermenu__body .slider__cover li:last-child {
	width: 5%;
	height: 100%;
    background: -webkit-linear-gradient(
		right,
		rgb(46, 50, 60) 15%,
		rgba(46, 50, 60, 0) 100%
   );
}
/* ------------------------ */
/* hover */
.box_info_content .box__dashbord__ul .box__slidermenu .slidermenu__body .slidermenu__list .slidermenu__item:hover {
	color: #000000;
	background-color: rgba(22, 254, 243 , 1);
}

.box_info_content .box__dashbord__ul .box__slidermenu .slidermenu__body .slidermenu__list .slider__key__point {
	color: #000000;
	background-color: rgba(22, 254, 243 , 1);
}

/* ------------------------ */
/* slidermenu__body__mobile */
.slidermenu__body__mobile .select-box__container {
	margin-bottom: 0px;
    width: 100%;
    max-width: inherit;
    position: relative;
    left: 0%;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    z-index: 1;
    display: block;
    font-size: 16px;
    color: #ffffff;
}

.slidermenu__body__mobile .select-box__container .select-box__current {
    border: 0px solid #b8b8b8;
    box-sizing: border-box;
    border-radius: 20px;

	-webkit-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 0px 10px 0px rgba(0, 0, 0, .3);
}

.slidermenu__body__mobile .select-box__container .select-box {
	width: 93vw;
}

.slidermenu__body__mobile .select-box__container .select-box__input-text {
	background-color: #363C48;
}

@-webkit-keyframes HideList-info {
  from {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    opacity: 0;
  }
}

@keyframes HideList-info {
  from {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    opacity: 0;
  }
}

.slidermenu__body__mobile .select-box__container .select-box__list {
    border: 0px solid #b8b8b8;
    box-sizing: border-box;
    border-radius: 20px;
    background-color: inherit;
    box-shadow: inherit;

    -webkit-animation-name: HideList-info;
    animation-name: HideList-info;
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.select-box__container .select-box__current:focus + .select-box__list {
    border: 0px solid #b8b8b8;
    box-sizing: border-box;
}

.slidermenu__body__mobile .select-box__container .select-box__option {
	background-color: #363C48;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.slidermenu__body__mobile .select-box__container .select-box__icon {
	filter: invert(1);
}

.select-box__container .select-box__input:checked + .select-box__input-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 18px;
    padding: 16px 12px;
}

.slidermenu__body__mobile .select-box__container .select-box__option img,
.slidermenu__body__mobile .select-box__container .select-box__input-text img {
	margin: 10px 20px;
}

@media only screen and (min-width:360px) {
	.data__num__text {
	    font-size: 67px;
	}

	.box_title_content .box__title {
		width: 93%;
	}

	.box_info_content .box__dashbord__ul {
		width: 100%;
		border-radius: 0px;
	}


	/* box__subtitle */
	.box_info_content .box__dashbord__ul .box__subtitle {
	    flex-direction: column;
	    justify-content: flex-start;
	    align-items: flex-start;
	    height: auto;
	    padding: 35px 0;
	}

	.box_info_content .box__dashbord__ul .box__subtitle > div:nth-child(1) {
		margin-bottom: 8px;
	}

	.box_info_content .box__dashbord__ul .box__subtitle > div:nth-child(2) {
		margin-top: 8px;
	    padding-left: 0px;
	}

	.box_info_content .box__dashbord__ul .box__subtitle > div:nth-child(2) p {
	    margin-top: 0px;
	}


	.box_info_content .box__dashbord__ul .box__slidermenu .slidermenu__body {
		display: none;
	}

	.box_info_content .box__dashbord__ul .box__slidermenu .slidermenu__body__mobile {
		display: block;
	    /*-webkit-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, .3);
	    -moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .3);
	    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, .3);*/
	}
}

@media only screen and (min-width:768px) {
	.slidermenu__list .prev-arrow {
	    left: -6.8%;
	}

	.slidermenu__list .next-arrow {
	    right: -6.8%;
	}

	.box_title_content .box__title {
		width: 95%;
	}

	.box_info_content .box__dashbord__ul {
		width: 95%;
		border-radius: 20px;
	}

	/* box__subtitle */
	.box_info_content .box__dashbord__ul .box__subtitle {
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: center;
	    width: 93%;
	    height: 100px;
	    padding: 0px 0;
	}

	.box_info_content .box__dashbord__ul .box__subtitle > div:nth-child(1) {
		margin-bottom: 0px;
	}

	.box_info_content .box__dashbord__ul .box__subtitle > div:nth-child(2) {
		margin-top: 0px;
	    padding-left: 10px;
	}

	.box_info_content .box__dashbord__ul .box__subtitle > div:nth-child(2) p {
	    margin-top: 20px;
	}


	.box_info_content .box__dashbord__ul .box__slidermenu .slidermenu__body {
		display: block;
	}

	.box_info_content .box__dashbord__ul .box__slidermenu .slidermenu__body__mobile {
		display: none;
	}
}

@media only screen and (min-width:1024px) {
	.slidermenu__list .prev-arrow {
	    left: -5.8%;
	}

	.slidermenu__list .next-arrow {
	    right: -5.8%;
	}
 
}


@media only screen and (min-width:1025px) {
	.slidermenu__list .prev-arrow {
	    left: -5.8%;
	}

	.slidermenu__list .next-arrow {
	    right: -5.8%;
	}
 
}