h1                          { font-size: 28px; }
html, body                  { text-size-adjust: none; }
img                         { max-width: 100%; height: auto; }
#top                        { max-width: 100vw; overflow-x: hidden; padding-top: 75px; font-size: 16px; min-width: auto; }
#wrapper                    { padding: 0 16px; }
#container                  { display: block; display: grid; grid-template-columns: 1fr; grid-template-areas: 'main' 'left' 'right'; width: 100%; grid-gap: 0; }
#main                       { grid-area: main; overflow-x: hidden; }
#left                       { grid-area: left; }
#right                      { grid-area: right; }
/*
#container                  { display: grid; grid-template-areas: 'before' 'first' 'second' 'third'; grid-template-columns: 1fr; grid-column-gap: 0; padding-top: 30px; }
#header                     { width: auto; }
#main                       { grid-area: first; }
#left                       { grid-area: second; }
#right                      { grid-area: third; }
#before                     { grid-area: before; }
*/
form .text                  { max-width: calc(100% - 30px); }
form .select                { max-width: 100%; }
form div.phone              { width: 100%; white-space: nowrap; }
#main .phone .cc            { width: 32%; margin-right: 2%; }
#main .phone .ac            { width: calc(32% - 32px); margin-right: 2%; }
.member #main               { grid-column: inherit; }
.member #left               { display: none; }
div.phone input.phone       { width: calc(32% - 32px); }
#window                     { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; transform: none; border-radius: 0; }
#window .inside             { border-radius: 0; max-height: calc(100vh - 70px); height: calc(100vh - 70px); max-width: calc(100vw - 40px); padding: 50px 20px 20px 20px; }
#window h2                  { background: #934075; }
#ticker                     { display: none; }

#header                     { z-index: 3000; position: fixed; top: 0; left: 0; right: 0; background: #fff; height: 75px; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
#header .logo               { position: absolute; top: 5px; margin: 0; left: 50%; transform: translate(-50%, 0); }
#header .logo img           { width: 200px; }
#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: #934075; position: fixed; top: 0; left: -101vw; width: 100vw; height: 100vh; overflow-y: auto; }
#header .nav.open           { left: 0; transition: 0.5s ease; z-index: 500; }
#header .nav > ul           { margin-top: 60px; }
#header .nav li             { display: block; margin-bottom: 1px; }
#header .nav a              { color: #fff; display: block; background: rgba(0,0,0,0.1); line-height: 40px; }
#header .nav .sign          { display: block; }
#header .mobile_btn         { z-index: 5000; }
#header .mobile_btn:after   { content: '\f0c9'; color: #934075; font: 36px 'Font Awesome 5 Pro'; font-weight: 900; position: absolute; top: 20px; left: 20px; z-index: 300; }
#header .mobile_login:after { content: '\f023'; left: auto; right: 20px; font-weight: 200; font-size: 32px; }
#header .mobile_close       { position: absolute; top: -15px; left: calc(100% - 60px); z-index: 500; }
#header .mobile_close:after { content: '\f00d'; color: #fff; font: 30px 'Font Awesome 5 Pro'; font-weight: 900; }
#header .nav .level_2       { display: block; }
#header .nav .level_2 li a  { padding-left: 40px; }
#header .agent_search       { display: none; }
#header .nav .mdo           { display: none; }
#header .social             { display: none; }

#before                     { margin: -32px -16px 0 -16px;  height: calc(100vw / 2); overflow: hidden; }
#before .right              { display: none; }
#before .cte_slider         { width: 100vw; }
#before .cte_slider .block  { width: 100vw; }

.aside .container           { width: auto; }
.aside .ratings li          { width: calc(100vw - 30px); max-height: 200px; }
.aside .slider p            { overflow: hidden; padding: 0; max-height: 100px; }

#main .busylist ul          { grid-template-columns: 1fr 1fr; }

