.Header{
	width: 100%;
 	background-color: #1e2126;
}
.info_desp{
	display: block;
}
#btn-ini{
	display: none;
}
.Header .lb_ini{
    display: block;
	width: 40px;
	height: 40px;
	padding: 2px;	
    border-right: 1px solid #fff;
}
.Header .lb_ini:hover{
    cursor: pointer;
    background: #323438;
}
.Header .lb_ini img{
	width: 100%;
}
.info_desp .inf_left{
    z-index: 1;
    width: 40%;
    margin-left: -40%;
    list-style: none;
    padding: 0;
    position: absolute;
    background-color: #1e2126;
    transition: 800ms;
}
.info_desp .inf_left > li{
    cursor: pointer;
    display: block;
    width: 98%;
    padding: 5px;
    border-bottom: 1px solid #fff;
}
.info_desp .inf_left > li:hover{
    background-color: #323438;
}

.info_desp .inf_left > li > i, .info_desp .inf_left > li > p{
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
}
.info_desp .inf_right{
    width:70%;
    display: block;
    margin: 0 auto;
}
.info_desp .inf_right li{
    display: inline-block;
    padding: 10px 20px;
}
.info_desp .inf_right li i{
    color: #fff;
    display: inline-block;
    transition: 800ms;
}
.info_desp .inf_right li i:hover{
    color: yellow;
    display: inline-block;
    transition: 800ms;
}
#btn-ini:checked ~ .info_desp .inf_left{
    display: inherit;
    margin: 0%;
    transition: 800ms;
}
/*--------------------------------------------------------------------*/
.new_flags{
    width: 60%;
    display: block;
    margin: 0 auto;
}
.new_flags li {
    width: 30%;
    display: inline-block;
    padding: 5px 15px;
}
.inf_left .new_flags li img{
    width: 100%;
    height:30px;
}
.li_ini_flags{
    margin: 0;
    padding: 0;
}
.flag_selected{
  background-color: #15161A;
}

.inf_left .new_flags .li_flags:hover {
    background-color: #15161A;
}
.info_desp .inf_left .li_ini_flags:hover{
    background-color: #1e2126;
}
@media(max-width: 1038px){
    .info_desp .inf_left{
    z-index: 1;
    width: 50%;
    margin-left: -50%;
    list-style: none;
    padding: 0;
    position: absolute;
    background-color: #1e2126;
    transition: 800ms;
}
    .info_desp .inf_right{
    width:60%;
    display: block;
    margin: 0 auto;
}
}
@media(max-width: 970px){
    .info_desp .inf_left{
    z-index: 1;
    width: 60%;
    margin-left: -60%;
    list-style: none;
    padding: 0;
    position: absolute;
    background-color: #1e2126;
    transition: 800ms;
}
    .info_desp .inf_right{
    width:60%;
    display: block;
    margin: 0 auto;
}
}
@media(max-width: 812px){
    .info_desp .inf_left{
    z-index: 1;
    width: 60%;
    margin-left: -60%;
    list-style: none;
    padding: 0;
    position: absolute;
    background-color: #1e2126;
    transition: 800ms;
}
    .info_desp .inf_right{
    width:70%;
    display: block;
    margin: 0 auto;
}
}
@media(max-width: 696px){
    .info_desp .inf_left{
    z-index: 1;
    width: 70%;
    margin-left: -70%;
    list-style: none;
    padding: 0;
    position: absolute;
    background-color: #1e2126;
    transition: 800ms;
}
    .info_desp .inf_right{
    width:80%;
    display: block;
    margin: 0 auto;
}
    .new_flags{
    width: 60%;
    display: block;
    margin: 0 auto;
}
}
@media(max-width: 526px){
    .info_desp .inf_left{
    z-index: 1;
    width: 80%;
    margin-left: -80%;
    list-style: none;
    padding: 0;
    position: absolute;
    background-color: #1e2126;
    transition: 800ms;
}
    .info_desp .inf_right{
    width:80%;
    display: block;
    margin: 0 auto;
}
    .new_flags{
    width: 75%;
    display: block;
    margin: 0 auto;
}
}
@media(max-width: 456px){
    .info_desp .inf_left{
    z-index: 1;
    width: 100%;
    margin-left: -100%;
    list-style: none;
    padding: 0;
    position: absolute;
    background-color: #1e2126;
    transition: 800ms;
}
    .info_desp .inf_right{
    width:70%;
    display: block;
    margin: 0 auto;
}
}
@media(max-width: 418px){
   
    .info_desp .inf_right{
    width:80%;
    display: block;
    margin: 0 auto;
}
}
@media(max-width: 366px){
   
    .info_desp .inf_right{
    width:95%;
    display: block;
    margin: 0 auto;
}
}