#top                            { max-width: 100vw; padding-top: 90px; }
#header                         { padding: 0; }
#right                          { display: grid; grid-template-columns: 1fr; grid-gap: 30px; }
#right .inside                  { display: contents; }
#container                      { display: block; padding: 20px; }
#top .dh                        { display: unset !important; }
#window                         { max-width: 90vw; }
#container                      { min-height: 90vh; }

#header                         { position: fixed; z-index: 1900; top: 0; left: 0; right: 0; }
#header:after                   { content: ''; background: linear-gradient(to bottom, #800c0a, #430605);  position: absolute; top: 0; left: 0; z-index: 1; }
#header:after                   { width: 10px; height: 90px; }
#header .nav                    { position: fixed; top: 0; left: -110vw; bottom: 0; width: 100vw; transition: all .3s; z-index: 2000; }
#header .nav                    { background: linear-gradient(to bottom, #800c0a, #430605); padding: 30px; overflow-y: auto; }
#header .nav.open               { left: 0; }
#header .nav li                 { display: block; margin: 0 0 10px 0; }
#header .nav a                  { line-height: 40px; }
#header a.logo                  { position: static; z-index: 10; }
#header span.logo               { left: 95px; transform: scale(0.8); }
#header .heart                  { z-index: 10; display: inline-block; }
#header .inside                 { padding-left: 10px; }
#header .mobile_btn             { color: #000; position: absolute; top: 30px; z-index: 20; display: block; }
#header .mobile_btn:before      { font-size: 30px; font-family: 'Font Awesome 5 Pro'; font-size: 28px; font-weight: bold; color: #fff; }
#header .mobile_menu            { left: auto; right: 30px; }
#header .mobile_menu:before     { content: '\f0c9'; }
#header .mobile_login           { right: 30px; display: none; }
#header .mobile_login:before    { content: '\f007'; }
#header .menu_close             { left: auto; right: 30px; }
#header .menu_close:before      { content: '\f00d'; }
#header .nav .show_regular      { display: none; }
#header li.btn                  { margin-top: 20px; }
#header .btn                    { background: #fff; color: #740b09; text-align: center; height: auto; }
#header .btn a                  { color: #740b09; }
#header .nav .button            { display: block; text-align: center; background: #fff; color: var(--color-main); height: auto; margin-bottom: 10px; }
#header .nav .button            { font-size: 16px; }
#header .nav .button small      { font-weight: 300; }
#header .nav .level_2           { display: block; padding-left: 20px; }
#header li.btn                  { height: auto; }
#header .nav .trail             { text-align: left; background: none; border: none; padding: 0; }
#header .nav .trail a           { color: #fff; padding: 0; }
#header .nav .level_2 a:before    { content: '\f0c8'; font: bold 14px 'Font Awesome 5 Pro'; display: inline-block; margin-right: 10px; opacity: 0.5; }
#header .nav .level_2           { text-align: left; }
#header .nav .hide              { display: none; }
#header .nav .dh                { display: block !important; }

#header .nav .search            { background: rgba(255,255,255,0.2); border: 0; border-radius: 5px; padding: 10px; display: block; width: 100%; }
#header .nav input::placeholder { color: #fff; }
#header .nav .search            { text-align: center; font: 400 16px Lato,Arial,sans-serif; outline: none; }
#header .button small           { display: block; font-size: 12px; line-height: 1; text-transform: none; margin-top: -5px; padding: 0 0 10px 0; }

#slider .cte_text               { padding: 30px; background-position: -900px center; }
#slider h1, #slider h2          { font-size: 26px; line-height: 1.5; padding-top: 100px; }
#slider .button                 { font-size: 16px; padding: 0; display: block; }
#slider .slide2                 { background-position: center -180px; }

#right .mod_login               { display: none; }
#right form                     { display: none; }

#left .nav                      { display: none; }
#main .pw_toggle                { display: none; }
#main .text, #main .select      { width: 100%; }
#main .agentlist                { display: block; }
#main .profile                  { display: block; margin-bottom: 30px; }
#main .profile .left            { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; grid-row-gap: 5px; }
#main .profile .pic             { grid-column: 1; grid-row: 1 / span 6; }
#main .profile .button span     { display: none; }
form div.phone                  { max-width: 100%; }
#main .mod_login .row           { position: relative; }
#main .mod_login .fa-eye        { position: absolute; top: 12px; right: 10px; opacity: 0.8; font-size: 16px; }

.falling span:nth-child(even)   { display: none; }

@media screen and (min-width: 600px) and (max-width: 900px)  {
    #right { grid-template-columns: 1fr 1fr; }
}