.wrap_putj {position: absolute; top: 67px; width: 515px; height: 440px; left: 278px;} /*наполнение, положение*/
#putj_fon {position: relative; width: 820px; height: 537px; background:url(https://forumstatic.ru/files/001a/a8/a7/25959.png);}
.baza_putj {position: absolute; top: 199px; left: 230px; width: 50px; height: 135px;}
.buttblin {display: inline-block; width: 45px; height: 45px; border-radius: 30px; cursor: pointer;}
#starry {background: url(https://forumstatic.ru/files/001a/a8/a7/55760.png);}
#workhard {background: url(https://forumstatic.ru/files/001a/a8/a7/77293.png);}
#omgyou {background:url(https://forumstatic.ru/files/001a/a8/a7/22403.png)!important;}
#butt_starry {margin-left: -7px;}
#butt_workhard {margin-left: -7px; margin-top: -2px;}
#butt_omgyou {margin-left: -7px; margin-top: -3px;}
/*кнопки с информацией*/
#myOverlay {z-index: 37; position: absolute; background-color: rgba(0,0,0,.7); width: 100%; height: 100%; top: 0; left: 0; cursor :pointer; display :none;}
#myfoncik {z-index: 37; position: absolute; background-color: rgba(0,0,0,.7); width: 100%; height: 100%; top: 0; left: 0; cursor :pointer; display :none;}

#myModal {width: 484px; height: 379px; margin: 0 auto; padding: 18px 9px; background: #fafafa; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none; opacity: 0; z-index: 38; text-align: center; background: linear-gradient(15deg, #f5f0e9, #cd9d5a); border: 1px solid #f3ede4; outline: 1px solid #d3a96f; box-shadow: inset 0px 0px 20px #cd9d5a; overflow:auto;}
#myModal #myModal__close {width: 21px; height: 21px; position: absolute; top: -13px; right: 4px; cursor: pointer; display: block; font-size: 29px; color: #f5efe7;}

#myuniversity {width: 484px; height: 379px; margin: 0 auto; padding: 18px 9px; background: #fafafa; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none;    opacity: 0; z-index: 38; text-align: center; background: linear-gradient(15deg, #f5f0e9, #cd9d5a); border: 1px solid #f3ede4; outline: 1px solid #d3a96f; box-shadow: inset 0px 0px 20px #cd9d5a;overflow:auto;}
#myuniversity #myuniversity__close {width: 21px; height: 21px; position: absolute; top: -13px; right: 4px; cursor: pointer; display: block; font-size: 29px; color: #f5efe7;}

#mysalary {width: 484px; height: 379px; margin: 0 auto; padding: 18px 9px; background: #fafafa; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none;    opacity: 0; z-index: 38; text-align: center; background: linear-gradient(15deg, #f5f0e9, #cd9d5a); border: 1px solid #f3ede4; outline: 1px solid #d3a96f; box-shadow: inset 0px 0px 20px #cd9d5a;overflow:auto;}
#mysalary #mysalary__close {width: 21px; height: 21px; position: absolute; top: -13px; right: 4px; cursor: pointer; display: block; font-size: 29px; color: #f5efe7;}

#myloss {width: 484px; height: 379px; margin: 0 auto; padding: 18px 9px; background: #fafafa; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none;    opacity: 0; z-index: 38; text-align: center; background: linear-gradient(15deg, #f5f0e9, #cd9d5a); border: 1px solid #f3ede4; outline: 1px solid #d3a96f; box-shadow: inset 0px 0px 20px #cd9d5a;overflow:auto;}
#myloss #myloss__close {width: 21px; height: 21px; position: absolute; top: -13px; right: 4px; cursor: pointer; display: block; font-size: 29px; color: #f5efe7;}

#myplaces {width: 484px; height: 379px; margin: 0 auto; padding: 18px 9px; background: #fafafa; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none;    opacity: 0; z-index: 38; text-align: center; background: linear-gradient(15deg, #f5f0e9, #cd9d5a); border: 1px solid #f3ede4; outline: 1px solid #d3a96f; box-shadow: inset 0px 0px 20px #cd9d5a;overflow:auto;}
#myplaces #myplaces__close {width: 21px; height: 21px; position: absolute; top: -13px; right: 4px; cursor: pointer; display: block; font-size: 29px; color: #f5efe7;}

