#top                { max-width: 100vw; overflow-x: hidden; background-size: 120%; background-position: 0 45px; max-width: 100vw; min-height: auto; padding: 0; }
#header             { max-width: 100vw; height: 238px; overflow: hidden; height: 80px; }
#wrapper            { width: auto; max-width: 100vw; min-width: auto; overflow: hidden; min-height: auto; }
#container          { display: block; width: auto; min-height: 50vh; display: block; padding: 0; }
#left               { display: none; }
#main               { padding: 10px; display: block; margin: 0; }
#footer             { display: block; max-width: 100vw; overflow: hidden; padding: 0; }
#footer .inside     { width: auto; }
#window             { max-width: 90vw; }
#window input       { max-width: calc(100% - 30px); }
#top .clouds { display: none; }

/* ------ Header ------ */
#header:after                           { content: ''; background: #7fb2f0; height: 60px; width: 100vw; display: block; position: absolute; top: 0; left: 0; z-index: 10; }
#header .inside                         { z-index: 20; position: relative; }
#header .nav                            { width: auto; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 3000; }
#header .nav                            { background: #7fb2f0; left: -100vw; transition: all .5s; overflow-y: auto; padding: 0; }
#header .nav.open                       { left: 0; transition: all .5s; }
#header .nav a                          { color: #fff; }
#header .nav .left,
#header .nav .right                     { position: relative; top: auto; left: auto; right: auto; display: block; font: 18px Arial; text-align: left; }
#header .nav ul                         { padding: 72px 32px 32px 32px; }
#header .nav .right                     { padding-top: 0; margin-top: -32px; }
#header .nav li                         { display: block; text-transform: none; line-height: 40px; margin: 0; }
#header .nav .close                     { position: absolute; top: 40px; right: 16px; color: #fff; display: block; z-index: 3100; padding: 16px; font-size: 30px; }
#header .nav .level_2                   { padding: 0 0 0 20px; position: relative; right: auto; text-align: left; display: block; }
#header .nav .level_2 li                { display: block; padding: 0; }
#header .nav li:after                   { content: ''; }
#header .logo                           { line-height: 60px; }
#header .nav .level_2                   { display: block; }

#header .mobile_btn                     { display: block; font-size: 30px; color: #fff; position: absolute; top: 7px; padding: 8px 16px; text-align: center; font-family: FontAwesome; }
#header .mobile_menu                    { left: 5px; }
#header .mobile_login                   { right: 5px; }
#header .mobile_menu:after              { content: '\f0c9'; }
#header .mobile_login:after             { content: '\f023';  }
#header .menu_close                     { position: absolute; top: 20px; right: 20px; z-index: 100; display: none; }
#header .menu_close:after               { content: '\f00d';  }

#container .block                       { padding: 32px 16px; }

#main .profile h3                       { margin-bottom: 5px; }
#main .profile .right                   { position: static; width: auto; margin-bottom: 10px; }
#main .profile .left                    { width: auto; padding-right: 0; display: block; }
#main .profile .teaser                  { display: block; margin: 0; }
#main .text                             { max-width: calc(100% - 30px); }
#main .select                           { max-width: 100%; }
#main .phone .phone                     { width: 117px; }
#main div.table                         { overflow-x: auto; }
#main .pm .button                       { margin-bottom: 10px; }
#main .mod_payment .submit              { width: 100%; }