#top                    { overflow-x: hidden; max-width: 100vw; }
#wrapper                { width: 100vw; overflow: hidden; position: relative; min-width: auto; }
#window                 { max-width: 100vw; box-sizing: border-box; top: 0 !important; left: 0 !important; transform: none; }
#container              { display: grid; padding: 20px; grid-template-areas: 'main' 'left'; grid-template-columns: 1fr; grid-gap: 0; }
#before                 { position: relative; top: 75px; margin-bottom: 75px; }
#main                   { grid-area: main; }
#left                   { grid-area: left; }

#header                     { z-index: 3000; position: fixed; top: 0; left: 0; width: 100vw; background: #fff; height: 75px; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
#header .logo               { left: calc(50% - 100px); top: -15px; }
#header .inside             { width: auto; background: rgba(210,128,166,0.1); height: 75px; }
#header .mod_logout         { display: none; }
#header .top                { display: none; }
#header .words img          { height: 50px; margin-top: 5px; max-width: 60%; }
#header .nav                { background: rgba(236, 205, 196, 1); position: fixed; top: 0; left: -101vw; width: 100vw; height: 100vh; overflow-y: auto; text-align: left; box-sizing: border-box; }
#header .nav.open           { left: 0; transition: 0.5s ease; z-index: 500; }
#header .nav > ul           { padding: 30px; }
#header .nav li             { display: block; margin-bottom: 1px; }
#header .nav a              { color: #fff; display: block; line-height: 40px; font-size: 20px; }
#header .nav .sign          { display: block; }
#header .mobile_btn         { z-index: 5000; }
#header .mobile_btn:after   { content: '\f0c9'; color: rgba(20,60,96,1); font: 36px 'Font Awesome 5 Pro'; font-weight: 900; position: absolute; top: 17px; left: 20px; z-index: 300; }
#header .mobile_login:after { content: '\f007'; position: absolute; top: 17px; left: 20px; right: auto; }
#header .mobile_login       { display: none; }
#header .menu_close         { position: absolute; top: 0px; right: 20px; left: auto; z-index: 300; }
#header .menu_close:after   { content: '\f00d'; color: #fff; font: 30px 'Font Awesome 5 Pro'; font-weight: 900; }
#header .mobile_close:after { content: '\f057'; color: #fff; font: 30px 'Font Awesome 5 Pro'; font-weight: 900; position: absolute; top: 20px; right: 30px; }
#header .nav .level_2       { display: block; }
#header .nav .level_2 li a  { padding-left: 20px; }
#header .agent_search       { display: none; }
#header .nav .mdo           { display: none; }
#header .social             { display: none; }
#header .nav .level_2       { display: block; }

#payline .win               { padding: 30px; width: 90%; max-width: 90%; }
#payline .item              { grid-template-columns: 1fr; margin-bottom: 10px; grid-gap: 0; }

#before                     { padding: 0; }
#before .slogan             { font-size: 30px; }
#before .cte_text           { font-size: 18px; padding: 50px 20px 0 20px; }
#before h2                  { font-size: 30px; color: #fff; }
#before p:first-child       { padding: 0; margin-bottom: -10px; }

#main .payment .submit      { display: block; width: 100%; }
#main .busylist             { display: none; }
#main .busylist .box        { width: 49%; margin: 0; }
#main .busylist .box:after  { left: calc(50% + 55px); }

#left .mod_login            { display: none; }
#main .profile              { padding: 200px 20px 20px 20px; }
#main .profile.big          { padding-bottom: 60px; }
#main .profile .headline    { margin-bottom: 15px; }
#main .profile .button      { margin: 0; display: block; text-align: center; width: auto; margin-top: 10px; padding: 0; }
#main .profile .tariff      { position: relative; display: block; text-align: center; width: auto; }
#main .profile .buttons     { height: auto; }
#main .text, #main .select  { max-width: 100%; }
#main .profile .rating      { position: static; }
#main .profile .rating .amount { display: none; }
#main .profile .tariff,
#main .profile .disable     { bottom: 0; }
#main .profile .space       { display: none; }
#main .detail .bh           { margin-top: 30px; }
#main .profile .buttons     { position: absolute; background: none; width: calc(100% - 150px); padding: 10px 20px; }
#main .profile .status      { display: none; }
#main .profile .button:before    { display: none; }

#footer .inside             { display: block; }
#footer .cte_text           { display: block; margin-bottom: 30px; }
#footer .nav                { display: block; padding: 20px; }
#footer .nav a              { display: block; margin-bottom: 10px; width: auto; }
#footer .nav li             { margin: 0; display: block; }
#footer .last               { display: block; padding: 20px; }