#mystar {width: 484px; height: 379px; margin: 0 auto; padding: 18px 9px; background: #fafafa; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none;    opacity: 0; z-index: 38; text-align: center; background: linear-gradient(15deg, #f5f0e9, #cd9d5a); border: 1px solid #f3ede4; outline: 1px solid #d3a96f; box-shadow: inset 0px 0px 20px #cd9d5a;overflow:auto;}
#mystar #mystar__close {width: 21px; height: 21px; position: absolute; top: -13px; right: 4px; cursor: pointer; display: block; font-size: 29px; color: #f5efe7;}

#mypolice {width: 484px; height: 379px; margin: 0 auto; padding: 18px 9px; background: #fafafa; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none;    opacity: 0; z-index: 38; text-align: center; background: linear-gradient(15deg, #f5f0e9, #cd9d5a); border: 1px solid #f3ede4; outline: 1px solid #d3a96f; box-shadow: inset 0px 0px 20px #cd9d5a;overflow:auto;}
#mypolice #mypolice__close {width: 21px; height: 21px; position: absolute; top: -13px; right: 4px; cursor: pointer; display: block; font-size: 29px; color: #f5efe7;}

#mymed {width: 484px; height: 379px; margin: 0 auto; padding: 18px 9px; background: #fafafa; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none;    opacity: 0; z-index: 38; text-align: center; background: linear-gradient(15deg, #f5f0e9, #cd9d5a); border: 1px solid #f3ede4; outline: 1px solid #d3a96f; box-shadow: inset 0px 0px 20px #cd9d5a;overflow:auto;}
#mymed #mymed__close {width: 21px; height: 21px; position: absolute; top: -13px; right: 4px; cursor: pointer; display: block; font-size: 29px; color: #f5efe7;}

#mynasa {width: 484px; height: 379px; margin: 0 auto; padding: 18px 9px; background: #fafafa; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none;    opacity: 0; z-index: 38; text-align: center; background: linear-gradient(15deg, #f5f0e9, #cd9d5a); border: 1px solid #f3ede4; outline: 1px solid #d3a96f; box-shadow: inset 0px 0px 20px #cd9d5a;overflow:auto;}
#mynasa #mynasa__close {width: 21px; height: 21px; position: absolute; top: -13px; right: 4px; cursor: pointer; display: block; font-size: 29px; color: #f5efe7;}

#mycrime {width: 484px; height: 379px; margin: 0 auto; padding: 18px 9px; background: #fafafa; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none;    opacity: 0; z-index: 38; text-align: center; background: linear-gradient(15deg, #f5f0e9, #cd9d5a); border: 1px solid #f3ede4; outline: 1px solid #d3a96f; box-shadow: inset 0px 0px 20px #cd9d5a;overflow:auto;}
#mycrime #mycrime__close {width: 21px; height: 21px; position: absolute; top: -13px; right: 4px; cursor: pointer; display: block; font-size: 29px; color: #f5efe7;}

#myfire {width: 484px; height: 379px; margin: 0 auto; padding: 18px 9px; background: #fafafa; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: none;    opacity: 0; z-index: 38; text-align: center; background: linear-gradient(15deg, #f5f0e9, #cd9d5a); border: 1px solid #f3ede4; outline: 1px solid #d3a96f; box-shadow: inset 0px 0px 20px #cd9d5a;overflow:auto;}
#myfire #myfire__close {width: 21px; height: 21px; position: absolute; top: -13px; right: 4px; cursor: pointer; display: block; font-size: 29px; color: #f5efe7;}

.ams {margin-top: 99px!important;
    margin-left: 1px!important;
    width: 497px;
    text-align: left;
    height: 300px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;}

.ams img {margin-left:2px!important;}


