:root{ --mdl-primary-color : rgb(128,130,133); } .mdl-grid.agora-grid{ max-width:1440px; margin:0px auto!important;} /*selec box mdl start*/ .getmdl-select .mdl-icon-toggle__label{float:right;margin-top:-30px;color:rgba(0,0,0,0.4)}.getmdl-select.is-focused .mdl-icon-toggle__label{color:#3f51b5}.getmdl-select .mdl-menu__container{width:100% !important}.getmdl-select .mdl-menu__container .mdl-menu .mdl-menu__item{font-size:16px}.getmdl-select__fullwidth .mdl-menu{width:100%}.getmdl-select__fix-height .mdl-menu__container{max-height:300px !important} /*selec box mdl end*/ section{ position:relative;width: 100%;} .space-between {display: flex; justify-content: space-between;} .flex-end {display: flex; justify-content: flex-end;} .mdl-center-items { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .mdl-grid.agora-grid.full{max-width: none; width: calc(100% - 16px);} .mdl-grid.mdl-grid--no-up-down-padding,.mdl-grid.mdl-grid--no-up-down-padding>.mdl-cell{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;} .mdl-grid.mdl-grid--no-up-down-padding-only{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;} .mdl-grid.mdl-grid--no-spacing .mdl-cell.mdl-grid--margin-up{margin-top:8px;} .mdl-grid.no-equal-columns{align-self:flex-start;} .mdl-textfield, .mdl-selectfield{width:100%;} .mdl-textfield.overme label{overflow:hidden; white-space:nowrap; text-overflow: ellipsis;} .subdivision_content_page .mdl-layout__container.has-scrolling-header .mdl-layout__content{overflow-y: auto; overflow-x:hidden } .agora-layout-header.mdl-layout__header {display: flex; display: -webkit-flex;} .mdl-layout__drawer-button i{width: 100%;line-height: 44px;font-size: 24px;} @media only screen and (max-width:1024px) { .mdl-layout--large-screen-only {display: none!important;} } .mdl-button{font-weight:400; } .mdl-checkbox__tick-outline { -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==); mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==); background: transparent; } .mdl-checkbox.is-checked .mdl-checkbox__tick-outline { background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K); } .mdl-mega-footer--bottom-section, .mdl-mega-footer__bottom-section{margin-bottom:0;padding-bottom:0px;background:#fff;} /*----MDLCard reset -------*/ .mdl-card.agora-card.reset-card {min-height: 0;} .mdl-card {z-index: auto;} .mdl-card,.mdl-card__supporting-text{overflow:inherit;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .mdl-card.agora-card{min-height:auto;} } .bold{font-weight:500;} /*----SOCIAL ICONS-------*/ .social-icons {padding-left: 0;list-style: none;} .social-icons li {display: inline-block;padding-right: 5px;padding-left: 5px;margin-bottom: 10px;} .social-icons .fa {font-size: 1.8em;} .social-icons .fa {width: 50px;height: 50px;line-height: 50px;text-align: center;color: rgba(240, 160, 32, 0.8);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .social-icons.icon-circle .fa{ border-radius: 50%;} .social-icons.icon-rounded .fa{ border-radius:5px;} .social-icons.icon-flat .fa{border-radius: 0;} /*Agora Drawer Menu*/ .Agora-drawer {border-right: none; height: 100vh;} .Agora-drawer .mdl-navigation__link.mdl-navigation__link {font-size: 14px;color: #757575; line-height:24px; height:24px; padding: 16px 40px; } .Agora-drawer .mdl-navigation__link:hover{color: #670038;} .Agora-drawer.is-visible{position:fixed} .Agora-drawer .mdl-layout-title{padding-left:0;line-height:36px;} .Agora-drawer .mdl-layout-title .logo { max-width:100%;padding:8px;box-sizing: border-box;} .Agora-drawer .mdl-layout-title #loginbtn{margin:0 auto 10px; display:block; } .Agora-drawer .mdl-layout-title .mdl-button--icon{height:24px;line-height:24px;margin-left: 0px;margin-right:0px;min-width:24px;width:24px;background:rgba(2,0,2,0.16);} .Agora-drawer .header_social a {font-size: 1.1rem !important; line-height: 24px !important;} .Agora-drawer .header_social a i {color:#566230 } .Agora-drawer .mdl-layout-title .mdl-button--icon i {color:#dd1829 } .Agora-drawer .mdl-button.sign{ color:#fff } .Agora-drawer .mdl-layout-title .mdl-button--icon i{ vertical-align:middle; color:#fff !important; transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); } .Agora-drawer .header_contact a{min-width:21px} @media only screen and (max-width:1024px){ .Agora-drawer #dash-boardh-mob + .mdl-menu__container.is-visible{ right:0 !important; left:0 !important; margin:0px auto !important } .Agora-drawer #dash-boardh-mob + .mdl-menu__container.is-visible .mdl-menu__outline.mdl-menu--bottom-right { transform-origin: 50% 10%; } } /*Agora Drawer Menu*/ /*Button Color Switch*/ body .mdl-layout .mdl-layout__header .mdl-button.mdl-button--primary.mdl-button--raised { color: rgb(255, 255, 255);} body.with-title-slider.title-slider-full .mdl-layout__header .mdl-button:not(.mdl-button--accent){color:rgb(255,255,255);opacity:0.96; } .mdl-layout .mdl-layout__header .mdl-layout-title{padding: 2px 8px; } body .mdl-layout .mdl-layout__header .mdl-button#tranlang{ margin: 0 7px 0 0px; } /*Logo Switch*/ body .mdl-layout .mdl-layout-title .logo,body .mdl-layout .mdl-layout-title .logo{width:auto;} body .mdl-layout .mdl-layout-title.mdl-layout--small-screen-only .logo{} /*Header Background Switch*/ body .mdl-layout .mdl-layout__header .mdl-layout__header-row.top-bar{background: rgba(234, 234, 234, 0.6);border-bottom: 1px solid rgba(234, 234, 234, 0.6);transition:margin 0.3s ease-in;padding-top:5px; padding-bottom:5px;height:2.9rem;margin-top:0;} body .mdl-layout .mdl-layout__header{transition:background-color 0.1s ease-in;} .header_buttons .mdl-button {height: 28px;line-height: 28px;padding: 0 8px;font-size: 11px;} .header_buttons .mdl-button.mdl-button--accent.mdl-button--raised {height: 28px;line-height: 28px;padding: 0 8px;font-size: 11px;color:rgba(0, 0, 0, 0.66)!important;} .header_buttons .mdl-button i {font-size:20px;} .header_buttons .mdl-button--fab.mdl-button--mini-fab {height: 30px;min-width: 30px;width: 30px; padding: 0;} .header_buttons .mdl-button.mdl-button--icon {height:28px;min-width:28px;width:28px; padding: 0; margin-right: 5px;line-height:28;} .realestate-navigation-container { direction: rtl;-webkit-order: 1;-ms-flex-order: 1;order: 1;xwidth:auto; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),width 0.2s cubic-bezier(0.4, 0, 0.2, 1);position:relative;} .mdl-layout__header-row .mdl-navigation { direction: ltr;-webkit-justify-content: flex-end; -ms-flex-pack: end;justify-content: flex-end; xwidth:auto} .mdl-layout__header-row .mdl-navigation ul,.mdl-layout__drawer .mdl-navigation ul{list-style:none;margin:0;padding:0;} .mdl-layout__header-row .mdl-navigation ul li{position:relative;} .mdl-layout__header-row .mdl-navigation>ul>li{display:inline-block;} .mdl-layout__header-row .mdl-navigation>ul>li.have-child>a:after{content: "▾";text-transform: none;font-size: 16px;display: inline-block;position: absolute;opacity: 0.54;} .mdl-layout__header-row .mdl-navigation ul > li > a:not(.mdl-button), .mdl-layout__drawer .mdl-navigation ul > li > a:not(.mdl-button) {position: relative;padding: 0;margin: 0 16px;font-weight: 300;font-size: 0.85rem;display: inline-block;height: 60px;line-height: 65px;background-color: transparent !important;text-transform: uppercase;font-weight: 500;} .mdl-layout__header-row .mdl-navigation ul li a:not(.mdl-button),.mdl-layout__drawer .mdl-navigation ul li a:not(.mdl-button){text-decoration:none;opacity:0.87;} .mdl-layout__header-row .mdl-navigation ul ul li a:not(.mdl-button){box-sizing: border-box;height: auto;line-height: 18px;margin: 0;padding:8px;width: 100%;padding: 8px 12px;text-align: left; color:rgba(0, 0, 0, 0.66);} .mdl-layout__header-row .mdl-navigation ul ul li a:not(.mdl-button):hover{color:rgb(128,130,133)} /*.mdl-layout__header-row .mdl-navigation ul li a:hover + ul li a { color:#094175 } */ .mdl-layout__header-row .mdl-navigation ul ul{transform:scale(0);background:transparent;position:absolute;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);right: 0;transform-origin: 100% 0;padding:0;border-radius: 2px;min-width:160px;z-index: 1;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);} .mdl-layout__header-row .mdl-navigation ul ul ul:after{height:100%;content:"";width:8px;display:inline-block;position:absolute;right:100%;top:0;background:transparent;} .mdl-layout__header-row .mdl-navigation>ul>li:first-child>ul{right:unset;transform-origin: 0 0;left:0;} .mdl-layout__header-row .mdl-navigation ul li>input,.mdl-layout__header-row .mdl-navigation ul li>label{display:none;} .mdl-layout__header-row .mdl-navigation ul>li:hover>ul{transform:scale(1);} .mdl-layout__header-row .mdl-navigation>ul>li>ul:before{content:"";position:absolute;height:12px;width:100%;top:-12px;} .mdl-layout__header-row .mdl-navigation>ul>li>ul{margin-right:11px;margin-top:12px;padding-top:0;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); padding-bottom: 0; } .mdl-layout__header-row .mdl-navigation>ul>li>ul li{ background:#fff } .mdl-layout__header-row .mdl-navigation>ul>li>ul li:first-child {padding-top: 12px; border-radius: 3px 3px 0 0;} .mdl-layout__header-row .mdl-navigation>ul>li>ul li:last-child {padding-bottom: 12px; border-radius: 0 0 3px 3px;} .mdl-layout__header-row .mdl-navigation>ul>li[data-last] ul ul{left:initial;right:100%;margin-right: 8px;transform-origin: 100% 0;} .mdl-layout__header-row .mdl-navigation>ul>li[data-last] ul ul:after{right:initial;left:100%;} .mdl-layout__header-row .mdl-navigation ul ul ul{left:100%;top:0px;margin-left:8px;transform-origin: 0 0;} .mdl-layout__header-row .mdl-navigation ul ul>li.have-child>a:after{content:"keyboard_arrow_right";font-family: "Material Icons";text-rendering: optimizeLegibility;font-feature-settings: 'liga' 1;font-style: normal;text-transform: none;line-height: inherit;font-size: 24px;width: 24px;height: 24px;display: inline-block;overflow: hidden;-webkit-font-smoothing: antialiased;position: absolute;right: 4px;opacity: 0.36;} body .mdl-layout__header-row .mdl-navigation[data-menu-count="1"]> ul > li.more > ul > li:nth-child(1) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="2"]> ul > li.more > ul > li:nth-child(2) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="3"]> ul > li.more > ul > li:nth-child(3) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="4"]> ul > li.more > ul > li:nth-child(4) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="5"]> ul > li.more > ul > li:nth-child(5) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="6"]> ul > li.more > ul > li:nth-child(6) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="7"]> ul > li.more > ul > li:nth-child(7) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="8"]> ul > li.more > ul > li:nth-child(8) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="9"]> ul > li.more > ul > li:nth-child(9) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="10"]> ul > li.more > ul > li:nth-child(10) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="11"]> ul > li.more > ul > li:nth-child(11) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="12"]> ul > li.more > ul > li:nth-child(12) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="13"]> ul > li.more > ul > li:nth-child(13) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="14"]> ul > li.more > ul > li:nth-child(14) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="15"]> ul > li.more > ul > li:nth-child(15) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="16"]> ul > li.more > ul > li:nth-child(16) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="17"]> ul > li.more > ul > li:nth-child(17) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="18"]> ul > li.more > ul > li:nth-child(18) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="19"]> ul > li.more > ul > li:nth-child(19) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="20"]> ul > li.more > ul > li:nth-child(20) + li{padding-top: 12px; border-top-left-radius: 3px;border-top-right-radius: 3px;} body .mdl-layout__header-row .mdl-navigation > ul > li.more > ul > li ul{right:100%;left:inherit;margin-left:0;margin-right:8px;transform-origin: 100% 0;} body .mdl-layout__header-row .mdl-navigation > ul > li.more > ul > li ul:after{left:100%;right:inherit;} .mdl-layout__drawer .mdl-navigation ul li a:not(.mdl-button){width:calc(100% - 16px);line-height:36px;height:auto;margin:0 8px;color: rgba(0, 0, 0, 0.66);text-transform: capitalize;font-weight: normal;} .mdl-layout__drawer .mdl-navigation ul li ul li a:not(.mdl-button){line-height:24px;font-weight:400;} .mdl-layout__drawer .mdl-navigation ul li>ul{max-height:0px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;background: rgba(0, 0, 0, 0.02);} .mdl-layout__drawer .mdl-navigation ul li{position:relative;} .mdl-layout__drawer .mdl-navigation ul li>input{display:none;} .mdl-layout__drawer .mdl-navigation ul li>input:checked~ul{max-height:500px;padding-left: 12px;} .mdl-layout__drawer .mdl-navigation ul li>label{display:block;overflow:hidden;height:32px;width:32px;position:absolute;right:8px;top:4px;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);border-radius:50%;opacity:0.54;} .mdl-layout__drawer .mdl-navigation ul li>label:before{content:"keyboard_arrow_down";display:inline-block;font-family: "Material Icons";font-feature-settings: "liga";font-size: 24px;font-style: normal;font-weight: normal;letter-spacing: normal;text-transform: none; word-wrap: normal;transform: translate(4px, 4px);} .mdl-layout__drawer .mdl-navigation ul li>input:checked~label{transform:rotate(180deg);} body.newStyle .mdl-layout__header-row .mdl-navigation ul > li > a:not(.mdl-button){ font-size:1em; color: #000; } body.newStyle .mdl-selectfield__box .mdl-selectfield__box-value,body.newStyle .mdl-selectfield__list-option-box ul > li { font-size: 1em; } @media (min-width:1024px) and (max-width:1380px) { .class { display: block; } } @media (max-width:1024px) { .mdl-layout__container{position:static} .mdl-layout__header .mdl-layout__drawer-button { margin: 21px 12px; } } /*Navigation Color Switch*/ body .mdl-layout__header-row .mdl-navigation>ul>li>a:not(.mdl-button):before{content:""; position:absolute; width:100%; height:0px;left:0;bottom:-2px;visibility:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);} body .mdl-layout__header-row .mdl-navigation>ul>li:hover>a:not(.mdl-button):before {background:rgb(128,130,133);visibility:visible;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);height:3px;} body.with-title-slider.title-slider-full .mdl-layout__header-row .mdl-navigation>ul>li:hover>a:not(.mdl-button):before{background:rgb(255, 255, 255);} body .mdl-layout__header-row .mdl-navigation .mdl-menu a {white-space:nowrap;line-height:2.1rem;margin:0 8px;height:auto;} @media (min-width:300px) and (max-width:349px) { .android-mobile-title{margin-left: -21px;} } /*MDL Layout Drawer*/ .mdl-layout__drawer-button{color:rgba(93, 45, 80,0.96)!important;position:fixed!important;margin-top:22px;margin-right:16px; line-height:36px; height: 36px;width:36px;border-radius:2px;box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.05);} .mdl-layout__drawer-button .material-icons{font-size: 24px;line-height:36px;text-shadow: 0px 0px 2px rgba(255,255,255,0.4);} body:not(.scroll).title-slider-full .mdl-layout__drawer-button i{color:rgba(255,255,255,0.96);} body:not(.scroll).title-slider-full .mdl-layout__drawer-button{box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.96);} body.scroll .mdl-layout__drawer-button{color:#fff !important;box-shadow: 1px 1px 3px rgba(0,0,0,0.2);} .mdl-layout__drawer-button, .mdl-layout__drawer{left: auto; right: 0; } .mdl-layout__drawer{transform:translateX(250px); -webkit-transform:translateX(250px)} @media only screen and (min-width:1025px) { .mdl-layout__drawer-button{ display:none !important } } /*new css juwin end*/ body.with-title-slider-init .title-slider{max-height:0px;} body.with-title-slider-init.with-title-slider .title-slider{maxx-height:1080px;} /*SPECIAL CLASSES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ .demo-cards {align-content: flex-start;align-items: flex-start;} .demo-graphs {align-items: stretch;display: flex;flex-direction: column;} /*SPECIAL CLASSES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ .hide_seo{display:none!important} .mdl-cell--hide{display:none!important} .mdl-cell--show{display:block!important} .mdl-shadow--2dp {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.02);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);} .mdl-shadow--2dp-hover:hover, .property.mdl-shadow--2dp:hover, .Luxury_section .Luxury_property_item:hover,.Smilar_Listings .Smilar_Listings_item:hover {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 3px 5px -2px rgba(0, 0, 0, 0.16), 0 1px 9px 0 rgba(0, 0, 0, 0.08);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);} .mdl-card.agora-card.reset-card {min-height: 0;} [data-ng-view].ng-enter {opacity: 0;transition:all 0.1s cubic-bezier(0.4, 0, 0.2, 1);} [data-ng-view].ng-enter-active {opacity: 1;} [data-ng-view].ng-leave {opacity: 0;transition:all 0.1s cubic-bezier(0.4, 0, 0.2, 1);} [data-ng-view].ng-leave-active {opacity: 0.1; } /* Styling for the ngProgress itself */ #ngProgress {margin: 0;padding: 0;z-index: 99998;background-color: rgba(68,77,38,0.54)!important;color:rgba(68,77,38,0.96)!important; /* Inherits the font color */height: 2px;opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} /* Styling for the ngProgress-container */ #ngProgress-container {position: fixed;margin: 0;padding: 0;top: 0;left: 0;right: 0;z-index: 99999;} .agora-mdl-data-dialog-container:target ~ body{ display:none } .agora-mdl-data-dialog-container {width: 100%;height: 100%;position: absolute;z-index: 999;background: rgba(0,0,0,0.7); top:0 } .agora-mdl-data-dialog-container:target {visibility: visible;display: block;} .agora-mdl-data-dialog-container .reveal-modal {background:#e1e1e1; margin: 0 auto;width:160px; position:relative; z-index:41;top: 25%;padding:30px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);-moz-box-shadow:0 0 10px rgba(0,0,0,0.4); box-shadow:0 0 10px rgba(0,0,0,0.4);} .agora-mdl-data-dialog-content .agora-mdl-data-dialog-content{display:none;} /* Width of popup*/ .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body{background:#fff;margin:100px auto 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .resultsTable {background: #c0c0c0b3;margin: 0 0 27px 0px;width: 100%;color: #222;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .resultsTable td{ padding: 7px 10px; font-size:12px} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .agora-mdl-data-dialog-content{padding: 0px 0px 0px 0px;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body h4 {font-size: 18px;color: #222;margin-top: -2px;margin-bottom: 20px;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .mdl-textfield {margin-top: -25px;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .mdl-selectfield {margin-top: -25px;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .supporting-text-container{padding: 23px 0px 0px;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .supporting-text-container .picker__holder {z-index: 999999;position: fixed;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .picker__input, .demo-cards .picker__input { border-bottom: 1px solid rgba(0,0,0, 0.12);border-top: 0;border-left: 0;border-right: 0; width: 100%;color: #0c0c0c;font-size: 16px;padding: 0 0 6px;margin: 19px 0 0 0;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .picker__box {position: relative;top: 18px;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body{ width: 90%; max-width: 673px;position:relative;} @media only screen and (max-width:64em) { .agora-mdl-data-dialog-container{ overflow-y:scroll } .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body {} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .resultsTable td {font-size: 11.5px;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .agora-mdl-data-dialog-content{padding: 0;} } .popup-open {position: fixed!important;overflow-y: auto;} body.popup-active{overflow:hidden;} @media only screen and (min-width:1024px) { body.popup-active {padding-right: 17px;box-sizing: border-box;} body.popup-active .agora-mdl-data-dialog-container {overflow-y: scroll;} } @media only screen and (max-width:480px) { .resp_table {width: 100%;overflow-x: scroll;overflow-y: hidden;margin: 0 0 20px 0;} } .mdl-close { position: absolute; top: -24px; right: -24px; width: 48px; height: 48px; display: block; z-index: 2; background: rgba(5, 0, 5, 0.84) url(https://cdn-cws.datafloat.com/BNE/images/icon-close.png) no-repeat center center; border: 2px solid #dedede; border-radius: 80px; cursor: pointer; -moz-transition: color .5s ease-in-out; -o-transition: color .5s ease-in-out; -webkit-transition: color .5s ease-in-out; transition: color .5s ease-in-out } @media only screen and (max-width:64em) { .mdl-close {top: -32px;right: 8px;} } /*login popup start*/ @media only screen and (max-width:64em) { .Login_pop .agora-mdl-data-dialog-container-body{max-width:100%;} } @media only screen and (max-width:40em) { .Login_pop input#login:checked ~ .mdl-grid label#id2 { font-size: 13px; line-height: 26px; } .Login_pop #btnlogin{ margin-top:12px } .Login_pop #ForgotPasswordForm .mdl-button{ padding: 0 13px; } } .Login_pop input#login:checked ~ .mdl-grid label#id2{display:block;} .Login_pop .agora-mdl-data-dialog-container-body{max-width: 439px; width: 90%;} .Login_pop .login-left{position:relative} .Login_pop .logologin { width: 72%; margin: 0px auto; bottom: 40px; display: block; } .Login_pop .login-left img{max-width:90%;margin:0 5%;} .Login_pop .logindesc {font-size:15px; min-height: 296px; font-weight:400; color:#fff; padding:40px 5% 20px 5%; } .Login_pop .logindesc span{font-size:29px; line-height:30px; font-weight:300; display:block; margin-bottom:30px; } .Login_pop .Success-text{ font-family:Arial;} .Login_pop .Login-tab.Sign-tab .h5heading { margin: 0 0 32px; } .Login_pop input[type="radio"] {display:none;} .Login_pop span#content2 {display:none;} .Login_pop .linklabel{font-weight:400; display:block; text-align:center;cursor:pointer; color:#939393;margin-top:15px; font-size:16px; text-decoration:underline } .Login_pop div#content1, .Login_pop div#content2{margin:0px 0px; padding:20px 0 0 } .Login_pop input#login {display:none;} .Login_pop input#login:checked ~ .mdl-grid label#id1{font-weight:400; background:#eee; border-bottom:2px solid #b0aeaf } .Login_pop input#login:checked ~ .mdl-grid label#id2{display:block;} .Login_pop input#login ~ .mdl-grid div#content1{display:none;} .Login_pop input#login ~ .mdl-grid div#content2{display:block;} .Login_pop input#login:checked ~ .mdl-grid div#content1{display:block;} .Login_pop input#login:checked ~ .mdl-grid div#content2{display:none;} .Login_pop input#forgotpassword{display:none;} .Login_pop input#forgotpassword ~ .sign-in,.Login_pop input#forgotpassword ~ .forgot-password{display:none;} .Login_pop input#forgotpassword:not(:checked) ~ .sign-in{display:block;} .Login_pop input#forgotpassword:checked ~ .forgot-password{display:block;} /*.Login_pop .word-right{padding:30px 40px 0 40px; }*/ .Login_pop .h4heading {text-align:center} .Login_pop .h5heading{text-align:center; font-size: 21px; font-weight: 400; display:block; width:100%; margin: 20px 0 8px; } .Login_pop .forgotpass{display: inline;xfloat: right;font-size: 12px;line-height:2.6rem;: 300;margin-top: 10px; color:rgba(0, 0, 0, 0.54)} .Login_pop .top-nav__auth {display: block;margin: 15px 0 0;text-align: center} .Login_pop .top-nav__auth>span {width: 35px;height: 35px;display: inline-block;position: relative;margin-bottom: 10px} .Login_pop .top-nav__auth>span:before {position: absolute;content: '';height: 1px;width: 160px;top: 17px;left: -64px;background-color: #eee;z-index: 0} .Login_pop .top-nav__auth>span:after {position: absolute;top:0px; left:0px; right:0px; content: 'or'; display:block; width: 35px;height: 35px; background-color:#fff; border: 1px solid #eee; border-radius: 50%; line-height: 32px; z-index: 1} .Login_pop .othersignin{width:100%;margin-top:10px; position:relative;} .Login_pop .othersignin a {height:40px; line-height:40px; padding: 0;text-align: left;text-indent: 15px;width:50%; display:block; float:left; color:#fff; border-radius:0; } .Login_pop .othersignin a:after{font-family: FontAwesome;font-weight: normal;font-style: normal;position:absolute; right:15px; } .Login_pop .othersignin .facebooka{background:#3b5998} .mdl-layout{overflow:hidden;height:auto;} .mdl-layout__container{height:auto;position:relative;} .mdl-layout__container .mdl-layout__content{overflow:visible!important;} .mdl-grid.agora-grid{ max-width:1440px; margin:0px auto!important;} /*selec box mdl start*/ .getmdl-select .mdl-icon-toggle__label{float:right;margin-top:-30px;color:rgba(0,0,0,0.4)}.getmdl-select.is-focused .mdl-icon-toggle__label{color:#3f51b5}.getmdl-select .mdl-menu__container{width:100% !important}.getmdl-select .mdl-menu__container .mdl-menu .mdl-menu__item{font-size:16px}.getmdl-select__fullwidth .mdl-menu{width:100%}.getmdl-select__fix-height .mdl-menu__container{max-height:300px !important} /*selec box mdl end*/ section{ position:relative;width: 100%;} .space-between {display: flex; justify-content: space-between;} .flex-end {display: flex; justify-content: flex-end;} .mdl-center-items { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .mdl-grid.agora-grid.full{max-width: none; width: calc(100% - 16px);} .mdl-grid.mdl-grid--no-up-down-padding,.mdl-grid.mdl-grid--no-up-down-padding>.mdl-cell{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;} .mdl-grid.mdl-grid--no-up-down-padding-only{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;} .mdl-grid.mdl-grid--no-spacing .mdl-cell.mdl-grid--margin-up{margin-top:8px;} .mdl-grid.no-equal-columns{align-self:flex-start;} .mdl-textfield, .mdl-selectfield{width:100%;} .mdl-textfield.overme label{overflow:hidden; white-space:nowrap; text-overflow: ellipsis;} .subdivision_content_page .mdl-layout__container.has-scrolling-header .mdl-layout__content{overflow-y: auto; overflow-x:hidden } .agora-layout-header.mdl-layout__header {display: flex; display: -webkit-flex;} .mdl-layout__drawer-button i{width: 100%;line-height: 44px;font-size: 24px;} .mdl-button{font-weight:400; } .mdl-checkbox__tick-outline { -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==); mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==); background: transparent; } .mdl-checkbox.is-checked .mdl-checkbox__tick-outline { background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K); } .mdl-mega-footer--bottom-section, .mdl-mega-footer__bottom-section{margin-bottom:0;padding-bottom:0px;background:#fff;} /*----MDLCard reset -------*/ .mdl-card.agora-card.reset-card {min-height: 0;} .mdl-card {z-index: auto;} .mdl-card,.mdl-card__supporting-text{overflow:inherit;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .mdl-card.agora-card{min-height:auto;} } .bold{font-weight:500;} /*----SOCIAL ICONS-------*/ .social-icons {padding-left: 0;list-style: none;} .social-icons li {display: inline-block;padding-right: 5px;padding-left: 5px;margin-bottom: 10px;} .social-icons .fa {font-size: 1.8em;} .social-icons .fa {width: 50px;height: 50px;line-height: 50px;text-align: center;color: rgba(240, 160, 32, 0.8);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .social-icons.icon-circle .fa{ border-radius: 50%;} .social-icons.icon-rounded .fa{ border-radius:5px;} .social-icons.icon-flat .fa{border-radius: 0;} /*Agora Drawer Menu*/ .Agora-drawer {border-right: none; height: 100vh;} .Agora-drawer .mdl-navigation__link.mdl-navigation__link {font-size: 14px;color: #757575; line-height:24px; height:24px; padding: 16px 40px; } .Agora-drawer .mdl-navigation__link:hover{color: #670038;} .Agora-drawer.is-visible{position:fixed} .Agora-drawer .mdl-layout-title{padding-left:0;line-height:36px;} .Agora-drawer .mdl-layout-title .logo { max-width:100%;padding:8px;box-sizing: border-box;} .Agora-drawer .mdl-layout-title #loginbtn{margin:0 auto 10px; display:block; } .Agora-drawer .mdl-layout-title .mdl-button--icon{height:24px;line-height:24px;margin-left: 0px;margin-right:0px;min-width:24px;width:24px;background:rgba(2,0,2,0.16);} .Agora-drawer .header_social a {font-size: 1.1rem !important; line-height: 24px !important;} .Agora-drawer .header_social a i {color:#566230 } .Agora-drawer .mdl-layout-title .mdl-button--icon i {color:#dd1829 } .Agora-drawer .mdl-button.sign{ color:#fff } .Agora-drawer .mdl-layout-title .mdl-button--icon i{ vertical-align:middle; color:#fff !important; transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); } .Agora-drawer .header_contact a{min-width:21px} @media only screen and (max-width:1024px){ .Agora-drawer #dash-boardh-mob + .mdl-menu__container.is-visible{ right:0 !important; left:0 !important; margin:0px auto !important } .Agora-drawer #dash-boardh-mob + .mdl-menu__container.is-visible .mdl-menu__outline.mdl-menu--bottom-right { transform-origin: 50% 10%; } } /*Agora Drawer Menu*/ /*Button Color Switch*/ body .mdl-layout .mdl-layout__header .mdl-button.mdl-button--primary.mdl-button--raised { color: rgb(255, 255, 255);} body.with-title-slider.title-slider-full .mdl-layout__header .mdl-button:not(.mdl-button--accent){color:rgb(255,255,255);opacity:0.96; } .mdl-layout .mdl-layout__header .mdl-layout-title{padding: 2px 8px; } body .mdl-layout .mdl-layout__header .mdl-button#tranlang{ margin: 0 7px 0 0px; } /*Logo Switch*/ body .mdl-layout .mdl-layout-title .logo,body .mdl-layout .mdl-layout-title .logo{width:auto;} body .mdl-layout .mdl-layout-title.mdl-layout--small-screen-only .logo{} /*Header Background Switch*/ body .mdl-layout .mdl-layout__header .mdl-layout__header-row.top-bar{background: rgba(234, 234, 234, 0.6);border-bottom: 1px solid rgba(234, 234, 234, 0.6);transition:margin 0.3s ease-in;padding-top:5px; padding-bottom:5px;height:2.9rem;margin-top:0;} body .mdl-layout .mdl-layout__header{transition:background-color 0.1s ease-in;} .header_buttons .mdl-button {height: 28px;line-height: 28px;padding: 0 8px;font-size: 11px;} .header_buttons .mdl-button.mdl-button--accent.mdl-button--raised {height: 28px;line-height: 28px;padding: 0 8px;font-size: 11px;color:rgba(0, 0, 0, 0.66)!important;} .header_buttons .mdl-button i {font-size:20px;} .header_buttons .mdl-button--fab.mdl-button--mini-fab {height: 30px;min-width: 30px;width: 30px; padding: 0;} .header_buttons .mdl-button.mdl-button--icon {height:28px;min-width:28px;width:28px; padding: 0; margin-right: 5px;line-height:28;} .realestate-navigation-container { direction: rtl;-webkit-order: 1;-ms-flex-order: 1;order: 1;xwidth:auto; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),width 0.2s cubic-bezier(0.4, 0, 0.2, 1);position:relative;} .mdl-layout__header-row .mdl-navigation { direction: ltr;-webkit-justify-content: flex-end; -ms-flex-pack: end;justify-content: flex-end; xwidth:auto} .mdl-layout__header-row .mdl-navigation ul,.mdl-layout__drawer .mdl-navigation ul{list-style:none;margin:0;padding:0;} .mdl-layout__header-row .mdl-navigation ul li{position:relative;} .mdl-layout__header-row .mdl-navigation>ul>li{display:inline-block;} .mdl-layout__header-row .mdl-navigation>ul>li.have-child>a:after{content: "▾";text-transform: none;font-size: 16px;display: inline-block;position: absolute;opacity: 0.54;} .mdl-layout__header-row .mdl-navigation ul > li > a:not(.mdl-button), .mdl-layout__drawer .mdl-navigation ul > li > a:not(.mdl-button) {position: relative;padding: 0;margin: 0 16px;font-weight: 300;font-size: 0.85rem;display: inline-block;height: 60px;line-height: 65px;background-color: transparent !important;text-transform: uppercase;font-weight: 500;} .mdl-layout__header-row .mdl-navigation ul li a:not(.mdl-button),.mdl-layout__drawer .mdl-navigation ul li a:not(.mdl-button){text-decoration:none;opacity:0.87;} .mdl-layout__header-row .mdl-navigation ul ul li a:not(.mdl-button){box-sizing: border-box;height: auto;line-height: 18px;margin: 0;padding:8px;width: 100%;padding: 8px 12px;text-align: left; color:rgba(0, 0, 0, 0.66);} .mdl-layout__header-row .mdl-navigation ul ul li a:not(.mdl-button):hover{color:rgb(128,130,133)} /*.mdl-layout__header-row .mdl-navigation ul li a:hover + ul li a { color:#094175 } */ .mdl-layout__header-row .mdl-navigation ul ul{transform:scale(0);background:transparent;position:absolute;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);right: 0;transform-origin: 100% 0;padding:0;border-radius: 2px;min-width:160px;z-index: 1;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);} .mdl-layout__header-row .mdl-navigation ul ul ul:after{height:100%;content:"";width:8px;display:inline-block;position:absolute;right:100%;top:0;background:transparent;} .mdl-layout__header-row .mdl-navigation>ul>li:first-child>ul{right:unset;transform-origin: 0 0;left:0;} .mdl-layout__header-row .mdl-navigation ul li>input,.mdl-layout__header-row .mdl-navigation ul li>label{display:none;} .mdl-layout__header-row .mdl-navigation ul>li:hover>ul{transform:scale(1);} .mdl-layout__header-row .mdl-navigation>ul>li>ul:before{content:"";position:absolute;height:12px;width:100%;top:-12px;} .mdl-layout__header-row .mdl-navigation>ul>li>ul{margin-right:11px;margin-top:12px;padding-top:0;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); padding-bottom: 0; } .mdl-layout__header-row .mdl-navigation>ul>li>ul li{ background:#fff } .mdl-layout__header-row .mdl-navigation>ul>li>ul li:first-child {padding-top: 12px; border-radius: 3px 3px 0 0;} .mdl-layout__header-row .mdl-navigation>ul>li>ul li:last-child {padding-bottom: 12px; border-radius: 0 0 3px 3px;} .mdl-layout__header-row .mdl-navigation>ul>li[data-last] ul ul{left:initial;right:100%;margin-right: 8px;transform-origin: 100% 0;} .mdl-layout__header-row .mdl-navigation>ul>li[data-last] ul ul:after{right:initial;left:100%;} .mdl-layout__header-row .mdl-navigation ul ul ul{left:100%;top:0px;margin-left:8px;transform-origin: 0 0;} .mdl-layout__header-row .mdl-navigation ul ul>li.have-child>a:after{content:"keyboard_arrow_right";font-family: "Material Icons";text-rendering: optimizeLegibility;font-feature-settings: 'liga' 1;font-style: normal;text-transform: none;line-height: inherit;font-size: 24px;width: 24px;height: 24px;display: inline-block;overflow: hidden;-webkit-font-smoothing: antialiased;position: absolute;right: 4px;opacity: 0.36;} body .mdl-layout__header-row .mdl-navigation[data-menu-count="1"]> ul > li.more > ul > li:nth-child(1) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="2"]> ul > li.more > ul > li:nth-child(2) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="3"]> ul > li.more > ul > li:nth-child(3) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="4"]> ul > li.more > ul > li:nth-child(4) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="5"]> ul > li.more > ul > li:nth-child(5) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="6"]> ul > li.more > ul > li:nth-child(6) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="7"]> ul > li.more > ul > li:nth-child(7) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="8"]> ul > li.more > ul > li:nth-child(8) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="9"]> ul > li.more > ul > li:nth-child(9) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="10"]> ul > li.more > ul > li:nth-child(10) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="11"]> ul > li.more > ul > li:nth-child(11) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="12"]> ul > li.more > ul > li:nth-child(12) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="13"]> ul > li.more > ul > li:nth-child(13) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="14"]> ul > li.more > ul > li:nth-child(14) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="15"]> ul > li.more > ul > li:nth-child(15) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="16"]> ul > li.more > ul > li:nth-child(16) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="17"]> ul > li.more > ul > li:nth-child(17) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="18"]> ul > li.more > ul > li:nth-child(18) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="19"]> ul > li.more > ul > li:nth-child(19) + li, body .mdl-layout__header-row .mdl-navigation[data-menu-count="20"]> ul > li.more > ul > li:nth-child(20) + li{padding-top: 12px; border-top-left-radius: 3px;border-top-right-radius: 3px;} body .mdl-layout__header-row .mdl-navigation > ul > li.more > ul > li ul{right:100%;left:inherit;margin-left:0;margin-right:8px;transform-origin: 100% 0;} body .mdl-layout__header-row .mdl-navigation > ul > li.more > ul > li ul:after{left:100%;right:inherit;} .mdl-layout__drawer .mdl-navigation ul li a:not(.mdl-button){width:calc(100% - 16px);line-height:36px;height:auto;margin:0 8px;color: rgba(0, 0, 0, 0.66);text-transform: capitalize;font-weight: normal;} .mdl-layout__drawer .mdl-navigation ul li ul li a:not(.mdl-button){line-height:24px;font-weight:400;} .mdl-layout__drawer .mdl-navigation ul li>ul{max-height:0px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;background: rgba(0, 0, 0, 0.02);} .mdl-layout__drawer .mdl-navigation ul li{position:relative;} .mdl-layout__drawer .mdl-navigation ul li>input{display:none;} .mdl-layout__drawer .mdl-navigation ul li>input:checked~ul{max-height:500px;padding-left: 12px;} .mdl-layout__drawer .mdl-navigation ul li>label{display:block;overflow:hidden;height:32px;width:32px;position:absolute;right:8px;top:4px;transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);border-radius:50%;opacity:0.54;} .mdl-layout__drawer .mdl-navigation ul li>label:before{content:"keyboard_arrow_down";display:inline-block;font-family: "Material Icons";font-feature-settings: "liga";font-size: 24px;font-style: normal;font-weight: normal;letter-spacing: normal;text-transform: none; word-wrap: normal;transform: translate(4px, 4px);} .mdl-layout__drawer .mdl-navigation ul li>input:checked~label{transform:rotate(180deg);} body.newStyle .mdl-layout__header-row .mdl-navigation ul > li > a:not(.mdl-button){ font-size:1em; color: #000; } body.newStyle .mdl-selectfield__box .mdl-selectfield__box-value,body.newStyle .mdl-selectfield__list-option-box ul > li { font-size: 14px; } @media (min-width:1024px) and (max-width:1380px) { .class { display: block; } } @media (max-width:1024px) { .mdl-layout__container{position:static} .mdl-layout__header .mdl-layout__drawer-button { margin: 21px 12px; } } /*Navigation Color Switch*/ body .mdl-layout__header-row .mdl-navigation>ul>li>a:not(.mdl-button):before{content:""; position:absolute; width:100%; height:0px;left:0;bottom:-2px;visibility:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);} body .mdl-layout__header-row .mdl-navigation>ul>li:hover>a:not(.mdl-button):before {background:rgb(128,130,133);visibility:visible;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);height:3px;} body.with-title-slider.title-slider-full .mdl-layout__header-row .mdl-navigation>ul>li:hover>a:not(.mdl-button):before{background:rgb(255, 255, 255);} body .mdl-layout__header-row .mdl-navigation .mdl-menu a {white-space:nowrap;line-height:2.1rem;margin:0 8px;height:auto;} @media (min-width:300px) and (max-width:349px) { .android-mobile-title{margin-left: -21px;} } /*MDL Layout Drawer*/ .mdl-layout__drawer-button{color:rgba(128,130,133,0.96)!important;position:fixed!important;margin-top:49px;margin-right:16px; line-height:36px; height: 36px;width:36px;border-radius:2px;box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.05);} .mdl-layout__drawer-button .material-icons{font-size: 24px;line-height:36px;text-shadow: 0px 0px 2px rgba(255,255,255,0.4);} body:not(.scroll).title-slider-full .mdl-layout__drawer-button i{color:rgb(255,255,255);} .mdl-layout__drawer-button{background-color: rgba(128,130,133,0.96) !important; color:#fff !important;box-shadow: 1px 1px 3px rgba(0,0,0,0.2);} .mdl-layout__drawer-button, .mdl-layout__drawer{left: auto; right: 0; } .mdl-layout__drawer{transform:translateX(250px); -webkit-transform:translateX(250px)} @media only screen and (min-width:1025px) { .mdl-layout__drawer-button{ display:none !important } } /*new css juwin end*/ body.with-title-slider-init .title-slider{max-height:0px;} body.with-title-slider-init.with-title-slider .title-slider{maxx-height:1080px;} /*SPECIAL CLASSES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ .demo-cards {align-content: flex-start;align-items: flex-start;} .demo-graphs {align-items: stretch;display: flex;flex-direction: column;} /*SPECIAL CLASSES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ .hide_seo{display:none!important} .mdl-cell--hide{display:none!important} .mdl-cell--show{display:block!important} .mdl-shadow--2dp {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.02);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);} .mdl-shadow--2dp-hover:hover, .property.mdl-shadow--2dp:hover, .Luxury_section .Luxury_property_item:hover,.Smilar_Listings .Smilar_Listings_item:hover {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 3px 5px -2px rgba(0, 0, 0, 0.16), 0 1px 9px 0 rgba(0, 0, 0, 0.08);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);} .mdl-card.agora-card.reset-card {min-height: 0;} [data-ng-view].ng-enter {opacity: 0;transition:all 0.1s cubic-bezier(0.4, 0, 0.2, 1);} [data-ng-view].ng-enter-active {opacity: 1;} [data-ng-view].ng-leave {opacity: 0;transition:all 0.1s cubic-bezier(0.4, 0, 0.2, 1);} [data-ng-view].ng-leave-active {opacity: 0.1; } /* Styling for the ngProgress itself */ #ngProgress {margin: 0;padding: 0;z-index: 99998;background-color: rgba(68,77,38,0.54)!important;color:rgba(68,77,38,0.96)!important; /* Inherits the font color */height: 2px;opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} /* Styling for the ngProgress-container */ #ngProgress-container {position: fixed;margin: 0;padding: 0;top: 0;left: 0;right: 0;z-index: 99999;} .agora-mdl-data-dialog-container:target ~ body{ display:none } .agora-mdl-data-dialog-container {width: 100%;height: 100%;position: absolute;z-index: 999;background: rgba(0,0,0,0.7); top:0 } .agora-mdl-data-dialog-container:target {visibility: visible;display: block;} .agora-mdl-data-dialog-container .reveal-modal {background:#e1e1e1; margin: 0 auto;width:160px; position:relative; z-index:41;top: 25%;padding:30px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);-moz-box-shadow:0 0 10px rgba(0,0,0,0.4); box-shadow:0 0 10px rgba(0,0,0,0.4);} .agora-mdl-data-dialog-content .agora-mdl-data-dialog-content{display:none;} /* Width of popup*/ .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body{background:#fff;margin:100px auto 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .resultsTable {background: #c0c0c0b3;margin: 0 0 27px 0px;width: 100%;color: #222;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .resultsTable td{ padding: 7px 10px; font-size:12px} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .agora-mdl-data-dialog-content{padding: 0px 0px 0px 0px;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body h4 {font-size: 18px;color: #222;margin-top: -2px;margin-bottom: 20px;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .mdl-textfield {margin-top: -25px;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .mdl-selectfield {margin-top: -25px;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .supporting-text-container{padding: 23px 0px 0px;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .supporting-text-container .picker__holder {z-index: 999999;position: fixed;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .picker__input, .demo-cards .picker__input { border-bottom: 1px solid rgba(0,0,0, 0.12);border-top: 0;border-left: 0;border-right: 0; width: 100%;color: #0c0c0c;font-size: 16px;padding: 0 0 6px;margin: 19px 0 0 0;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .picker__box {position: relative;top: 18px;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body{ width: 90%; max-width: 673px;position:relative;} @media only screen and (max-width:64em) { .agora-mdl-data-dialog-container{ overflow-y:scroll } .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body {} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .resultsTable td {font-size: 11.5px;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .agora-mdl-data-dialog-content{padding: 0;} } .popup-open {position: fixed!important;overflow-y: auto;} body.popup-active{overflow:hidden;} @media only screen and (min-width:1024px) { body.popup-active {padding-right: 17px;box-sizing: border-box;} body.popup-active .agora-mdl-data-dialog-container {overflow-y: scroll;} } @media only screen and (max-width:480px) { .resp_table {width: 100%;overflow-x: scroll;overflow-y: hidden;margin: 0 0 20px 0;} } .mdl-close { position: absolute; top: -24px; right: -24px; width: 48px; height: 48px; display: block; z-index: 2; background: rgba(5, 0, 5, 0.84) url(https://cdn-cws.datafloat.com/BNE/images/icon-close.png) no-repeat center center; border: 2px solid #dedede; border-radius: 80px; cursor: pointer; -moz-transition: color .5s ease-in-out; -o-transition: color .5s ease-in-out; -webkit-transition: color .5s ease-in-out; transition: color .5s ease-in-out } @media only screen and (max-width:64em) { .mdl-close {top: -32px;right: 8px;} } /*login popup start*/ @media only screen and (max-width:64em) { .Login_pop .agora-mdl-data-dialog-container-body{max-width:100%;} } @media only screen and (max-width:40em) { .Login_pop input#login:checked ~ .mdl-grid label#id2 { font-size: 13px; line-height: 26px; } .Login_pop #btnlogin{ margin-top:12px } .Login_pop #ForgotPasswordForm .mdl-button{ padding: 0 13px; } } .Login_pop input#login:checked ~ .mdl-grid label#id2{display:block;} .Login_pop .agora-mdl-data-dialog-container-body{max-width: 439px; width: 90%;} .Login_pop .login-left{position:relative} .Login_pop .logologin { width: 72%; margin: 0px auto; bottom: 40px; display: block; } .Login_pop .login-left img{max-width:90%;margin:0 5%;} .Login_pop .logindesc {font-size:15px; min-height: 296px; font-weight:400; color:#fff; padding:40px 5% 20px 5%; } .Login_pop .logindesc span{font-size:29px; line-height:30px; font-weight:300; display:block; margin-bottom:30px; } .Login_pop .Success-text{ font-family:Arial;} .Login_pop .Login-tab.Sign-tab .h5heading { margin: 0 0 32px; } .Login_pop input[type="radio"] {display:none;} .Login_pop span#content2 {display:none;} .Login_pop .linklabel{font-weight:400; display:block; text-align:center;cursor:pointer; color:#939393;margin-top:15px; font-size:16px; text-decoration:underline } .Login_pop div#content1, .Login_pop div#content2{margin:0px 0px; padding:20px 0 0 } .Login_pop input#login {display:none;} .Login_pop input#login:checked ~ .mdl-grid label#id1{font-weight:400; background:#eee; border-bottom:2px solid #b0aeaf } .Login_pop input#login:checked ~ .mdl-grid label#id2{display:block;} .Login_pop input#login ~ .mdl-grid div#content1{display:none;} .Login_pop input#login ~ .mdl-grid div#content2{display:block;} .Login_pop input#login:checked ~ .mdl-grid div#content1{display:block;} .Login_pop input#login:checked ~ .mdl-grid div#content2{display:none;} .Login_pop input#forgotpassword{display:none;} .Login_pop input#forgotpassword ~ .sign-in,.Login_pop input#forgotpassword ~ .forgot-password{display:none;} .Login_pop input#forgotpassword:not(:checked) ~ .sign-in{display:block;} .Login_pop input#forgotpassword:checked ~ .forgot-password{display:block;} /*.Login_pop .word-right{padding:30px 40px 0 40px; }*/ .Login_pop .h4heading {text-align:center} .Login_pop .h5heading{text-align:center; font-size: 21px; font-weight: 400; display:block; width:100%; margin: 20px 0 8px; } .Login_pop .forgotpass{display: inline;xfloat: right;font-size: 12px;line-height:2.6rem;: 300;margin-top: 10px; color:rgba(0, 0, 0, 0.54)} .Login_pop .top-nav__auth {display: block;margin: 15px 0 0;text-align: center} .Login_pop .top-nav__auth>span {width: 35px;height: 35px;display: inline-block;position: relative;margin-bottom: 10px} .Login_pop .top-nav__auth>span:before {position: absolute;content: '';height: 1px;width: 160px;top: 17px;left: -64px;background-color: #eee;z-index: 0} .Login_pop .top-nav__auth>span:after {position: absolute;top:0px; left:0px; right:0px; content: 'or'; display:block; width: 35px;height: 35px; background-color:#fff; border: 1px solid #eee; border-radius: 50%; line-height: 32px; z-index: 1} .Login_pop .othersignin{width:100%;margin-top:10px; position:relative;} .Login_pop .othersignin a {height:40px; line-height:40px; padding: 0;text-align: left;text-indent: 15px;width:50%; display:block; float:left; color:#fff; border-radius:0; } .Login_pop .othersignin a:after{font-family: FontAwesome;font-weight: normal;font-style: normal;position:absolute; right:15px; } .Login_pop .othersignin .facebooka{background:#3b5998} .Login_pop .othersignin .facebooka:after{content: '\f09a';} .Login_pop .othersignin .googlea{background:#DF4A32} .Login_pop .othersignin .googlea:after{content:'\f1a0';} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body header .mdl-grid > .mdl-cell { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .long-pop i.bg_icon { position: static; margin: 0; font-size: 4rem; color: rgba(255,255,255,0.96); z-index: 1; opacity: 0.24 } .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .long-pop h2 { margin: auto 1rem; text-transform: uppercase; color: rgba(255,255,255,0.96); font-size: 1.8rem; z-index: 2; position: relative; display: inline-block; } @media only screen and (max-width:840px) { .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .long-pop h2 {font-size: 1.2rem !important;} .agora-mdl-data-dialog-container .agora-mdl-data-dialog-container-body .long-pop i.bg_icon {font-size: 3rem;display:block;} } @media only screen and (max-width:480px){ .mdl-typography--text-left-phone{ text-align:left!important; } } .Login_pop .othersignin .facebooka:after{content: '\f09a';} .Login_pop .othersignin .googlea{background:#DF4A32} .Login_pop .othersignin .googlea:after{content:'\f1a0';} @media only screen and (max-width:480px){ .mdl-typography--text-left-phone{ text-align:left!important; } } @supports (-webkit-overflow-scrolling: touch) { .mdl-button__ripple-container { display: none !important;} }