@font-face {
	font-family: PFDinDisplayPro;
	src:  url('fonts/PFDinDisplayPro-Bold.ttf')  format('truetype');	
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: PFDinDisplayPro;
	src:  url('fonts/PFDinDisplayPro-Regular.ttf')  format('truetype');	
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: PFDinDisplayPro;
	src:  url('fonts/PFDinDisplayPro-Light.ttf')  format('truetype');	
	font-weight: 500;
	font-style: normal;
}

html { overflow: hidden; } /*Убирает скролл*/
div { height:  500px; }


* {
	position: absolute;

    margin: 0px;
    padding: 0px;

  /* Opera 9.6+ */
    background-size: 100%; 
}

body {
    background-image: url(assets/osnova.png);
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left, right;
    background-repeat: repeat-y, repeat-y;
   
}

.form {

	width: 1920px;
	height: 4555px;

	background-image: url(assets/osnova.png);
	background-repeat: no-repeat;	
	background-attachment: fixed;

	margin: 0;

    
}

.form .header {

	width: 1920px;
	height: 4555px;

	-webkit-app-region: drag;
}

.form .logo {
    position: absolute;
    left: 405px;
    top: 28px;
    width: 42px;
    height: 44px;
}

.form .Group a{
    display: inline-block;

    font-size: 18.575px;
    font-family: "PFDinDisplayPro";
    position: absolute;
    left: 498px;
    top: 37.855px;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: left;

    line-height: 1;
    text-decoration: none; /* Убираем подчеркивание */

    transition: 0.5s;
}
.form .Group a:after {
    background-color: rgb(255, 148, 12); /* Цвет линии при наведении на нее курсора мыши */
    display: block;
    content: "";
    height: 2px; /* Высота линии */
    width: 0%;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}
.form .Group a:hover:after,
.form .Group a:focus::after{
    width: 100%;
}
.form .Group a:hover {
    color: rgb(255, 148, 12);;
    cursor: pointer;
}

#news{
    left: 613px;
    top: 37.855px;
}
#players{
    position:absolute;
    left: 734.453px;
    top: 37.987px;
    margin: 0px;
    padding: 0px;
    
}
#forums {
    left: 848.431px;
    top: 38.033px;
}

.form .donateBuy{
    font-size: 17.313px;
    font-family: "PFDinDisplayPro";
    color: white;

    background-color: #343336;
    position: absolute;
    left: 1260px;
    top: 20px;
    width: 255px;
    height: 60px;

    outline: none;
	border: none;

	transition: all .5s;
}
.form .donateBuy:hover {	
    cursor: pointer;
	border-radius: 25px;
}

#discord{ 
    position: absolute;
    left: 0px;
    top: 330px;
    width: 80px;
    height: 80px;

    cursor: pointer;
}
#vk{
    position: absolute;
    left: 0px;
    top: 410px;
    width: 80px;
    height: 80px;

    cursor: pointer;
}
#twitter{
    position: absolute;
    left: 0px;
    top: 490px;
    width: 80px;
    height: 80px;

    cursor: pointer;
}
#youtube {
    left: 0px;
    top: 570px;
    width: 80px;
    height: 80px;

    cursor: pointer;
}


.form .banner-text {
    font-size: 42px;
    font-family: "PF DinDisplay Pro";
    color: rgb(255, 255, 255);
    line-height: 1.143;
    position: absolute;
    left: 403.17px;
    top: 340.56px;
    z-index: 139;
}
.form .banner-text h1 {
    position: relative;
    bottom: 5px;
}
.form .banner-text h4 {
    position: relative;
    bottom: 5px;

    font-size: 18px;
    font-family: "PFDinDisplayPro";
    color: rgb(171, 171, 171);
    line-height: 1.333;
    text-align: left;
    position: absolute;
    left: 1.374px;
    top: 100.935px;
    width: 482.704px;
    height: 40.875px;
}
.form .onlineserver h4{
    position: relative;
    bottom: 5px;

    font-size: 18.575px;
    font-family: "PFDinDisplayPro";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: left;

    left: 710px;
    top: 574.095px;
    z-index: 132;
}
.form .onlineserver h2 {
    position: relative;
    bottom: 5px;

    font-family: "PF DinDisplay Pro";
    color: rgb(255, 255, 255);

    left: 710px;
    top: 560px;
}
  

.form .banner-text .PLAY {
    font-size: 17.313px;
    font-family: "PFDinDisplayPro";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;


    background-color: rgb(255, 148, 12);
    position: absolute;
    left: 5px;
    top: 245px;
    width: 255px;
    height: 60px;
    z-index: 134;

    border: 0px;
    outline: 0px;
}
.form .banner-text .PLAY:before {
    font-family: FontAwesome;
	content:"\f04b";
	position: absolute;
	top: 18px;
	left: 60px;
	transition: all 500ms ease;
}
.form .banner-text .PLAY:hover:before {
    left: 50px;
}

.form .person {
    position: absolute;

    left: 883px;
    top: 95px;
    width: 493px;
    height: 885px;
    z-index: 122;
}
.form .person { animation: show 5s;
}
@keyframes show {
    from {opacity: 0;} to {opacity: 1;}
}

.form .video h4 {
    font-size: 18px;
    position: relative;
    bottom: 5px;
    font-family: "PFDinDisplayPro";
    color: rgb(255, 255, 255);
    left: 411.338px;
    top: 777.357px;
    z-index: 128;
}


.form .video #video {
    position: absolute;
    left: 559px;
    top: 720px;
    width: 76px;
    height: 75px;
    z-index: 127;

    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}
.form .video #video:hover {
    cursor: pointer;

    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}