.section-setting {
float: right;
position: absolute;
top: 3em;
right:4em;
z-index: 200;
border-radius: 4px;
}
@media screen and (max-width: 1024px) {
.section-setting {display: none;}

}
@media screen and (max-width: 768px) {
.section-setting {display: none;}

}
@media screen and (max-width: 640px) {
.section-setting {display: none;}

}

.disable-mouse {
pointer-events: none;
}
.main-title {
color: white;
font-size: 100px;
}
.btn, .tile {
background: url(../imgs/responsive16.png) no-repeat center;
padding: 20px 30px;
cursor:pointer;
}

.btn:hover,
.tile:hover {
opacity: 1;
}


.modal {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
background: #EA006F;
color: white;
z-index: 1;
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: 200ms ease;
}

.modal-close-btn {
display: block;
position: absolute;
top: 0;
right: 0;
background: url(../imgs/close.png) no-repeat center;
width: 32px;
height: 32px;
padding: 32px;
opacity: 0.8;
cursor: pointer;
transition: 0.3s ease;
}
.modal-close-btn:hover {
opacity: 1;
}

.modal.show {
opacity: 0.9;
visibility: visible;
pointer-events: auto;
}

.sidebar {
left: auto;
z-index:1000;
width: 400px;
background: #000;
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0.9;
visibility: visible;
}
.sidebar.show {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.sidebar__block {
border-radius: 5px;
margin-top: 50px;
}
.sidebar__block img {
border-radius: 3px;
margin-bottom: 5px;
opacity: 1;
}
.sidebar__block p {
font-size:12px;
}