@import url('/system/modules/frontend/assets/mobile.css');

body { font-size: 20px; }
.desktop_only { display: none; }
img { max-width: 100%; width: auto; height: auto; }
#wrapper { min-width: 320px; overflow: hidden; }
.mobile_only { display: block; }
div.table {overflow-x:scroll;}
.flag { position: relative; bottom: -8px; }
#main input, #main .textarea, #main .select { max-width: 97%; }
input.street { width: 50%; }
input.text { width: 100%; }
div.captcha { display: block; }
#header img { display: none; }
#header { background: #fff url('img/logo_slogan.png') bottom center no-repeat; margin: 0; padding: 0; min-height: 210px; z-index: 2000; overflow: visible; }
#header .inside { overflow: visible; }
#container { padding: 0; width: auto; z-index: 100; }
#right { float: none; display: block; width: 100%; }
#right .inside { padding: 10px; }
#main { margin: 0; width: 100%; overflow: hidden; }
#main .inside { padding: 10px; width: auto; float: none; }
#main .cte_agent_box { display: none; }
#main .available_agents { display: none; }
#main .agentlist .profile { width: auto; float: none; margin-bottom: 10px; } 
#main .agentlist .profile .buttons { width: 100%; }
#main .agentlist .profile.odd { margin-right: 0; }
#header .mod_login { display: none; }
#header .inside { text-align: center; }
#header .logo { display: relative; margin: 0 auto; }
#header .inside { width: 100%; } 
#main .tabnav { display: none; }  
#header .nav { display: none; overflow: visible; }
#header .mobile_header { display: block; background: #6dabba; padding-top: 50px; }
#main .agentlist .profile .button { width: auto; display: block; }
#main .agentlist .profile .buttonbox { margin: 0; width: 45%; padding: 0; padding-left: 3%; }
#main .agentlist .profile .button { font-size: 16px; }
#main .pnotice { display: none; }
#main .pnotice.mobile { display: block; }
#main .aprofile { display: none; }
#main .panel { font-size: 12px; }
#main .agentlist .profile .calls { font-size: 14px; padding-top: 3px; }
#main .agentlist .profile .content h3 { max-width: 60%; overflow: hidden; white-space: nowrap; }
.aside .block .inbox a { width: calc(100% + 52px); }
#main .cte_agent_box.mobile_only { display: block; }

#main .purpleback   { background-color: #895c93; color: #ffffff; }
#main .purpleback a { color: #ffffff; }
#main .cte_agent_box { color: #ffffff; padding: 10px 15px 10px 15px; margin: 0; }
#main .cte_agent_box li { list-style-type: none; display: block; float: left; height: 125px; width: 308px; overflow: hidden; padding: 0; }
#main .cte_agent_box h3 { color: #ffffff; }
#main .cte_agent_box .container { position: relative; width: 308px; height: 125px; overflow: hidden; }
#main .cte_agent_box ul.ratings { position: absolute; top: 0; left: 0; }
#main .cte_agent_box .container a { z-index: 100; }
#main .cte_agent_box .container .pic { float: left; margin-right: 20px; }
#main .cte_agent_box .container .content { position: relative; margin: 0; height: auto; }
#main .cte_agent_box .container .content h4 a { text-decoration: none; color: #ffffff; font-size: 20px; font-family: ExtraLight; text-transform: uppercase; }
#main .cte_agent_box .container .content h4 { margin-bottom: 5px; }
#main .cte_agent_box .container .content .pin { display: none }
#main .cte_agent_box .container .content .ratings { display: none }
#main .cte_agent_box .container p { font-size: 14px; }
#main .cte_agent_box .container .content .stars { display: block; width: 70px; height: 13px; background: url("/files/layout/img/stars_white.png") 0 0 no-repeat; margin-bottom: 5px; }
#main .cte_agent_box .container .content .stars { margin-left: 70px; position: relative; top: auto; right: auto;  }
#main .cte_agent_box .container .content .stars.s5 { background-position: 0; }
#main .cte_agent_box .container .content .stars.s4 { background-position: -14px; }
#main .cte_agent_box .container .content .stars.s3 { background-position: -28px; }
#main .cte_agent_box .container .content .stars.s2 { background-position: -42px; }
#main .cte_agent_box .container .content .stars.s1 { background-position: -56px; }
#main .cte_agent_box .container .content .stars.s0 { display: none; }
#main .cte_agent_box .ratings li { width: 308px; }
#main .cte_agent_box .prev { display: none; }
#main .cte_agent_box .next { display: none; }
#main .cte_agent_box        { padding: 20px 25px 0 25px; position: relative; margin-bottom: 25px; border: 1px solid #895c93; }
#main .cte_agent_box h3     { font-size: 30px; color: #895c93; font-family: ExtraLight; text-transform: uppercase; text-align: center; }
#main .cte_agent_box h3     { margin-bottom: 15px; color: #fff; }

#main .mod_login .text	{ margin-bottom: 10px; padding: 10px; max-width: calc(100% - 22px); }
#main .mod_login .fbbtn { background: #3b5998; color: #fff; padding: 10px 0; display: block; text-align: center; margin: 10px 0 0 0; font-size: 14px; }
#main .mod_login .submit { margin-right: 10px; }

#header form			{ display: none; }
#header .nav li			{ display: block; float: none; border-bottom: 1px solid #fff; text-align: left; background: none; }
#header .nav li a		{ padding-left: 20px; }
#header .btn			{ background-color: transparent; top: 12px; top: 0; }
#header .name			{ font-size: 0; text-decoration: none; display: block; width: 100%; }
#header .nav			{ position: absolute; top: 50px; height: auto; z-index: 1200; }
#header .nav .active a	{ padding: 0 20px; }
#header .account		{ background: #895c93; color: #fff; }
#header .account a		{ color: #fff; text-decoration: none; }
#header .username		{ position: absolute; left: 20px; }
#header .btn.login:before { content: 'Login'; position: absolute; left: 0; display: block; top: 15px; left: -35px; font-size: 18px; }

#header .nav .level_1		{ border-top: 1px solid rgba(255,255,255,0.2); font-size: 18px; background: #6dabba; }
#header .nav .level_2		{ display: none; position: relative; top: 0; background: rgba(0,0,0,0.2); width: auto; min-width: 100%; max-width: 100%; }
#header .nav .level_3		{ display: none; background: rgba(0,0,0,0.2); }
#header .nav li				{ display: block; float: none; border-bottom: 1px solid rgba(255,255,255,0.2); text-decoration: none; }
#header .nav .active > a	{ background: #895c93; color: #fff; }
#header .nav .trail a		{ color: #fff; }
#header .nav a				{ color: #fff; display: block; padding: 0 20px; line-height: 30px;  }