#main .table .swipe         { top: 15%; left: 50%; position: absolute; transform: translate(-50%, 0); }
#main .table .swipe         { background: #934075; color: #fff; padding: 10px; border-radius: 50%; animation: swipe 2s infinite; }
#main .table .swipe:before  { content: '\f07e'; font: 30px 'Font Awesome 5 Pro'; }
#main .block                { max-width: calc(100vw - 74px); overflow-x: hidden; }
#main .cte_text             { max-width: 100%; }
#main .pwlink               { margin-left: 10px; }
#main div.captcha           { max-width: 100%; }
#main .table                { overflow-x: auto; width: 100%; white-space: nowrap; }
#main label                 { display: block; width: auto; }
#main .check label          { display: inline-block; width: calc(100% - 20px); }
#main .mod_register .row    { max-width: calc(100vw - 74px); }
#main .profile              { padding: 20px 20px 20px 140px; overflow: hidden; box-sizing: border-box; max-width: calc(100vw - 32px) }
#main .profile.big          { padding-bottom: 100px; }
#main .profile .left        { height: 140px; }
#main .profile h3           { margin-bottom: 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100vw - 112px); }
#main .profile h3           { position: relative; top: 5px; }
#main .profile h3 a         { font-size: 24px; }
#main .profile .right       { position: relative; top: auto; right: auto; margin-top: 30px; margin-left: -120px; width: auto; }
#main .profile .rating      { display: none; }
#main .profile .ddi             { position: absolute; left: 20px; top: 190px; }
#main .profile .calls           { position: absolute; right: 20px; top: 190px; left: unset; }
#main .profile .excimg      { display: none; }
#main .profile .teaser      { max-height: 110px; overflow: hidden; margin-top: 10px; padding-top: 0px; }
#main .profile .last_rating { display: none; }
#main .profile .agentClass.bdw { top: 23px; right: -40px; width: 164px; }
#main .cats li              { display: block; width: auto; }
#main .block .button        { margin-bottom: 10px; }
#main .mailcon .search .submit { padding: 0 15px; height: 38px; right: -1px; }
#main .tabnav               { height: auto; border: none; }
#main .tabnav li            { display: block; float: none; margin-bottom: 1px; }
.aside .podcast p           { padding-top: 50px; }
#main .favorites            { display: block; }
#main .detail .teaser       { min-height: 120px; max-height: auto; padding-top: 35px; }
#main .css_slider .mover    { width: 1000% !important; }

#main .write_msg            { font-size: 0; }
#main .button.create        { font-size: 0; position: absolute; top: 20px; right: 20px; }
#main .create_folder        { font-size: 0; position: absolute; top: 20px; right: 70px; }
#main .newsletter_all       { font-size: 0; position: absolute; top: 20px; right: 20px; }
#main .write_msg:before     { font: 16px 'Font Awesome 5 Pro'; content: '\f1d8'; }
#main .button.create:before { font: 16px 'Font Awesome 5 Pro'; content: '\f067'; }
#main .create_folder:before { font: 16px 'Font Awesome 5 Pro'; content: '\f65e'; }
#main .newsletter_all:before { font: 16px 'Font Awesome 5 Pro'; content: '\f1d8'; }

#main .deci_random          { background-position: bottom center; background-size: 100%; padding: 0; padding: 30px; padding-bottom: 180px; }
#main .deci_random:before   { top: 0; left: 0; right: 0; bottom: auto; width: auto; height: 350px; }
#main .deci_random:before   { background: linear-gradient(to bottom, #00061e 300px, transparent); }
#main .deci_random .submit  { font-size: 20px; white-space: pre-wrap; }

#main .agent_filter         { height: auto; height: 80px; }
#main .agent_filter select  { border: none; width: 45%; }
#main .agent_filter .switch { border-top: 1px solid #d280a6; top: auto; top: 40px; width: 100%; left: 0; }
#main .agent_filter .keywords { top: 0; left: 45%; width: 50%; }

#main .block.pros ul        { padding: 0; display: block; }
#main .block.pros li        { margin-bottom: 20px; }

#main .cte_exclusive .list  { grid-template-columns: 1fr; }
#main .cte_exclusive .extra { display: none; }

.switcher .item             { padding: 0 10px; }

#footer .inside             { display: block; }
#footer .block              { display: block; margin-bottom: 30px; }
#footer .last li            { display: block; }
#footer .last li:after      { display: none; }

@keyframes fadeIn {}
@keyframes swipe {
    0%  { left: 50%; }
    25% { left: 40%; }
    50% { left: 50%; }
    75% { left: 60%; }
    100%{ left: 50%; }
}