.paper {
    color: #232323; 
    padding: 120px; 
    display: flex; 
    flex-direction: column; 
    width: 734px; 
    height: 918px; 
    background: url('../images/block/paper_bgr-c6000fbf28604a9bb1708bd6ee117b83.png') no-repeat center; 
    align-items: center; 
    justify-content: center;
}
.paper .text {
    padding: 80px;
    background: unset; color: #232323;
    -moz-transform: rotate(1deg); /* Для Firefox */
    -ms-transform: rotate(1deg); /* Для IE */
    -webkit-transform: rotate(1deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(1deg); /* Для Opera */
    transform: rotate(1deg);

}
.paper .qr-box {
    background: unset; color: #232323;
    -moz-transform: rotate(3deg); /* Для Firefox */
    -ms-transform: rotate(3deg); /* Для IE */
    -webkit-transform: rotate(3deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(3deg); /* Для Opera */
    transform: rotate(3deg);
}
.paper .devices img {max-width: 30px;}
.brick {color: #232323; width: 750px; height: 600px; background: url('../images/map_bgr-099e69aacdfbb200f9c8cffee1ddd042.png') no-repeat bottom left, url('../images/brick-fdf08f65dd0dc149bbec30ef111fcbbd.png') no-repeat bottom left; align-items: center; justify-content: center; position: relative; margin-top: -34px; margin-bottom: 20px;}
.brick img {width: auto;}
.brick .text, .brick .btn {position: absolute;}
.brick .text {bottom: 50px; left: 60px; width: 60%;}
.brick .btn {bottom: -120px; right: 220px;}
.brick .btn_map {width: 167px; height: 237px; background: url('../images/btn_map.svg');}
.isbetter  {margin-top:60px;}

#myModalBox .modal-content { background: none; border:none; height: 100%;}
#promocode-show-block, #promocode-closed-block {display: none;}
#myModalBox .modal-dialog {max-width: 700px; height: 100%}

span.promocode {color:#fff;font-weight: bold; text-decoration: underline}

.reviews.adaptive .slide {box-shadow: 0px 1px 4px #ccc; margin: 3px;}
.only-mob {display: none}
a.img-cell {color:#fff}

@media (max-width: 1200px) {
    .brick {background-size: contain; width: 510px; height: 430px; margin-top: -150px;}
    .brick .text {width: 50%; font-size: 14px; bottom: 10px; left: 50px;}
    .brick .btn_map {width: 130px; height: 180px; background-repeat: no-repeat;}
    .brick .btn {right: 120px;}
    .join .brick {margin-bottom: 80px;}
}

@media (max-width: 991px) {
    .brick {width: 425px;}
    .brick .btn {right: 100px;}
    .brick .btn_map {width: 115px;}
}

@media (max-width: 768px) {
    .mob-download-window .download .img-cell { margin:0 auto 10px;}
    .mob-download-window .app-size {margin: auto;}
    .mob-download-window .download .column {padding-bottom: 0;}
    .only-pc {display: none}
    .only-mob {display: block}
    .brick {width: 100%; background-size: contain; background-image: url(../images/adaptive/brick-mob-bg-f87ffcd5f45b18a61320cb2480501efa.png); height: 450px;}
    .brick-cont {width: 100%;}
    .brick .btn_map {width: 120px; height: 160px;}
    .brick .btn {bottom: -70px; right: 65px;}
    .brick .text {bottom: 20px; left: 35px; width: 70%; text-align: left; font-size: 16px;}
    .brick .text p:first-child {margin-bottom: 5px}
    .paper {width: 100%; height: 100%; background-size: contain; padding: 50px 0 0;}
    .modal-content .mob-download-window .download .img-cell, .join.adaptive .download .img-cell, .save.adaptive .download .img-cell {background: none!important; width: 90%!important; border-radius: 25px; border: 1px solid #fff; margin-bottom: 20px; min-height: 50px; display: flex; align-items: center; justify-content: flex-start; padding: 0 10px;}
    .modal-content .mob-download-window .download .img-cell img, .join.adaptive .download .img-cell img, .save.adaptive .download .img-cell img {padding-right: 10px; width: 42px!important;}
    .modal-content .mob-download-window .download .img-cell .text, .join.adaptive .download .img-cell .text, .save.adaptive .download .img-cell .text {width: 100%;}
    .modal-content .mob-download-window .download, .join.adaptive .download, .save.adaptive .download {width: 70%; padding-bottom: 18px; margin: auto;}
    .modal-content .mob-download-window .download .img-cell {border-color: #595959; transform: rotate(1.5deg); color: #595959;}
    .modal-content .paper .text {padding: 0; max-width: 60%;}
    .modal-content .paper .text img {width: 20px;}
    .only-mob.adaptive.mob-download-window {width: 90%;}
}
@media(min-width: 425px) and (max-width: 513px){
  .brick .btn {bottom: -78px; right: 0px;}
}
@media (max-width: 425px) {
    .brick {max-width: 100vw; height: 370px; font-size: 13px; top: 60px;}
    .brick .btn_map {width: 90px; height: 125px;}
    .brick .text {font-size: 14px;}
}

@media (max-width: 375px) {
    .brick {height: 340px;}
    .brick .btn {right: 0px;}
    .brick .btn_map {height: 120px;}
    .brick .text {font-size: 13px; line-height: 18px; bottom: 15px; left: 27px;}
}

@media (max-width: 320px) {
    .brick {width: 100vw; height: 300px;}
    .brick .text {font-size: 12px; bottom: 10px; left: 25px; line-height: 16px;}
    .brick .btn {right: -24px;}
    .brick .btn_map {height: 100px;}
    .paper .text {padding: 60px; font-size: 12px;}
    .modal-content .paper .text {max-width: 70%;}
    .modal-content .mob-download-window .download .img-cell, .join.adaptive .download .img-cell, .save.adaptive .download .img-cell {width: 100%!important; margin-bottom: 10px; min-height: 45px;}
    .modal-content .mob-download-window .download .img-cell img, .join.adaptive .download .img-cell img, .save.adaptive .download .img-cell img {width: 38px!important;}
}
