html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%}a:active,a:hover{outline:0}button,input{color:inherit;font:inherit;margin:0}button{overflow:visible}button{text-transform:none}button{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;background-color:#fff}button,input{font-family:inherit;font-size:inherit;line-height:inherit}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a,b,body,div,form,h2,html,iframe,img,li,p,span,ul{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}ul{list-style:none}*{outline:0}body{width:100%;min-width:320px;-webkit-transition:.1s;transition:.1s;padding:20px 0 26px;height:100%}.body{width:1368px;margin:0 auto;height:100%}img{display:block}.about{width:276px;display:inline-block;vertical-align:top;background:rgba(0,0,0,.8);border-radius:10px;position:relative;padding:40px 0 0;height:100%}.about__avatar img{margin:0 auto;border-radius:5px;max-width:180px}.about__name{margin:20px 0 0;text-align:center}.about__name p{font:24px/28px Arial-Bold,sans-serif;color:#fff}.about__info{margin:20px 30px 0 0}.about__info>ul>li{height:72px;position:relative;font:16px/21px Arial-Bold,sans-serif;color:#fff}.about__info>ul>li>p{padding:15px 0 0 64px}.about__info>ul>li:nth-child(1){background:url(images/0.png)no-repeat 31px 15px}.about__info>ul>li:nth-child(2){background:url(images/1.png)no-repeat 31px 25px}.about__info>ul>li:nth-child(2) p{padding:27px 0 0 64px}.about__info>ul>li:nth-child(3){background:url(images/2.png)no-repeat 32px 15px}.about__info>ul>li:after{content:"";position:absolute;top:0;left:0;width:5px;height:100%}.about__info>ul>li:nth-child(1):after{border-radius:36px 36px 0 0;background:#5f73cd}.about__info>ul>li:nth-child(2):after{background:#ee8208}.about__info>ul>li:nth-child(3):after{background:#c76d4b}.about__footer{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.8);padding:20px 0 30px;text-align:center;border-radius:0 0 10px 10px}.about__footer p{font:14px/21px Arial-Bold,sans-serif;color:#fff}.about__footer p span{display:block}.content{width:1018px;display:inline-block;vertical-align:top;margin-left:30px;border-radius:10px 0 0 10px;height:100%;overflow-y:scroll;background:url(images/3.png)center no-repeat;background-size:cover}.content::-webkit-scrollbar{width:3px;height:3px;transition:.5s}.content::-webkit-scrollbar:hover{width:10px!important}.content::-webkit-scrollbar-button{background-color:rgba(0,0,0,.8)}.content::-webkit-scrollbar-track{background-color:rgba(0,0,0,.8)}.content::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.8)}.content::-webkit-scrollbar-thumb{height:50px;background-color:#3498db;border-radius:15px;cursor:pointer}.content::-webkit-scrollbar-thumb:hover{background-color:#54a22c}.content::-webkit-scrollbar-corner{background-color:none}.content::-webkit-resizer{background-color:none}.header{background:rgba(0,0,0,.8)url(images/4.png)no-repeat center 8px;position:sticky;top:0;left:0;width:100%;z-index:3;background-size:55px;border-bottom:1px solid #222}.header__name{display:inline-block;vertical-align:top;margin:20px 0 20px 40px}.header__avatar{display:inline-block;vertical-align:top;width:46px}.header__avatar img{max-width:100%}.header__desc{display:inline-block;vertical-align:top;margin:3px 0 0 20px}.header__desc p{font:14px/18px Arial,sans-serif;color:#fff}.header__desc p span{font:18px/21px Arial-Bold,sans-serif;color:#fff}.header__online{display:inline-block;vertical-align:top;float:right;margin:35px 40px 15px 0}.header__online p{font:14px/18px Arial,sans-serif;color:#fff;position:relative}.header__online p:before{content:"";position:absolute;top:3px;left:-16px;width:11px;height:11px;border-radius:6px;background:#54a22c}.chat{padding:20px 0 20px}.chat__time{width:97px;margin:0 auto;background:#54a22c;border-radius:20px;padding:7px 0;text-align:center;margin-top:15px}.chat__time p{font:14px/18px Arial,sans-serif;color:#fff}@media (max-width:1390px){.body{width:1180px}.content{width:800px}}@media (max-height:840px){.about{padding:30px 0 0}}@media (max-height:680px){.about__info>ul>li:nth-child(3){display:none}}@media (max-height:615px){.about__info>ul>li:nth-child(2){display:none}}@media (max-height:540px){.about__info>ul{display:none}}@media (max-width:1001px){.body{width:750px}.about{display:none}.content{width:100%;margin-left:0}}@media (max-width:801px){.body{width:580px}.about{display:none}.content{width:580px;display:block;margin:0}}@media (max-width:601px){.dec{display:none!important}html{height:100%}body{background:0 0;border-top:0;padding:0;height:100%}.body{width:100%;position:relative;height:100%;padding:0 0 0}.main__title p{font:18px/27px Arial-Bold,sans-serif;color:#fff}.main__name{background:#ee8208;border-radius:5px;text-align:center;padding:4px 0 4px}.main__name p{font:30px/45px Arial-Bold,sans-serif;color:#fff}.header__desc{margin:3px 0 0 15px}.chat{background:0 0;margin:6px 0 0}.chat::-webkit-scrollbar{width:5px}}.main-desc__img{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:1;background:url(images/5.jpg)no-repeat center;background-size:cover}.main-desc{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;transition:all 1.5s linear}.main-desc__body{width:300px;margin:-44px auto 0;position:relative;z-index:2;padding:0;top:50%}.main__title{width:200px;margin:0 auto;background:#54a22c;border-radius:5px 5px 0 0;text-align:center;padding:4px 0 4px}.main__title p{font:18px/27px Arial-Bold,sans-serif;color:#fff}.main__name p{font:30px/45px Arial-Bold,sans-serif;color:#fff}.main__name{background:#3498db;border-radius:5px;text-align:center;padding:4px 0 4px}.body{transition:transform 1s linear}.b-show{display:block;animation:showBlock 1s linear forwards}@keyframes showBlock{0%{opacity:1}100%{opacity:0}}body,html{overflow:hidden}body{background:url(images/6.jpg)center no-repeat;background-size:cover;border-top:none}body,html{overflow-y:auto}.content{position:relative}.container-circle{width:20px;min-width:20px;min-height:20px;height:20px;background:0 0;border:2px solid #54a22c;border-radius:100%;display:flex;justify-content:center;align-items:center}.scroll-me{position:fixed;right:40px;bottom:20%;width:40px;justify-content:center;align-items:center;height:40px;min-width:40px;min-height:40px;background:#fff;cursor:pointer;z-index:100;border-radius:10px 0 0 10px;border:1px solid #eee;box-shadow:0 0 5px rgba(0,0,0,.5)}.scroll-me,.scroll-me:active,.scroll-me:focus{outline:0}.button-circle{border:solid #54a22c;border-width:0 2px 2px 0;display:inline-block;padding:2px}.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.hide{display:none!important}.inp{text-align:center;position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#3498db;width:25px;display:block;color:#fff!important;border-radius:20px;border:none;padding:1px 0;font-size:12px}@media (max-width:1400px){.scroll-me{right:70px}}@media (max-width:991px){body{border-top:none!important}.scroll-me{position:fixed;right:0;bottom:100px}body,html{overflow-x:hidden}}@media (max-width:601px){.header__name{margin:0}.header__online{margin:0;margin-top:15px}}.chat-content-list{margin:20px 40px 0;font:16px/24px Arial,sans-serif;color:#fff}.chat-content-desc-item{max-width:629px;display:table;background:rgba(0,0,0,0.88);border-radius:5px 20px 20px 20px;padding:20px;margin-bottom:10px}.chat-content-buttons-gender{background:rgba(0,0,0,0.88);border-radius:20px 5px 20px 20px;display:table;padding:20px 20px 17px;margin-left:auto;margin-right:0;margin-bottom:20px;max-width:700px}.chat-content-buttons-gender-block{width:auto;display:inline-block;vertical-align:top;margin-right:10px;margin-top:5px;margin-bottom:5px;background:#3498db;border-radius:5px;cursor:pointer;-webkit-transition:.5s;transition:.5s;color:#fff}.chat-content-buttons-gender-block span{display:block;padding:12px 15px}.chat-content-buttons-gender-block:last-child{margin-right:0}.message-time{width:40px;display:inline-block;vertical-align:top;margin:4px 0 0}.text{max-width:539px;display:inline-block;vertical-align:top;margin:0 0 0 10px}.message-time{font:14px/18px Arial,sans-serif;color:rgba(255,255,255,.5)}
#form {
    display: none;
}

