.profile {
	margin-bottom: 150px;
}
.profile__container {
	/*margin: 20px;*/
	height: 100%;
	border-radius: 20px;
	background: white;
}
/*.profile__content {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}*/
@media screen and (max-width: 993px) {
	.profile__content {
		width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
		display: inline;
	}

}
@media screen and (min-width: 993px) {
	.profile__content {
		width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
		display: flex;
	}
}
.user__header__table {

	width: 100%;
	background: #e8edfa;
	height:120px;
	/*max-height: 350px;*/
	border-radius: 20px;
	padding-top: 20px;
}
table {

width:100%;
    /*border-spacing: 10px 4px;*/
}
.user__header__table table tr td, .user__header__table table tr th {
width:33.3%;
}
.user__header__table table tr th {
padding-bottom:12px;
border-bottom:1px solid #ddd;
text-align:center;
font-size: 14px;
	color: #727272;
}
.user__header__table table tr td {
	padding-top: 20px;
	text-align: center;
font-size: 20px;
font-weight: 900;
	
}
.user__settings {
	margin-top: 20px;
	width: 100%;
	background: #e8edfa;
	/*height: 100%;*/
	border-radius: 20px;
}
.settings-block {
	/*background-color: #ffffff;*/
    width: 100%;
    height: 300px;
    max-height: 300px;
   
    border-radius: 40px;
   box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.02);
}
.container-form {
	margin-top: 10px;
	padding-top: 70px;
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
}
.user__stats {
	margin-top: 20px;
	width: 100%;
	background: #e8edfa;
	/*height: 100%;*/
	border-radius: 20px;
}

.user__skin__content {
	width: 100%;
	background: #e8edfa;
	height:120px;
	/*max-height: 350px;*/
	border-radius: 20px;
}
.user__navblock__list {
	width: 100%;
	margin-top: 20px;
	display: inline-block;
	margin-bottom: 20px;
}
.user__navblock__list a {
	text-decoration: none;
}
.user__navblock {
	text-decoration: none;
	margin-bottom: 10px;
	color: white;
	font-weight: bold;
	border-radius: 4px;
	padding-top: 14px;
	font-size: 14px;
	height: 50px;
	text-align: center;
	width: 100%;
	 background: rgba(126, 86, 255, 0.6);
    background: linear-gradient(to right, rgba(126, 86, 255, 1) 0%, rgba(86, 114, 255, 1) 100%) no-repeat bottom;
	moz-transition: all 0.4s ease-in-out;
}

.user__navblock:hover {
 -webkit-animation-name: 'hover_button';
  -webkit-animation-duration: 1s;
   -webkit-animation-iteration-count: infinite;
   -moz-animation-name: 'hover_totop';
    animation-name: 'hover_totop';
	animation-duration: 1s;
    animation-iteration-count: infinite;
		box-shadow:0 0 0 3px rgba(21,176,139,1);/* 255,94,36,.5*/
}

.user__skin__image {
	
	background: white;
	margin: 10px;
	height: 100px;
	width: 100px;
	border-radius: 20px;
}
.user__name__content {
	margin: 10px;
	margin-left: 0;
	width: 100%;
	text-align: center;
}
.user__name__content h1 {
	margin-top: 30px;
	font-size: 17px;
	font-weight: 900;

	text-transform: uppercase;
}
.user__name__content .block
{
	margin-bottom: 18.5px;
	/*color: 212529;*/
	font-weight: bold;
	border-radius: 10px;
	padding-top: 7px;
	font-size: 18px;
	height: 40px;
	text-align: center;
	width: 100%;
	background: white;
	
}

.user__stats ul {
  width: 45%;
  display: inline-block;
  list-style: none;
}
.user__stats ul.right {
/*float:inherit;*/
margin-left:19px;
}
.user__stats ul li {
font-size: 12px;
	color: #727272;
	padding-top:7px;
	border-bottom:1px solid #ddd;
  margin-top: 10px;
  font-family:Arial;
}
.user__stats ul li span {
float:right;
font-size: 15px;
	font-weight: bold;

	/*color: rgba(86, 114, 255, 0.5);*/
  margin-top: -5px;
}




.user__roulette__drop {
margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 5px;
}
 .user__roulette__drop > div {
  border-radius: 15px;
  background: #e8edfa;
  padding: 20px;
  display: flex;
  align-items: center;
}
 .user__roulette__drop > div .progress-gun {
  background: #31343c;
  border-radius: 300px;
  display: block;
  width: 100%;
  position: relative;
  height: 10px;
  padding: 3px;
  margin: 0 15px;
}
 .user__roulette__drop > div .progress-gun i {
  display: block;
  height: 4px;
  border-radius: 300px;
  background: rgba(126, 86, 255, 0.6);
    background: linear-gradient(to right, rgba(126, 86, 255, 1) 0%, rgba(86, 114, 255, 1) 100%) no-repeat bottom;
  box-shadow: 0 3px 15px rgba(126, 86, 255, 1);
}

 .user__roulette__drop > div .size-drop {
  padding: 5px 10px;
  display: inline-block;
  border-radius: 10px;

  margin-left: 40px;
  background: rgba(86, 114, 255, 0.5);
  color: #31343c;
  font-weight: bold;
  font-size: 14px;
}





	.user__skill__gun {
margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 5px;
}
 .user__skill__gun > div {
  border-radius: 15px;
  background: #e8edfa;
  padding: 20px;
  display: flex;
  align-items: center;
}
 .user__skill__gun > div .progress-gun {
  background: #31343c;
  border-radius: 300px;
  display: block;
  width: 100%;
  position: relative;
  height: 10px;
  padding: 3px;
  margin: 0 15px;
}
 .user__skill__gun > div .progress-gun i {
  display: block;
  height: 4px;
  border-radius: 300px;
  background: rgba(126, 86, 255, 0.6);
    background: linear-gradient(to right, rgba(126, 86, 255, 1) 0%, rgba(86, 114, 255, 1) 100%) no-repeat bottom;
  box-shadow: 0 3px 15px rgba(126, 86, 255, 1);
}
 .user__skill__gun > div .size-gun {
  padding: 5px 10px;
  display: inline-block;
  border-radius: 10px;
  background: rgba(86, 114, 255, 0.5);
  color: #31343c;
  font-weight: bold;
  font-size: 14px;
}
.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}