@font-face {
    font-family: "nunito";
    src: url("../fonts/TroikaRegular/Nunito.ttf");
    font-style: normal;
    font-weight: normal;
}
body{
margin: 0;
font: 15px 'Open Sans', sans-serif;
background: #edeef0;
color: #4f4f4f;
padding-top: 70px;
}
:target:before {
  display: block;
  content: " ";
  margin-top: -70px;
  height: 70px;
  visibility: hidden;
}
.carousel-inner > .carousel-item > .carousel-caption > p{
  padding: 5px;
    margin-top: 0;
    margin-bottom: 1rem;
    background: #bac9d8ad;
    border-radius: 6px;
}
a{
text-decoration: none;
color: #4f4f4f;
font-weight: bold;
}

a:hover{
opacity: 0.8;
}
.stat{
    margin-left: 14px;
    font-size: 14px;
}

.update{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #212121;
    z-index: 999999;
    opacity: 0.8;
}

.accept-rule {
    text-align: justify;
    padding: 5px;
    background: #efefef;
    border: 1px solid #a4810a;
    margin-top: 10px;
    border-radius: 3px;
}
.header{background: #4a76a8;}

.header-wall{width: 1100px;margin: 0 auto;}

.website-other{border-radius: 2px; box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;margin-top: 160px;background: #fff;padding: 5px;position: relative;min-height: 700px;}

.header-wall > ul{
list-style: none;
margin: 0;
}

.stat > span{display:block;margin-bottom: 5px;margin-top: 5px;}

.header-wall > ul > li {
transition: .4s;
border-right: 1px solid rgba(118, 118, 118, 0.46);
display: block;
float: left;
position: relative;
background: rgba(255, 255, 255, 0.12);
}

.information-pdx, .evolution-pdx{
    width: 46%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}

.information-pdx > span, .evolution-pdx > span{
    display: block;
    margin-top: 10px;
    font-size: 14px;
}

.header-wall > ul > li:first-child {
border-left: 1px solid rgba(118, 118, 118, 0.46);
}

.header-wall > ul > li > a{
display: table-cell;
padding: 0 12px;
vertical-align: middle;
height: 40px;
text-decoration: none;
color: #fff;
}

.pol-pdx{
    padding: 0px 10px;
    margin-left: 10px;
    border-left: 2px solid #c9c9c8;
    font-weight: bold;
}

.pol-pdx > span{
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.update > div{
    margin-top: 15%;
    text-align: center;
}

.update > div > span{
    font-size: 40px;
    color: #ffffff;
    text-shadow: 1px 1px 2px black, 0 0 1em #eabb03;
}

.header-wall > ul > li:hover{
background:rgba(255, 255, 255, 0.26);
}

.header-wall > ul > li > a:hover{
color: #fff;
}

.aut{
  color: #fff;
    font-size: 14px;
    cursor: pointer;
	border-radius: 2px;
}

.update > div > a{
    font-size: 40px;
    display: inline-block;
    background: #fff;
    padding: 5px;
    border-radius: 3px;
    border: 3px solid #000;
    color: #000;
    margin-top: 5px;
}

.info-pdx{
    margin-top: 20px;
    float: left;
    width: 100%;
}

.form-pdx > a{
    display: inline-block;
    width: 50px;
    height: 50px;
    background-size: 100% !important;
}

.form-pdx{
    vertical-align: middle;
    width: 100px;
    text-align: center;
    line-height: 1.3;
    display: inline-block;
    margin-bottom: 8px;
    padding: 0 8px 15px;
    margin-top: 10px;
}

.reg-left{float: left;width: 450px;}

.logotip{
position: absolute;
width: 40px;
height: 40px;
transition: .4s;
background: rgba(255, 255, 255, 0.12) url(/img/interface/logotip.png) center no-repeat;
top: 0;
right: 10%;
background-size: 85%!important;
border-left: 1px solid rgba(118, 118, 118, 0.46);
border-right: 1px solid rgba(118, 118, 118, 0.46);
padding-left: 2px;
padding-right: 2px;
cursor: pointer;
}

.aut:hover{
opacity:0.8;
}

.inf-ttl-pdx{
background: url(/img/interface/background.png);
    padding: 0px 40px;
    height: 22px;
}

.simg-pdx{
    width: 100px;
    height: 100px;
    position: absolute;
    background-size: 90% !important;
    left: -101px;
    top: 70px;
    border-radius: 0px 3px 3px 0px;
    border: 1px solid #d1d1d1;
    border-right: none;
}

.stats-pdx > span{
font-size: 14px;
    display: block;
    margin-top: 10px;
    padding-left: 10px;
    border-left: 2px solid #c9c9c8;
    margin-left: 10px;
}

.inf-ttl-pdx > span{
background: #f4f4f4;
    font-size: 14px;
    padding: 0px 10px;
    color: #4f4e4e;
}

.tipse{
    display: inline-block;
    padding: 3px 7px 3px 7px;
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    letter-spacing: 1px;
}

.stats-pdx{
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 20px;
}

.move-pdx{
margin-left: 2%;
    margin-right: 2%;
    margin-top: 20px;
}

.move-pdx-list{
    width: 20%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 15px;
    font-size: 14px;
    font-weight: bold;
}

.move-pdx-list > span{display: block;margin-top: 12px;font-size: 13px;}

.move-pdx-list > span > span{font-size: 11px;color: #797979;margin-right: 5px;font-weight: normal;}
.norm-t{
    background: #bf923d;
}
.elec-t{
    background: #b9b50c;
}
.let-t{
    background: #90a5ac;
}
.trav-t{
background: #5a8938;
}
.fur-t{
    background: #db1180;
}
.psy-t{
    background: #ae265d;
}
.eart-t{
    background: #764c0a;
}
.ste-t{
background:#959595;
}
.roc-t{
    background: #8f771b;
}
.ghos-t{
background: #5c594d;
}
.dark-t{
background: #22211f;
}
.drag-t{
    background: #53387f;
}
.ice-t{
background: #4ca494;
}
.fig-t{
    background: #ae412e;
}
.pois-t{
    background: #8d2489;
}
.bug-t{
background: #7e811c;
}
.wat-t{
    background: #087ab2;
}
.fir-t{
background: #b22020;
}

.logotip:hover{
background:rgba(255, 255, 255, 0.26) url(/img/logotip.png) center no-repeat;
}

.simg-pdx > span{
display: block;
    margin-top: -15px;
    text-align: center;
    font-size: 14px;
    color: #646464;
}

.content{margin: 0 auto;width: 1100px;color: #4f4f4f;border-top: none;padding-bottom: 45px;overflow: hidden;position: relative;z-index: 1;}

.dump{
padding: 10px;
}

.hello{
	    background: #fff;
    padding: 7px 3px 7px 3px;
    border-radius: 2px;
box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
    color: #747474;
}

.sucs{
    color: #488c38;
}

.ale{
color:#822b16;
}

.strel{
	    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    color: #a7a7a7;
}

.shapka{
	width:100%;
	height: 195px;

}

.top-pdx{
   margin: auto;
    text-align: center;
    width: 90%;
}

.name-pdx{
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    position: absolute;
    margin-left: 300px;
}

.snow{
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    position: fixed;
    top: 100px;
}

.top-pdx > input{
    width: 80%;
    margin: 0 10px 0 10px;
    background: #fff;
    border: 1px solid #d4d6d1;
    padding: 5px;
    border-radius: 3px;
    color: #434343;
}

.hello-reg{
    background: url(/img/bt2.png) center no-repeat;
    background-size: cover;
    float: left;
    width: 530px;
    height: 530px;
    margin-left: 60px;
    margin-top: 25px;
    border-radius: 50%;
    border: 5px solid #e3e4e8;
}

.evol-arr > div{
font-size: 12px;
    color: #767676;
}

.name-pdx > span{
    display: block;
    font-size: 14px;
    margin-top: 10px;
    font-weight: normal;
    color: #7f7f7f;
}

.news{
	    float: left;
    width: 60%;

}

.newses{
	background: #fff;
    margin-top: 10px;
    border-radius: 2px;
box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
}

.serch-pok{
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-top: 10px;
    cursor: pointer;
    background: #fefefe;
    border: 1px solid #e4e0e0;
    padding: 5px;
    border-radius: 3px;
}

.form-pdx > div{
    margin-top: 10px;
}

.form-pdx > div > a{
    font-size: 14px;
    font-weight: bold;
}

.text{
	    padding: 5px;
    text-align: justify;
}

.but-new{
border-top: 1px solid #e7e8ec;
padding: 5px;}

.trnr > span{
    font-size: 12px;
    margin-left: 10px;
    color: #7f7f7f;
}
.search_error{
cursor:pointer;
margin-top:5px;
font-weight:bold;
}

.evol-arr{
font-size: 14px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.logo-pdx{margin-top: 15px;overflow: auto;position: relative;}

.img-pdx{
    width: 180px;
    height: 180px;
    background-size: 90% !important;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    position: relative;
    float: left;
    margin-left: 100px;
}

.form-reg > input{
    width: 420px;
    margin-bottom: 5px;
    display: inline-block;
    font-weight: bold;
    background: #fff;
    border: 1px solid #cacaca;
    border-radius: 2px;
    padding: 6px 10px;
    color: #707070;
}

.evol-box{
text-align: center;
}

.auth{background: #fff;padding: 3px;border-radius: 3px;font-weight: bold;display: inline-block;}

.auth > span{
margin-left: 10px;
font-size: 10px;
color: #5e5e5e;
}

.errorMes{
margin-left: 5px;
    margin-bottom: 10px;
    color: #737373;
    font-size: 14px;
}

.other-content form > input{

    padding: 0 5px;
    font-size: 14px;
    line-height: 20px;
    height: 30px;
    transition: .4s;
    border: 1px solid #d7d8db;
    background-color: #fff;
    color: rgb(18, 18, 18);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
}

.form-reg > span{
    padding-left: 10px;
    border-left: 5px solid #c8c8c8;
    display: block;
    margin: 5px;
    color: #857a7a;
}

.sub{
float: right;
width: 38%;
margin-top: 10px;
}

.other{
margin-top: 10px;
}

.title-other{
padding: 5px;
border-bottom: 1px solid #e3e4e8;
font-size: 15px;
font-weight: bold;
color:  #4f4f4f;
}

.other-content{
	    display: block;
	    background: #fff;
	    overflow: auto;


}

.link{
    display: block;
    padding: 10px;
    overflow: auto;
	transition: .4s;
}

.link:hover{
    background: #f2f1f1;
}

.link > span{
	    float: left;
    margin-right: 10px;
    color: #5d5d5d;
}

.link  > strong{
	font-size: 14px;
	display: block;
	margin-bottom: 2px;
}

.link > strong > span{
	display: block;
	color: #aaaaaa;
}

.strani{
margin-bottom: 20px;
border-radius: 2px;

}

.strani > a{
	    color: #565656;
    background: #fff;
    padding: 5px;
    border-radius: 3px;
}

.padd{
	padding:5px;
	overflow: auto;
}

.pad{
padding:0;
}

.title-top{
	    font-weight: bold;
    font-size: 15px;
    margin-left: 20px;

}

.paddd{
padding:10px;
}
.trnr{

	font-size: 15px;
	line-height: 19px;

}

.footer {
    background: #fff;
    width: 100%;
    color: #4f4f4f;
    float: left;
    overflow: auto;
    margin-top: 15px;
	border-radius: 2px;
box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
}


.ttl{
    position: absolute;
    left: 200px;
    top: -70px;
    font-size: 16px;
    font-weight: bold;
}

.ttl > span{
    display: block;
    font-size: 14px;
    margin-top: 3px;
    color: #787878;
}

.other-content > form > button{
    background: #56a0d3;
    padding: 5px;

    border-radius: 2px;
    border: 1px solid #56a0d3;
    font-size: 14px;
    color: #fff;
    cursor: pointer;

}

.ps1{
	display:block;
	float:right;
	margin: 5px;
	font-size: 14px;
    color: #5fb053;


}

.ps{
	display:block;
    margin: 5px;


}

.img-title{
    width: 160px;
    height: 120px;
    position: absolute;
    top: -120px;
    left: 10px;
    border-radius: 100% 100% 0% 0%;
    border-bottom: none;
box-shadow: 0 0 1px  0 #d7d8db;
}
.pika{background: #fff url(/img/main/bt1.gif) center no-repeat;background-size: 110%;}
.infern{background: #fff url(/img/main/2.png) center no-repeat;background-size: 90%;}
.pokdx{background: #fff url(/img/main/3.png) center no-repeat;background-size: 90%;}
.footer-content{padding: 10px;}

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

.ttl{
font-size: 14px;
}
.aut{
padding: 3px;
    font-size: 14px;
margin:0 auto;

}
.ttl > span{
display:none;
}
.form-reg > input{
width:100%;
}
.reg-left {
    width: 90%;
    margin: 0 auto;
    float: none;
}
.hello-reg{
display:none;
}
	body {
    min-width: 0px;
}
.content{
width: 100%;
min-width: auto;
}

.shapka {
    background-size: cover;
}

.sub,.news{
width:100%;
}

.logotip{
	display:none;
}

}
@media screen and (max-width: 770px) {
  #carouselExampleIndicators{
    display: none;
  }

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

	.header{
		    height: 160px;
	}
	.header-wall{
		    margin: 0;
			    width: 1px;
	}
.snow{
display:none;
}
}

@media screen and (max-width: 300px) {
.ttl{
    font-size: 14px;
}
}

.trpl {
    display: block;
    margin: 10px 0 20px 5px;

}

.trsob {
    display: inline-block;
    margin: 0 0 10px 5px;
    padding-left: 30px;
}
.turn1 {
    background-position: 0px 5px;
}
.turn2 {
    background-position: 0px -95px;
}
.turn3 {
    background-position: 0px -195px;
}
.contest1 {
    background-position: 0px -595px;
}
.contest2 {
    background-position: 0px -695px;
}
.contest3 {
    background-position: 0px -795px;
}
.event {
    background-position: 0px -895px;
}
.drop {
    background-position: 0px -995px;
}

.divEvent {
    margin-bottom: 5px;
    font-size: 14px;
    background-image: url(/images/events.png);
    width: 100%;
    background-repeat: no-repeat;
    display: table-row;
}
.text2 {
    display: table-cell;
    vertical-align: middle;
    padding-left: 50px;
    height: 40px;
}
/* Добавление отступов к элементу с классом timeline */
.timeline {
  padding-bottom: 1rem;
  position: relative;
}
/* добавление нижнего отступа и левого поля для элементов с классом timeline-wrapper */
.timeline-wrapper {
  margin-bottom: 1rem;
}
/* убирание у последнего элемента .timeline-wrapper нижнего отступа */
.timeline-wrapper:last-child {
  margin-bottom: 0;
}
.allnews{
   margin-bottom: 10px;
}
/* стили для стрелок РАНЬШЕ и ПОЗЖЕ */
.allnews .aNewsR{
    float: right;
}
/* стили для элементов таймлайна */
.timeline-item {
  background: #fff;
    margin-top: 10px;
    border-radius: 3px;
    border: 1px solid #dedddd;
    position: relative;
    padding: .825rem;
    border-radius: .25rem;
}


/* стили для блока, в котором будет отображаться название статьи */
.timeline-item-header {
  display: block;
  font-weight: bold;
  font-size: 1.125rem;
}
/* оформление блока, содержащего название раздела */
.timeline-item-section {
  position: absolute;
    top: 0;
    right: 0;
    background: #60c060;
    padding: .3rem;
    font-size: .875rem;
    border-top-right-radius: .25rem;
    color: #fff;
}
/* оформление блока, содержащего дату */
.timeline-item-date {
  display: block;
    font-size: .75rem;
    line-height: 2;
}
/* стили для блока, в который будет выводиться описание статьи */
.timeline-item-description {
  display: block;
  font-size: .875rem;
  line-height: 1.7;
}
.timeline-item-description > img{
  float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
/* стили для блока, содержащего ссылку "Перейти" */
.timeline-item-link {
  display: block;
  font-size: .875rem;
  line-height: 1.7;
  text-align: right;
}
/* стили для ссылки "Перейти" */
.timeline-item-link a {
  text-decoration: none;
}
/* стили для ссылки "Перейти" при поднесении к ней курсора или когда она находится в состоянии фокуса */
.timeline-item-link a:hover, .timeline-item-link a:focus {
  opacity: .9;
}
.jumbotron{
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
}
.blur{
    background: rgb(66 177 232 / 20%);
    /*backdrop-filter: blur(6px);*/
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.jumbotron > h1, .jumbotron > p, .jumbotron > img{
    position: inherit;
}
#carouselExampleIndicators{
  margin-bottom: 20px;
}
.loginMain{
  display: initial;
  margin-bottom: 10px;
}
/* для адаптивности (стили для больших экранов) */
@media (min-width: 576px) {

  /* для вывода вертикальной линии по центру */

  /* стили для нечётных элементов с классом timeline-wrapper */
  .timeline-wrapper:nth-child(odd) {
    padding-left: 15px;
  }
  /* стили для чётных элементов с классом timeline-wrapper */
  .timeline-wrapper:nth-child(even) {
    padding-left: 2rem;
    margin-left: 50%;
    margin-top: -2rem;
  }
  /* дополнительный сдвиг вверх для нечетных элементов (начиная с 3) */
  .timeline-wrapper:nth-child(2n+3) {
    margin-top: -2rem;
  }

  /* стили для псевдоэлементов ::after элементов таймлайна, расположенных в нечётных контейнерах */
  .timeline-wrapper:nth-child(odd) .timeline-item::after {
    border-left: 1rem solid #118c4e;
    border-right: none;
    left: unset;
    right: -1rem;
  }
}
.alert-arrow {
    border: 1px solid #60c060;
    color: #54a754;
	background-color: #fff;
}
.alert-arrow .alert-icon {
    position: relative;
    width: 3rem;
    background-color: #60c060;
}
.alert-arrow .alert-icon::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: .75rem solid transparent;
    border-bottom: .75rem solid transparent;
    border-left: .75rem solid #60c060;
    right: -.75rem;
    top: 50%;
    transform: translateY(-50%);
}
.alert-arrow .close {
    font-size: 1rem;
    color: #cacaca;
}
label {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 19px;
    color: #007cbb;
}
.btngrayline {
    display: inline-block;
    margin: 0px 15px 0px 15px;
    height: 1px;
    background-color: #d8d8d8;
    vertical-align: middle;
}
.btngrayline.l1 {
    width: 135px;
}
.btngrayline.l2 {
    width: 135px;
}
.StyleForm {
    display: inline-block;
    width: 42%;
    float: left;
    padding: 7px 3px 7px 3px;
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #cacaca;
    color: #707070;
    margin: 5px;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
}
.StyleForm > .ArrowLeft, .ArrowRight {
    text-decoration: none;
    color: #3a3a3a;
    font-weight: bold;
    cursor: pointer;
}
.StyleForm > .ArrowLeft {
    float: left;
}
.StyleForm > .ArrowRight {
    float: right;
}
.timeline-item-section > .Name{
  display: inline-block;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  border: 1px solid #dee2e6;
margin-bottom: 6px;
border-radius: 6px;
}
.AuthError{
  position: absolute;
    width: 300px;
    min-height: 40px;
    height: auto;
    background: #e27d7e;
    color: #fff;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: none;
    border-radius: 6px;
}
.card-header{
  font-family: nunito;
    font-weight: bold;
}
.list-group-item{
  font-family: nunito;
    font-weight: bold;
}
.nav-tabs .nav-item{
  margin-bottom: 0;
}
.nav-tabs .nav-link:hover{
  border-color: #f7f7f7;
}
.nav-tabs .nav-link.active:hover{
  border-color: #dee2e6;
}
.Registration > .Inputs > form > .Step > label{
  display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    color: #5e5e5e;
}
.Registration > .Inputs > form > .Step > input{
    width: 350px;
    margin-bottom: 5px;
    display: block;
    font-weight: bold;
    background: #fff;
    border: 1px solid #cacaca;
    border-radius: 2px;
    padding: 6px 10px;
    color: #707070;
}
.Registration > .Inputs > form > .Step > .Sub{
   margin-left: 5px;
    margin-bottom: 10px;
    color: #737373;
    font-size: 11px;
 }
.Registration > .Inputs > form > .Step > .Gender{
    border: 1px solid #868686;
    border-radius: 5px;
    height: 30px;
    margin-bottom: 5px;
    width: 200px;
    text-align: center;
    position: relative;
}
.Registration > .Inputs > form > .Step > .Gender > #GenderDiv{
  text-decoration: none;
    color: #4b4b4b;
    text-align: center;
    padding-top: 5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.Registration > .Inputs > form > .Step > .Gender > .Arrow{
  font-family: 'HaginCapsMedium';
      text-decoration: none;
      color: #4b4b4b;
      display: inline-block;
      text-align: center;
      padding-top: 5px;
      width: 50px;
      position: absolute;
}
.Registration > .Inputs > form > .Step > .Gender > .Arrow.Left{
  left: -10px;
}
.Registration > .Inputs > form > .Step > .Gender > .Arrow.Right{
  right: -10px;
}
.Registration > .Inputs > form > .divReady{
  margin-top: 10px;
    display: flow-root;
    text-align: center;
}
.Registration > .Inputs > .Thx{
  text-align: center;
    height: 100px;
    font-size: 18px;
    font-family: nunito;
}
.Registration > .Inputs > .Thx > div{
  font-weight: bold;
}
small > img{
    display: none;
}
@media only screen and (max-width: 995px) and (min-width: 320px) {
  .loginMain{
    display: block;
  }
.Registration > .Inputs > form > .divReady > .btngrayline{
  display: none;
}
}