body{
 border:0px;
 margin: 0px;
 padding: 0px;
 height: 100%;
}
html{
 height: 100%;
}
.container-404{
  height: 100%;
  width:100%;
}
.notfound {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 height: 100%;
}
.notfound .left-block{
  background: #363636;
  width: 40%;
  height: 100vh;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
   justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.notfound .left-block h1{
  color: #fff;
  font-size: 60px;
  text-transform: uppercase;
  font-family: 'Avenir Heavy', Verdana, Arial, sans-serif;	
}
.notfound .left-block .logo{
  width:150px;
  position: absolute;
  bottom: 10px;
}
.notfound .left-block .logo img{
  width:100%;
}
.notfound .right-block{
    width: calc(100% - 370px);
    background-image: url(../images/report/errorbg.png);
    background-repeat: no-repeat;
    background-size: 66%;
    padding: 0px 80px;
    background-position: 70px 0;
}
.right-block {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.right-block  .inner-block{
    width: 50%;
    padding-top: 45px;
}
.right-block h1{
    color: #000;
    font-size: 180px;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Avenir Heavy', Verdana, Arial, sans-serif;
    font-weight: bold;
}
.right-block h2{
    color: #000;
    font-size: 37px;
    text-transform: uppercase;
    font-family: 'Avenir Heavy', Verdana, Arial, sans-serif;
    font-weight: bold;
    margin: 0;
}
.right-block p{
    color: #000;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Avenir Heavy', Verdana, Arial, sans-serif;
    line-height: 26px;
    margin: 30px 0px;
}
.right-block a.link{
  width:50%;
  display: block;
}
.right-block a.link img{
  width:100%;
}
@media(max-width:991px){
  .right-block .inner-block{
    width:100%;
	padding-top: 150px;
  }
}
@media(max-width:767px){
   .right-block  .inner-block{
		width:100%;
	}
   .notfound .left-block .logo {
      bottom: 10px;
      top: 0;
      margin: auto;
      height: 70px;
    }   
	.notfound{
	  flex-direction: row;
      flex-wrap: wrap;
      height: 100%;
	}
	.notfound .left-block{
	   width: 100%;
	   height: 200px;
	}
	.notfound .left-block h1{
	  display: none;
	}
	.notfound .right-block{
	  width: calc(100% - 30px);
 	  padding: 0 15px;
      text-align: center;
	  height: calc(100% - 200px);
	}
	.right-block a.link{
	   margin: 0px auto;
	}
}
@media(max-width:640px){
	.right-block p{
	  font-size: 16px;
	}
	.right-block h2{
 	  font-size: 18px;	
	}
	.right-block h1{
	 font-size: 50px;
	}
}
@media screen and(min-width:1400px) and(max-width:1920px){
	.notfound .left-block{
	  width:40%;
	}
	.notfound .left-block h1{
	  font-size: 90px;
	}
	.notfound .left-block .logo{
	  width:190px;
	}
	.notfound .right-block {
      width: calc(100% - 370px);
	  padding: 0px 90px;
      background-position: 70px 0;	
	}
	.right-block .inner-block{
	  padding-top: 74px;
	}
	.right-block h1{
	 font-size: 244px;
	}
	.right-block h2{
	 font-size: 51px;
	}
	.right-block p{
	 font-size: 20px;
	 margin: 59px 0px;
	}
	.right-block a.link {
     width: 47%;
	}
}