/*** путеводитель ***/
.prof {font-family: pt sans; font-weight: bold; text-transform: uppercase; font-size: 13px; color: white; text-shadow: 1px 1px 0px #c08c4f;}
.prof1 {font-family: pt sans;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #b08d5d;
    font-size: 10px;
    background: #d3a96f;}

[class*=" imghvr-"] figcaption, [class^=imghvr-] figcaption {
    background-color: #674c54;
    padding: 5px!important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    overflow: auto;
background: linear-gradient(117deg, #70545b, #cbbabe);
    text-align: justify;
    color: #fff;
    font-size: 11px;
    font-family: pt sans;
    text-shadow: 1px 1px 0px #62464d;
    border: 1px solid #d3c4c8;
    outline: 1px solid #72555c;
}

.losspt {text-align: left;
    background: linear-gradient(117deg, #cea05f, #e7cea9);
    color: #fff;
    font-size: 11px;
    text-shadow: 1px 1px 0px #d0ab79;
    padding: 5px;
    font-family: pt sans;}

.katpt {font-size: 15px;
    font-family: bebas neue;
    color: #f6f2ec;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #ca9956;
    padding: 4px;}


.quotept {text-align: justify;
    margin-bottom: 3px;
    background: linear-gradient(45deg, #e4c8a0, #d6b57b);
    border-radius: 0px;
    outline: 1px solid #bb8340;
    box-shadow: 0px 0px 6px #be8648 inset;
    width: 456px;
    padding: 5px;
    margin-left: 7px;
    border: 1px solid #e4c9a1;
    font-family: pt sans;
    color: #ffffff;
    font-size: 10px;
    text-shadow: 1px 1px 0px #bc8447;}

.ohhhmy {
    color: #fff;
    letter-spacing: 1px;
    background-image: linear-gradient(to right, #a8717c 0%, #d2b6bd 51%, #a9747f 100%);
    border: 1px solid #a9747f;
    box-shadow: 0px 0px 1px 1px #f6f2ec6e inset;
    text-shadow: 1px 1px 1px #754852;
    padding: 3px 0px 2px 0px;
    font-family: coresans;
    text-transform: uppercase;
    text-align: center;
    margin-top: 4px !important;
    margin-bottom: 4px !important;}

.mmm {text-align: justify; width: 192px; padding: 5px; font-family: coresans; color: #ffffff; font-size: 11px; position: absolute;    margin-top: 280px!important; margin-left: 27px!important; text-shadow: 1px 1px 0px #c08838;}

#myModal p {background: #cea05f; margin-bottom: 7px; padding: 5px; font-family: pt sans; font-weight: bold; text-transform: uppercase; color: #f6f2ec; font-size: 14px; text-shadow: #b08d5d 1px 1px 0px;   box-shadow: inset 0px 0px 10px #dbb98b; margin-top: -11px;}

#myuniversity p {background: #cea05f; margin-bottom: 7px; padding: 5px; font-family: pt sans; font-weight: bold; text-transform: uppercase; color: #f6f2ec; font-size: 14px; text-shadow: #b08d5d 1px 1px 0px;   box-shadow: inset 0px 0px 10px #dbb98b; margin-top: -11px;}

#mysalary p {background: #cea05f; margin-bottom: 7px; padding: 5px; font-family: pt sans; font-weight: bold; text-transform: uppercase; color: #f6f2ec; font-size: 14px; text-shadow: #b08d5d 1px 1px 0px;   box-shadow: inset 0px 0px 10px #dbb98b; margin-top: -11px;}

#myloss p {background: #cea05f; margin-bottom: 7px; padding: 5px; font-family: pt sans; font-weight: bold; text-transform: uppercase; color: #f6f2ec; font-size: 14px; text-shadow: #b08d5d 1px 1px 0px;   box-shadow: inset 0px 0px 10px #dbb98b; margin-top: -11px;}

#myplaces p {background: #cea05f; margin-bottom: 7px; padding: 5px; font-family: pt sans; font-weight: bold; text-transform: uppercase; color: #f6f2ec; font-size: 14px; text-shadow: #b08d5d 1px 1px 0px;   box-shadow: inset 0px 0px 10px #dbb98b; margin-top: -11px;}

#mystar p {background: #cea05f; margin-bottom: 7px; padding: 5px; font-family: pt sans; font-weight: bold; text-transform: uppercase; color: #f6f2ec; font-size: 14px; text-shadow: #b08d5d 1px 1px 0px;   box-shadow: inset 0px 0px 10px #dbb98b; margin-top: -11px;}

#mypolice p {background: #cea05f; margin-bottom: 7px; padding: 5px; font-family: pt sans; font-weight: bold; text-transform: uppercase; color: #f6f2ec; font-size: 14px; text-shadow: #b08d5d 1px 1px 0px;   box-shadow: inset 0px 0px 10px #dbb98b; margin-top: -11px;}

#mymed p {background: #cea05f; margin-bottom: 7px; padding: 5px; font-family: pt sans; font-weight: bold; text-transform: uppercase; color: #f6f2ec; font-size: 14px; text-shadow: #b08d5d 1px 1px 0px;   box-shadow: inset 0px 0px 10px #dbb98b; margin-top: -11px;}

#myfire p, #mynasa p, #mycrime p {background: #cea05f; margin-bottom: 7px; padding: 5px; font-family: pt sans; font-weight: bold; text-transform: uppercase; color: #f6f2ec; font-size: 14px; text-shadow: #b08d5d 1px 1px 0px;   box-shadow: inset 0px 0px 10px #dbb98b; margin-top: -11px;}