html                        { max-width: 100vw; overflow-x: hidden; }
#top                        { max-width: 100vw; overflow-x: hidden; }
#wrapper                    { position: relative; z-index: 20; }
#container                  { display: block; padding: 0; }
#header                     { height: 60px; background: #000; position: static; z-index: 100; }
#left                       { position: fixed; left: -260px; z-index: 10; top: 100px; width: 260px; transition: all .5s; }
#left.open                  { left: 26px; }
#main                       { padding: 20px; }
#top > .mask                { top: 50px; }
#top .visual                { top: -10px; background-size: 900px; }
.select,.text               { min-width: auto; width: 100%; }

#left:after                 { content: ''; display: block; top: 0; left: 0; width: 0; height: 100vh; }
#left:after                 { position: absolute; z-index: -1; opacity: 0; transition: opacity .5s; transition-delay: .3s; }
#left.open:after            { left: -30px; background: rgba(0,0,0,0.5); width: 110vw; opacity: 1; }

.aside .block               { display: none; box-shadow: 0 0 100px #000; }
.aside .filter              { display: block; }
.aside .mod_logout          { display: block; }
.aside .nav                 { display: block; }
.aside .handle              { display: none; width: 50px; height: 50px; border-radius: 0 10px 10px 0; background: rgba(68,68,68,0.4); }
.aside .handle              { border: 1px solid #D8CDAA; border-left: 0; position: absolute; top: 187px; left: 100%; }
.aside .handle:before       { content: '\f105'; font: 300 30px/50px 'Font Awesome 7 Pro'; color: #FDEF96; display: block; width: 50px; text-align: center; }
.aside.open .handle:before  { content: '\f104'; }
.home .handle, .member .handel { display: block; }
.aside .mod_logout          { display: none; }

.eye                        { top: 398px; width: 40px; }
.tops                       { grid-template-columns: 1fr 1fr; margin-top: 400px; grid-row-gap: 30px; }
.tops .circle               { width: 30vw; height: 30vw; background-size: cover; }
.slogan p                   { padding: 0 30px; }
.home .slogan               { margin-top: 40px; padding-top: 0; }
.home .slogan p             { font-size: 14px; }
.slogan h2                  { font-size: 20px; padding: 0 30px; }
.slogan p                   { font-size: 14px; margin: 20px 0; }

.now                        { left: 0; top: 400px; }
.now .arrow                 { left: 160px; top: 120px; }
.now span                   { left: 210px; top: 140px; }
.now a                      { width: 180px; height: 180px; } 
.now a i                    { font-size: 20px; }
.mod_over                   { bottom: auto; height: 650px; opacity: 0.8; top: 0; }

#header .right              { display: none; }
#header .nav                { position: fixed; left: -110vw; top: 0; width: 100vw; height: 100vh; background: #000; z-index: 2000; }
#header .nav                { padding: 30px; transition: all .5s; }
#header .nav li             { font-size: 18px; line-height: 1.6; } 
#header .nav.open           { left: 0; }
#header .logo               { top: 14px; }
#header .logo img           { height: 32px; }
#header .mobile_btn         { display: block; }
#header .mobile_btn:before  { font: 24px 'Font Awesome 7 Pro'; color: #E3E3E3; }
#header .mobile_menu        { display: block; position: absolute; top: 18px; right: 20px; z-index: 200; }
#header .mobile_menu:before { content: '\f0c9'; }
#header .menu_close:before  { content: '\f00d'; }
#header .menu_close         { position: absolute; top: 30px; right: 30px; }
#header .select             { display: none; }
#header .text               { display: none; }
#header .login              { display: block; }
#header .nav .level_2       { display: block; padding-left: 20px;  }
#header .nav .level_2 li    { font-size: 14px; }
.mod_campinfo               { width: 100%; background-position: center center; top: 60px; background-size: cover; border: 1px solid #efe590; }
#container .block .bh       { margin: -60px -10px 20px -10px; }

#main form .row             { display: block; }
#main form .row label       { display: block; }
#main .block .bh            { font-size: 20px; }
#main .block                { padding: 60px 10px 10px 10px; }
#main .agentlist            { display: block; padding: 0; }
#main .profile              { margin-bottom: 20px; }
#main .payment button       { width: 100%; margin-top: -10px; }
#main .block .bh            { padding: 0 15px; box-sizing: border-box; }

#main .detail               { padding: 83px 27px 27px 27px; position: relative; }
#main .detail h1            { margin-bottom: 6px; }
#main .detail .bh           { margin-bottom: 27px; }
#main .detail .top          { display: block; }
#main .detail .top img      { width: 100%; height: auto; }
#main .detail .top .pic     { margin-bottom: 20px; }
#main .detail h2.first      { margin: -83px -27px 27px -27px; }
#main .detail .pic:before   { background-position: 200px 2px; }
#main .detail .status       { display: none; }
#main .detail h1 + .status  { display: block; margin: 0 0 10px 0; text-align: left; }
#main .detail.new .pic:before { background-position: 190px 0; }

#main .middle               { position: static; }
#main .middle svg           { top: 425px; left: 50%; width: 160px; height: 140px; transform: none; }
#main .middle .new          { transform: none; }

#footer                     { background-size: auto 32px; padding-top: 50px; }
#footer .inside             { display: block; }
#footer .cte_tariffs        { padding: 0 20px; }
#footer .block              { text-align: center; margin-bottom: 30px; }