#form.show {
    display: block;
}@media (max-width:1200px){.content{margin:auto;display:block}.about{display:none}}@media (max-width:991px){.header{background-size:50px}.header__online{margin:25px 40px 0 0}.header__name{margin:10px 0 10px 40px}.chat__time{margin-top:0}}@media (max-width:600px){.content{width:100%;z-index:2;height:100%;position:relative;border-radius:0}.header{width:100%;margin:0 auto;padding:5px 0 5px;background:rgba(0,0,0,.8)}.chat-content-list{margin:10px 20px 0;color:#fff}.header__body{width:100%;margin:0 auto;display:flex;justify-content:space-around;align-items:center}.header__name{margin:10px 0 10px 0}.header__online{margin:0}.message-time{width:40px}.chat-content-desc-item{padding:20px 15px;margin-bottom:10px}.text{max-width:280px;margin:0 0 0 7px}.chat-content-buttons-gender{border-radius:20px 5px 20px 20px;display:flex;flex-wrap:wrap;justify-content:flex-end;padding:10px 10px 12px;margin-bottom:10px;max-width:80%}.chat-content-buttons-gender-block{margin-right:0;margin-left:10px}}@media (max-width:400px){.text{max-width:250px;margin:0 0 0 7px}.chat-content-list{margin:10px 15px 0}}@media (max-width:360px){.text{max-width:240px;margin:0 0 0 7px}}@media (max-width:320px){.text{max-width:210px;margin:0 0 0 7px}.header__desc{margin:3px 0 0 7px}}button{border:0 solid #000;background-color:inherit}@-webkit-keyframes shine{0%{left:-140px}100%{left:760px}}@keyframes shine{0%{left:-140px}100%{left:760px}}input{text-indent:7px}#order button{-moz-border-radius:21px;-ms-border-radius:21px;-o-border-radius:21px;border-radius:21px;text-align:center;text-transform:none;background-color:#54a22c;color:#fff;transition:opacity .2s ease-out;border:none;font-size:32px;font-weight:700;padding:20px 0;width:90%;outline:0;cursor:pointer}.orderForm{padding-bottom:25px}@media (max-width:767px){#order button{font-size:21px}}.order_block img{width:100%;margin:0 auto}