.fab { display: inline-block; border-radius: 100% !important; } .fab .fab-inner { display: block; border-radius: 100%; background-color: #9B0309; background-size: 24px 24px; background-position: center center; background-repeat: no-repeat; } .small { height: 40px; width: 40px; } .large { height: 56px; width: 56px; } .raised-button { border: none; padding: 8px; min-width: 88px; background-color: #9B0309; color: #ffffff; } .raised-button:hover { background-color: rgba(155,3,9,0.87); } .raised-button:active { background-color: rgba(155,3,9,0.87); } .disabled { background-color: rgba(204,204,204,0.1); } .flat-button { display: inline-block; border: none; padding: 8px; background-color: transparent; color: rgba(0,0,0,0.26); text-decoration: none; } .flat-button.attention { color: #9B0309; } .flat-button:hover { color: rgba(0,0,0,0.54); } .flat-button.attention:hover { color: rgba(155,3,9,0.87); } .flat-button.attention:active { color: rgba(155,3,9,0.87); } .flat-button.attention2 { color: #9B0309; } .flat-button.attention2:hover { color: rgba(155,3,9,0.87); } .flat-button.attention2:active { color: rgba(155,3,9,0.87); } .flat-button.corporate { color: #9B0309; } .flat-button.corporate:hover { color: rgba(155,3,9,0.87); } .flat-button.corporate:active { color: rgba(155,3,9,0.87); } .icon_toggle { display: inline-block; border-radius: 100%; height: 56px; width: 56px; background-size: 24px 24px; background-position: center center; background-repeat: no-repeat; } .icon_toggle:focus { border-color: #cccccc; } .corporate { color: #9B0309; } .attention { color: #9B0309; } .attention2 { color: #9B0309; } .new-light { background-image: url("/assets/_files/icons/action/white/lg/new.png"); } .new-dark { background-image: url("/assets/_files/icons/action/grey/lg/new.png"); } .bg-img { opacity: 0.24; } .bg-img.active { opacity: 1; } .bg-img.attraction { background-image: url("/assets/_files/icons/action/grey/attraction.png"); } .bg-img.beach { background-image: url("/assets/_files/icons/action/grey/beach.png"); } .bg-img.food { background-image: url("/assets/_files/icons/action/grey/food.png"); } .bg-img.house { background-image: url("/assets/_files/icons/action/grey/house.png"); } .bg-img.med { background-image: url("/assets/_files/icons/action/grey/med.png"); } .bg-img.restaurant { background-image: url("/assets/_files/icons/action/grey/restaurant.png"); } .bg-img.shopping { background-image: url("/assets/_files/icons/action/grey/shopping.png"); } .bg-img.sport { background-image: url("/assets/_files/icons/action/grey/sport.png"); } .shadow-top-z-0 { border-radius: inherit; box-shadow: none; transition: box-shadow 0.5s; } .shadow-bottom-z-0 { border-radius: inherit; box-shadow: none; transition: box-shadow 0.5s; } .shadow-top-z-0:hover { border-radius: inherit; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.16); transition: box-shadow 0.5s; } .shadow-bottom-z-0:hover { border-radius: inherit; box-shadow: 0 3px 4px 0 rgba(0,0,0,0.19); transition: box-shadow 0.5s; } .shadow-top-z-1 { border-radius: inherit; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.12); transition: box-shadow 0.5s; } .shadow-bottom-z-1 { border-radius: inherit; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2); transition: box-shadow 0.5s; } .shadow-top-z-2 { border-radius: inherit; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.16); transition: box-shadow 0.5s; } .shadow-bottom-z-2 { border-radius: inherit; box-shadow: 0 3px 4px 0 rgba(0,0,0,0.19); transition: box-shadow 0.5s; } .shadow-top-z-3 { border-radius: inherit; box-shadow: 0 8px 8px 0 rgba(0,0,0,0.19); transition: box-shadow 0.5s; } .shadow-bottom-z-3 { border-radius: inherit; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.19); transition: box-shadow 0.5s; } .shadow-top-z-4 { border-radius: inherit; box-shadow: 0 11px 11px 0 rgba(0,0,0,0.25); transition: box-shadow 0.5s; } .shadow-bottom-z-4 { border-radius: inherit; box-shadow: 0 8px 6px 0 rgba(0,0,0,0.18); transition: box-shadow 0.5s; } .shadow-top-z-5 { border-radius: inherit; box-shadow: 0 14px 14px 0 rgba(0,0,0,0.3); transition: box-shadow 0.5s; } .shadow-bottom-z-5 { border-radius: inherit; box-shadow: 0 11px 7px 0 rgba(0,0,0,0.18); transition: box-shadow 0.5s; } article.hover.shadow-top-z-1:hover { box-shadow: 0 4px 4px 0 rgba(0,0,0,0.16); } article.hover.shadow-top-z-1:hover a.shadow-bottom-z-1 { box-shadow: 0 3px 4px 0 rgba(0,0,0,0.19); } article.hover.shadow-top-z-2:hover { box-shadow: 0 8px 8px 0 rgba(0,0,0,0.19); } article.hover.shadow-top-z-2:hover a.shadow-bottom-z-2 { box-shadow: 0 2px 6px 0 rgba(0,0,0,0.19); } article.hover.shadow-top-z-3:hover { box-shadow: 0 11px 11px 0 rgba(0,0,0,0.25); } article.hover.shadow-top-z-3:hover a.shadow-bottom-z-3 { box-shadow: 0 8px 6px 0 rgba(0,0,0,0.18); } article.hover.shadow-top-z-4:hover { box-shadow: 0 14px 14px 0 rgba(0,0,0,0.3); } article.hover.shadow-top-z-4:hover a.shadow-bottom-z-4 { box-shadow: 0 11px 7px 0 rgba(0,0,0,0.18); } img.profile { border-radius: 100%; } h1, h2, h3, h4, h5, h6, a, p, span, ul, ol, li { margin: 0; padding: 0; color: rgba(0,0,0,0.87); font-family: 'Roboto', sans-serif; line-height: 150%; } .display4 { font-weight: 300; font-size: 11.2em; } .display3 { font-weight: 400; font-size: 5.6em; } .display2 { font-weight: 400; font-size: 4.5em; } .display1 { font-weight: 400; font-size: 3.4em; } .headline { font-weight: 400; font-size: 2.4em; } .title { font-weight: 500; font-size: 2em; } .subhead { font-weight: 400; font-size: 1.6em; } .body2 { font-weight: 500; font-size: 1.4em; } .body1 { font-weight: 400; font-size: 1.4em; } .caption { font-weight: 400; font-size: 1.2em; } .menu { font-weight: 500; font-size: 1.4em; } .button { font-weight: 500; font-size: 1.4em; } .text-glow { text-shadow: 0 2px 6px rgba(0,0,0,0.6), 0 2px 6px rgba(0,0,0,0.6), 0 2px 6px rgba(0,0,0,0.6); } @media only screen and (max-width: 767px) { .display4 { font-size: 11em; } .display3 { font-size: 5.4em; } .display2 { font-size: 4.3em; } .display1 { font-size: 3.2em; } .headline { font-size: 2.2em; } .title { font-size: 1.8em; } .subhead { font-size: 1.4em; } .body2 { font-size: 1.2em; } .body1 { font-size: 1.2em; } .menu { font-size: 1.2em; } .button { font-size: 1.2em; } } .card { display: inline-block; position: relative; margin-top: 4px; margin-bottom: 4px; border-radius: 2px; width: 100%; } .card-inner { border-top: 1px solid rgba(0,0,0,0.12); border-radius: 2px; background-color: #ffffff; width: 100%; } .card-head { border-bottom: 1px solid rgba(0,0,0,0.1); padding: 16px; text-align: center; } .card-head h1, .card-head h2, .card-head h3, .card-head h4, .card-head h5 { padding: 0; } .card-body { padding: 16px; } .elem-agent-common-corona_special .card { padding: 16px; padding-bottom: 8px; background-color: #8C8B55; } .elem-agent-common-corona_special .card h2, .elem-agent-common-corona_special .card p { color: #9B0309; } .elem-agent-common-corona_special .card span { cursor: pointer; } .elem-agent-common-stars { display: inline-block; } .elem-agent-common-stars span { display: inline-block; color: #FFC602; } .elem-agent-common-stars span.small-star { font-size: 1.4em; } .elem-agent-common-stars span.medium-star { font-size: 1.8em; } .elem-agent-common-stars span.large-star { font-size: 2.4em; } .elem-agent-contact-about h1 { padding-top: 24px; padding-bottom: 8px; } .elem-agent-contact-about .card-inner { overflow: hidden; padding: 16px; } .elem-agent-contact-about .card-inner div { display: inline; position: relative; float: left; height: 166px; width: 50%; } .elem-agent-contact-about .card-inner div h2 { padding-left: 58px; line-height: 100%; } .elem-agent-contact-about .card-inner div h3.body1 { padding-left: 58px; } .elem-agent-contact-about .card-inner div span.icon { position: absolute; top: 0; left: 0; color: #9B0309; font-size: 4em; } .elem-agent-contact-about .card-inner div p { padding-top: 8px; padding-right: 16px; } .elem-agent-contact-about .card-inner .border-left { padding-left: 16px; border-left: 1px solid rgba(0,0,0,0.12); } .elem-agent-contact-about .card-inner .border-left span.icon { left: 16px; } .elem-agent-contact-about .card-inner .border-left p { padding-right: 0; } .elem-agent-contact-about .card-inner .border-top { padding-top: 16px; border-top: 1px solid rgba(0,0,0,0.12); } .elem-agent-contact-about .card-inner .border-top span.icon { top: 16px; } @media only screen and (max-width: 767px) { .elem-agent-contact-about h1 { padding-top: 16.8px; padding-bottom: 5.6px; } .elem-agent-contact-about .card-inner { padding: 0; } .elem-agent-contact-about .card-inner div { padding: 11.2px; height: auto; width: 100%; border-top: 1px solid rgba(0,0,0,0.12); } .elem-agent-contact-about .card-inner div h2 { padding-left: 30px; } .elem-agent-contact-about .card-inner div h3.body1 { padding-left: 40.6px; } .elem-agent-contact-about .card-inner div p { padding-top: 5.6px; padding-right: 11.2px; } .elem-agent-contact-about .card-inner div span.icon { top: 11.2px; left: 11.2px; font-size: 2em; } .elem-agent-contact-about .card-inner .border-left { border: inherit; padding-left: 11.2px; } .elem-agent-contact-about .card-inner .border-left span.icon { left: 11.2px; } .elem-agent-contact-about .card-inner .border-top { border: inherit; padding-top: 11.2px; } .elem-agent-contact-about .card-inner .border-top span.icon { top: 11.2px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-contact-about h1 { padding-top: 19.2px; padding-bottom: 6.4px; } .elem-agent-contact-about .card-inner { padding: 12.8px; } .elem-agent-contact-about .card-inner div { height: 200px; } .elem-agent-contact-about .card-inner div h2 { padding-left: 46.4px; } .elem-agent-contact-about .card-inner div h3.body1 { padding-left: 46.4px; } .elem-agent-contact-about .card-inner div p { padding-top: 6.4px; padding-right: 12.8px; } .elem-agent-contact-about .card-inner .border-left { padding-left: 12.8px; } .elem-agent-contact-about .card-inner .border-left span.icon { left: 12.8px; } .elem-agent-contact-about .card-inner .border-top { padding-top: 12.8px; } .elem-agent-contact-about .card-inner .border-top span.icon { top: 12.8px; } } .elem-agent-contact-contact_form .card-inner { overflow: hidden; height: 445px; } .elem-agent-contact-contact_form .card-inner form .form-body { padding: 16px 8px 8px 16px; } .elem-agent-contact-contact_form .card-inner form .form-body h1 { padding-bottom: 16px; } .elem-agent-contact-contact_form .card-inner form .form-body .obligatory input { border-color: rgba(0,0,0,0.54); } .elem-agent-contact-contact_form .card-inner form .form-body div.contact-text { position: relative; padding: 8px 0; } .elem-agent-contact-contact_form .card-inner form .form-body div.contact-text span.body1 { display: inline-block; padding-top: 6px; padding-bottom: 36px; vertical-align: top; } .elem-agent-contact-contact_form .card-inner form .form-body div.contact-text div.elem-agent-form-input_text { display: inline-block; position: absolute; left: 26%; width: 74%; } .elem-agent-contact-contact_form .card-inner form .form-footer { position: relative; border-top: 1px solid rgba(0,0,0,0.12); } .elem-agent-contact-contact_form .card-inner form .form-footer span.caption { position: absolute; bottom: 8px; left: 16px; color: rgba(0,0,0,0.26); } .elem-agent-contact-contact_form .card-inner form .form-footer input { background-color: #9B0309; } .elem-agent-contact-contact_form .card-inner form .form-footer input:hover, .elem-agent-contact-contact_form .card-inner form .form-footer input:active, .elem-agent-contact-contact_form .card-inner form .form-footer input:focus { background-color: rgba(155,3,9,0.87); } @media only screen and (max-width: 767px) { .elem-agent-contact-contact_form .card-inner { padding: 11.2px; } .elem-agent-contact-contact_form .card-inner form .form-body { width: 100%; } .elem-agent-contact-contact_form .card-inner form .form-body h1 { padding-bottom: 11.2px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-contact-contact_form .card-inner { height: 436px; } .elem-agent-contact-contact_form .card-inner form .form-body { padding: 12.8px 6.4px 6.4px 12.8px; } .elem-agent-contact-contact_form .card-inner form .form-body h1 { padding-bottom: 12.8px; } .elem-agent-contact-contact_form .card-inner form .form-body div.contact-text { position: relative; padding: 8px 0; } .elem-agent-contact-contact_form .card-inner form .form-body div.contact-text span.body1 { display: inline-block; padding-top: 6px; padding-bottom: 36px; vertical-align: top; } .elem-agent-contact-contact_form .card-inner form .form-body div.contact-text div.elem-agent-form-input_text { display: inline-block; position: absolute; left: 35%; width: 65%; } .elem-agent-contact-contact_form .group { padding: 4px 0; } } .elem-agent-contact-contact_number .card-inner { background-color: #8C8B55; padding: 16px; } .elem-agent-contact-contact_number .card-inner h1 { display: inline-block; padding-left: 16px; vertical-align: top; color: #FFFFFF; } .elem-agent-contact-contact_number .card-inner span.icon { display: inline-block; margin-bottom: -4px; padding-right: 0; font-size: 5em; color: #FFFFFF; } .elem-agent-contact-contact_number .card-inner span.subhead { line-height: 100%; color: #FFFFFF; } @media only screen and (max-width: 767px) { .elem-agent-contact-contact_number .card-inner { padding: 11.2px; } .elem-agent-contact-contact_number .card-inner h1 { padding-left: 8px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-contact-contact_number .card-inner { padding: 12.8px; } .elem-agent-contact-contact_number .card-inner h1 { padding-left: 12.8px; } } .elem-agent-contact-contact_number_list .card-inner { padding: 16px; min-height: 485px; } .elem-agent-contact-contact_number_list .card-inner h1 { padding-bottom: 20px; line-height: 100%; } .elem-agent-contact-contact_number_list .card-inner ul li { position: relative; height: 40px; margin: 8px 0; } .elem-agent-contact-contact_number_list .card-inner ul li h2 { display: inline-block; padding-top: 8px; padding-left: 48px; } .elem-agent-contact-contact_number_list .card-inner ul li span.subhead { padding-top: 8px; } .elem-agent-contact-contact_number_list .card-inner ul li img { position: absolute; top: 0; left: 0; border-radius: 100%; height: 40px; width: 40px; } @media only screen and (max-width: 767px) { .elem-agent-contact-contact_number_list .card-inner { padding: 11.2px; min-height: 200px; } .elem-agent-contact-contact_number_list .card-inner h1 { padding-bottom: 14px; } .elem-agent-contact-contact_number_list .card-inner ul li { height: 48px; margin: 5.6px 0; } .elem-agent-contact-contact_number_list .card-inner ul li h2 { padding-top: 0; padding-left: 48px; width: 100%; } .elem-agent-contact-contact_number_list .card-inner ul li span.subhead { padding-top: 0; padding-left: 48px; width: 100%; } .elem-agent-contact-contact_number_list .card-inner ul li img { top: 2px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-contact-contact_number_list .card-inner { padding: 12.8px; min-height: 464px; } .elem-agent-contact-contact_number_list .card-inner h1 { padding-bottom: 16px; } .elem-agent-contact-contact_number_list .card-inner ul li { height: 32px; margin: 6.4px 0; } .elem-agent-contact-contact_number_list .card-inner ul li h2 { padding-top: 6.4px; padding-left: 38.4px; } .elem-agent-contact-contact_number_list .card-inner ul li span.subhead { padding-top: 6.4px; } .elem-agent-contact-contact_number_list .card-inner ul li img { height: 32px; width: 32px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-contact-contact_number_list .card-inner { padding: 16px; min-height: 444px; } } .elem-agent-contact-contact_teaser .card-inner { padding: 16px; padding-bottom: 8px; overflow: hidden; } .elem-agent-contact-contact_teaser .card-inner h1 { padding-bottom: 16px; } .elem-agent-contact-contact_teaser .card-inner .contact-info { position: relative; padding: 8px; height: 64px; } .elem-agent-contact-contact_teaser .card-inner .contact-info img { position: absolute; top: 0; left: 0; height: 64px; width: 64px; } .elem-agent-contact-contact_teaser .card-inner .contact-info span { display: block; padding: 2px; padding-left: 75px; } @media only screen and (max-width: 767px) { .elem-agent-contact-contact_teaser .card-inner { padding: 11.2px; padding-bottom: 5.6px; } .elem-agent-contact-contact_teaser .card-inner h1 { padding-bottom: 11.2px; } .elem-agent-contact-contact_teaser .card-inner .contact-info { padding: 5.6px; height: 44.8px; } .elem-agent-contact-contact_teaser .card-inner .contact-info img { height: 44.8px; width: 44.8px; } .elem-agent-contact-contact_teaser .card-inner .contact-info span { padding: 0; padding-left: 52.5px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-contact-contact_teaser .card-inner { padding: 12.8px; padding-bottom: 6.4px; } .elem-agent-contact-contact_teaser .card-inner h1 { padding-bottom: 12.8px; } .elem-agent-contact-contact_teaser .card-inner .contact-info { padding: 6.4px; height: 51.2px; } .elem-agent-contact-contact_teaser .card-inner .contact-info img { height: 51.2px; width: 51.2px; } .elem-agent-contact-contact_teaser .card-inner .contact-info span { padding-left: 60px; } } .elem-agent-contact-faq .card-inner { padding: 8px 0; } .elem-agent-contact-faq .card-inner h1 { padding: 8px 20px; } .elem-agent-contact-faq .card-inner li { padding: 16px 20px; border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-contact-faq .card-inner li h2 { padding-bottom: 8px; } .elem-agent-contact-faq .card-inner li:last-child { border-bottom: none; } @media only screen and (max-width: 767px) { .elem-agent-contact-faq .card-inner { padding: 5.6px 0; } .elem-agent-contact-faq .card-inner h1 { padding: 5.6px 14px; } .elem-agent-contact-faq .card-inner li { padding: 11.2px 14px; } .elem-agent-contact-faq .card-inner li h2 { padding-bottom: 5.6px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-contact-faq .card-inner { padding: 6.4px 0; } .elem-agent-contact-faq .card-inner h1 { padding: 6.4px 16px; } .elem-agent-contact-faq .card-inner li { padding: 12.8px 16px; } .elem-agent-contact-faq .card-inner li h2 { padding-bottom: 6.4px; } } .elem-agent-contact-hero_nav .card { margin-top: 0; } .elem-agent-contact-hero_nav .card-inner { overflow: hidden; border-top: none; } .elem-agent-contact-hero_nav .card-inner .hero-img { position: relative; height: 450px; overflow: hidden; } .elem-agent-contact-hero_nav .card-inner .hero-img h1 { position: absolute; bottom: 16px; left: 16px; color: #ffffff; } .elem-agent-contact-hero_nav .card-inner .hero-img img { height: auto; width: 100%; } .elem-agent-contact-hero_nav .card-inner ul li { float: left; width: 25%; } .elem-agent-contact-hero_nav .card-inner ul li a { display: inline-block; padding: 26px; width: 100%; } .elem-agent-contact-hero_nav .card-inner ul li.active { border-bottom: 2px solid #9B0309; } .elem-agent-contact-hero_nav .card-inner ul li.active a { color: #9B0309; } @media only screen and (max-width: 767px) { .elem-agent-contact-hero_nav .card { margin: 0; } .elem-agent-contact-hero_nav .card-inner { border: 0; border-radius: 0; height: auto; } .elem-agent-contact-hero_nav .card-inner .hero-img { height: auto; } .elem-agent-contact-hero_nav .card-inner .hero-img h1 { bottom: 12.8px; left: 0; font-size: 2em; text-align: center; width: 100%; } .elem-agent-contact-hero_nav .card-inner ul li a { padding: 20.8px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-contact-hero_nav .card-inner { height: 386px; } .elem-agent-contact-hero_nav .card-inner .hero-img { height: 320px; } .elem-agent-contact-hero_nav .card-inner .hero-img h1 { bottom: 12.8px; left: 12.8px; font-size: 5em; } .elem-agent-contact-hero_nav .card-inner ul li a { padding: 20.8px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-contact-hero_nav .card-inner { overflow: hidden; } .elem-agent-contact-hero_nav .card-inner .hero-img { position: relative; height: 429px; overflow: hidden; } } .elem-agent-contact-popup_form { z-index: 12; position: absolute; top: 32px; right: 32px; } .elem-agent-contact-popup_form .popup-content .card { overflow: hidden; height: 0; width: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .elem-agent-contact-popup_form .popup-content .card .card-inner { position: relative; overflow: hidden; height: 521px; width: 460px; } .elem-agent-contact-popup_form .popup-content .card .card-inner article.form-head { position: relative; padding: 12px 16px; border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-contact-popup_form .popup-content .card .card-inner article.form-head a.close { position: absolute; top: 0; right: 0; font-size: 2.4em; color: rgba(0,0,0,0.54); } .elem-agent-contact-popup_form .popup-content .card .card-inner article.form-head p.body1 { padding-top: 8px; } .elem-agent-contact-popup_form .popup-content .card .card-inner article.form-head p.body1 a { padding: 0; color: rgba(0,0,0,0.87); font-size: 1em; } .elem-agent-contact-popup_form .popup-content .card .card-inner form { position: relative; top: inherit; right: inherit; } .elem-agent-contact-popup_form .popup-content .card .card-inner form .form-body { padding: 12px 16px; } .elem-agent-contact-popup_form .popup-content .card .card-inner form .form-body h2 { padding-top: 16px; } .elem-agent-contact-popup_form .popup-content .card .card-inner form .form-body .obligatory input { border-color: rgba(0,0,0,0.54); } .elem-agent-contact-popup_form .popup-content .card .card-inner form .form-body div.contact-text { position: relative; } .elem-agent-contact-popup_form .popup-content .card .card-inner form .form-body div.contact-text span.body1 { display: inline-block; padding-top: 6px; padding-bottom: 36px; vertical-align: top; } .elem-agent-contact-popup_form .popup-content .card .card-inner form .form-body div.contact-text div.elem-agent-form-input_text { display: inline-block; position: absolute; left: 26%; width: 74%; } .elem-agent-contact-popup_form .popup-content .card .card-inner form .form-footer { position: relative; border-top: 1px solid rgba(0,0,0,0.12); } .elem-agent-contact-popup_form .popup-content .card .card-inner form .form-footer span.caption { position: absolute; bottom: 16px; left: 16px; color: rgba(0,0,0,0.26); } .elem-agent-contact-popup_form .popup-content .card .card-inner form .form-footer input { padding: 16px; background-color: #9B0309; color: #ffffff; } .elem-agent-contact-popup_form .popup-content .card .card-inner form .form-footer input:hover, .elem-agent-contact-popup_form .popup-content .card .card-inner form .form-footer input:active, .elem-agent-contact-popup_form .popup-content .card .card-inner form .form-footer input:focus { background-color: rgba(155,3,9,0.87); } .elem-agent-contact-popup_form .popup-content .card.show { height: 521px; width: 460px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-contact-popup_form { top: inherit; right: 32px; bottom: 8px; } } .elem-agent-contact-service_hours .card .card-inner { padding: 12px 16px; } .elem-agent-contact-service_hours .card .card-inner p { padding: 2px 0; } @media only screen and (max-width: 767px) { .elem-agent-contact-service_hours .card .card-inner { padding: 8.4px 11.2px; } .elem-agent-contact-service_hours .card .card-inner p { padding: 1.4px 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-contact-service_hours .card .card-inner { padding: 9.6px 12.8px; } .elem-agent-contact-service_hours .card .card-inner p { padding: 1.6px 0; } } .elem-agent-contact-team h1 { padding-top: 24px; padding-bottom: 8px; } .elem-agent-contact-team .card-inner { position: relative; padding: 16px; height: 208px; } .elem-agent-contact-team .card-inner p { width: 295px; } .elem-agent-contact-team .card-inner .profile-img { position: absolute; top: 16px; right: 16px; } .elem-agent-contact-team .card-inner .profile-img img.profile { height: 152px; width: 152px; } .elem-agent-contact-team .card-inner .profile-img span.name { display: block; position: relative; padding-top: 24px; width: 100%; } .elem-agent-contact-team .card-inner img.signiture { position: absolute; right: 216px; bottom: 42px; height: 40px; width: auto; } .elem-agent-contact-team .card-inner span { position: absolute; bottom: 16px; color: rgba(0,0,0,0.26); } @media only screen and (max-width: 767px) { .elem-agent-contact-team h1 { padding-top: 16.8px; padding-bottom: 5.6px; } .elem-agent-contact-team .card-inner { padding: 11.2px; height: 168.7px; } .elem-agent-contact-team .card-inner p { width: 65%; } .elem-agent-contact-team .card-inner .profile-img { top: 11.2px; right: 11.2px; width: 25%; } .elem-agent-contact-team .card-inner .profile-img img.profile { height: auto; width: 100%; } .elem-agent-contact-team .card-inner .profile-img span.name { padding-top: 14px; } .elem-agent-contact-team .card-inner img.signiture { right: 11.2px; bottom: 11.2px; height: 34px; } .elem-agent-contact-team .card-inner span { bottom: 11.2px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-contact-team h1 { padding-top: 19.2px; padding-bottom: 6.4px; } .elem-agent-contact-team .card-inner { padding: 12.8px; height: 220px; } .elem-agent-contact-team .card-inner p { width: 236px; } .elem-agent-contact-team .card-inner .profile-img { top: 12.8px; right: 12.8px; width: 25%; } .elem-agent-contact-team .card-inner .profile-img img.profile { height: auto; width: 100%; } .elem-agent-contact-team .card-inner .profile-img span.name { padding-top: 20px; } .elem-agent-contact-team .card-inner img.signiture { right: 25%; bottom: 33.6px; height: 32px; } .elem-agent-contact-team .card-inner span { bottom: 12.8px; } } .elem-agent-contact-trust_teaser { position: relative; margin-top: 8px; margin-bottom: 8px; padding: 16px; width: 100%; background-color: #8C8B55; } @media only screen and (max-width: 767px) { .elem-agent-contact-trust_teaser { margin-top: 5.6px; margin-bottom: 5.6px; padding: 11.2px; font-size: 2em; line-height: 120%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-contact-trust_teaser { margin-top: 6.4px; margin-bottom: 6.4px; padding: 12.8px; } } .elem-agent-contact-contact_form-dismissable_input { position: relative; width: 100%; } .elem-agent-contact-contact_form-dismissable_input .input { position: absolute; left: 40%; width: 60%; } .elem-agent-contact-contact_form-dismissable_input .label { display: inline-block; } .elem-agent-contact-contact_form-dismissable_input .label .editable { display: inline-block; height: 37px; cursor: pointer; background-color: #ffffff; } .elem-agent-contact-contact_form-dismissable_input .label .editable .line { position: relative; z-index: 20; border-bottom: 1px solid rgba(0,0,0,0.26); height: 18px; width: 36px; } .elem-agent-contact-contact_form-dismissable_input .label .editable .line .bullet { z-index: 21; position: absolute; top: 10px; height: 16px; width: 16px; border-radius: 100%; border: 1px solid rgba(0,0,0,0.54); background-color: #ffffff; } .elem-agent-contact-contact_form-dismissable_input .label .editable .on { border-color: #9B0309; } .elem-agent-contact-contact_form-dismissable_input .label .editable .on .bullet { left: inherit; right: 0; border-color: #9B0309; background-color: #9B0309; } .elem-agent-contact-contact_form-dismissable_input .label span { display: inline-block; padding: 8px; height: 37px; vertical-align: top; } .elem-agent-contact-contact_form-dismissable_input .text-area { display: none; } @media only screen and (max-width: 767px) { .elem-agent-contact-contact_form-dismissable_input .input { position: absolute; right: 0; left: auto; width: 54%; } .elem-agent-contact-contact_form-dismissable_input .input .group { padding-top: 5px; } .elem-agent-contact-contact_form-dismissable_input .label .editable { height: 29.6px; } .elem-agent-contact-contact_form-dismissable_input .label .editable .line { height: 14.4px; width: 28.8px; } .elem-agent-contact-contact_form-dismissable_input .label .editable .line .bullet { top: 8px; height: 12.8px; width: 12.8px; } .elem-agent-contact-contact_form-dismissable_input .label span { padding: 6.4px; height: 29.6px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-contact-contact_form-dismissable_input .label .editable { height: 29.6px; } .elem-agent-contact-contact_form-dismissable_input .label .editable .line { height: 14.4px; width: 28.8px; } .elem-agent-contact-contact_form-dismissable_input .label .editable .line .bullet { top: 8px; height: 12.8px; width: 12.8px; } .elem-agent-contact-contact_form-dismissable_input .label span { padding: 6.4px; height: 29.6px; } } .elem-agent-contact-contact_form-input { display: inline-block; width: 100%; } .elem-agent-contact-contact_form-input .group { position: relative; padding: 8px 0; } .elem-agent-contact-contact_form-input input { font-size: 12px; display: block; width: 100%; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); background-color: transparent; color: rgba(0,0,0,0.87); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-contact-contact_form-input .bar { position: relative; display: block; width: 100%; } .elem-agent-contact-contact_form-input .bar:before, .elem-agent-contact-contact_form-input .bar:after { content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #9B0309; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-contact-contact_form-input .bar:before { left: 50%; } .elem-agent-contact-contact_form-input .bar:after { right: 50%; } .elem-agent-contact-contact_form-input input:focus ~ .bar:before, .elem-agent-contact-contact_form-input input:focus ~ .bar:after { width: 50%; } .elem-agent-contact-contact_form-input .highlight { position: absolute; width: 100px; left: 0; pointer-events: none; opacity: 0.5; } .elem-agent-contact-contact_form-input input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-contact-contact_form-input from { background: rgba(0,0,0,0.1); } .elem-agent-contact-contact_form-input to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-contact-contact_form-input from { background: rgba(0,0,0,0.1); } .elem-agent-contact-contact_form-input to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-contact-contact_form-input from { background: rgba(0,0,0,0.1); } .elem-agent-contact-contact_form-input to { width: 0; background: transparent; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-contact-contact_form-input .group { padding: 6.4px 0; } .elem-agent-contact-contact_form-input .highlight { width: 80px; } } .elem-agent-expose-attention { height: 54px; } .elem-agent-expose-attention .navigation { width: 314px; } .elem-agent-expose-attention .navigation .card { position: relative; } .elem-agent-expose-attention .navigation .card attention.card-inner { overflow: hidden; position: relative; } @media only screen and (max-width: 767px) { .elem-agent-expose-attention .navigation { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-attention .navigation { width: 254px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-expose-attention .navigation { width: 337px; } } .elem-agent-expose-attention .navigation.fixed { position: fixed; top: 0; } .elem-agent-expose-attention .navigation.fixed .card { margin: 0; } .elem-agent-expose-attention .navigation.absolute { position: absolute; bottom: 0; } .elem-agent-expose-attention_xs { width: 314px; } .elem-agent-expose-attention_xs .card { position: relative; } .elem-agent-expose-attention_xs .card attention.card-inner { position: relative; } @media only screen and (max-width: 767px) { .elem-agent-expose-attention_xs { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-attention_xs { width: 254px; } .elem-agent-expose-attention_xs .card .attention.card-inner { height: 486px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-expose-attention_xs { width: 337px; } .elem-agent-expose-attention_xs .card .attention.card-inner { height: 522px; } } .elem-agent-expose-attention_xs.fixed { position: fixed; -webkit-transform: translateZ(0); top: 0; } .elem-agent-expose-attention_xs.fixed .card { margin: 0; } .elem-agent-expose-attention_xs.absolute { position: absolute; bottom: 0; } .elem-agent-expose-calendar_price .card { position: relative; } .elem-agent-expose-description .card .card-inner { position: relative; } .elem-agent-expose-description .card .card-inner h1 { padding: 8px 16px; } .elem-agent-expose-description .card .card-inner p.description { border-top: 1px solid rgba(0,0,0,0.12); padding: 12px 24px; padding-right: 200px; } @media only screen and (max-width: 767px) { .elem-agent-expose-description .card .card-inner h1 { padding: 5.6px 11.2px; font-size: 1.8em; } .elem-agent-expose-description .card .card-inner p.description { padding: 12px 16px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-description .card .card-inner h1 { padding: 6.4px 12.8px; } .elem-agent-expose-description .card .card-inner p.description { padding: 12px 16px; } } .elem-agent-expose-hero { position: relative; } .elem-agent-expose-hero .card { margin-top: 0; } .elem-agent-expose-hero .card-inner { overflow: hidden; border-top: none; } .elem-agent-expose-hero .hero-img { position: relative; height: 620px; width: 100%; overflow: hidden; } .elem-agent-expose-hero .hero-img h1 { overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: 5; padding: 20px 24px; width: 100%; color: rgba(255,255,255,0.87); line-height: 100%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-expose-hero .hero-img img { height: auto; width: 100%; } .elem-agent-expose-hero .hero-img a { display: inline-block; position: absolute; top: 0; right: 8px; z-index: 5; padding: 198px 8px; color: #ffffff; font-size: 10em; line-height: 60%; } .elem-agent-expose-hero article { position: relative; padding: 0 8px !important; height: 66px; } .elem-agent-expose-hero article h2 { overflow: hidden; padding: 18px 8px; width: 734px; color: rgba(0,0,0,0.87); text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-expose-hero article ul { position: absolute; top: 0; left: 8px; height: 72px; } .elem-agent-expose-hero article ul li { float: left; padding: 12px 8px; color: rgba(0,0,0,0.54); } .elem-agent-expose-hero article ul li span { display: block; font-size: 2em; color: rgba(0,0,0,0.54); } @media only screen and (max-width: 767px) { .elem-agent-expose-hero .card { margin: 0; } .elem-agent-expose-hero .hero-img { height: auto; } .elem-agent-expose-hero .hero-img h1 { padding: 16px 16.8px; font-size: 2em; } .elem-agent-expose-hero .hero-img a { right: 6.4px; padding: 158.4px 5.6px; } .elem-agent-expose-hero article { padding: 5.6px !important; } .elem-agent-expose-hero article h2 { padding: 8px 5.6px; } .elem-agent-expose-hero article ul { left: 5.6px; height: 50.4px; } .elem-agent-expose-hero article ul li { padding: 8.4px 5.6px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-hero .hero-img { height: 358.4px; } .elem-agent-expose-hero .hero-img h1 { padding: 16px 19.2px; } .elem-agent-expose-hero .hero-img a { right: 6.4px; padding: 158.4px 6.4px; } .elem-agent-expose-hero article { padding: 6.4px !important; } .elem-agent-expose-hero article h2 { padding: 10px 6.4px; width: 476px; } .elem-agent-expose-hero article ul { left: 6.4px; height: 57.6px; } .elem-agent-expose-hero article ul li { padding: 9.6px 6.4px; } } .elem-agent-expose-listing_teaser .card .card-inner .head { padding: 8px 16px; } .elem-agent-expose-listing_teaser .card .card-inner .head h1 { display: inline-block; color: rgba(0,0,0,0.87); } .elem-agent-expose-listing_teaser .card .card-inner .head h2 { display: inline-block; float: right; padding: 3px 0; color: #9B0309; } .elem-agent-expose-listing_teaser .card .card-inner ul { padding: 2px; width: 100%; overflow: hidden; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-listing_teaser .card .card-inner .head { padding: 6.4px 12.8px; } } .elem-agent-expose-map { position: relative; margin: 4px 0; border-top: 1px solid rgba(0,0,0,0.12); border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-expose-map .container .row .map-nav { position: relative; } .elem-agent-expose-map #map { height: 632px; width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-map #map { height: 505.6px; } } .elem-agent-expose-nav { padding-bottom: 8px; height: 62px; } .elem-agent-expose-nav .navigation { z-index: 3; position: relative; width: 701px; } .elem-agent-expose-nav .navigation .card { position: relative; } .elem-agent-expose-nav .navigation .card .card-inner { overflow: hidden; } .elem-agent-expose-nav .navigation .card .card-inner ul.navigation { padding: 8px; height: 53px; } .elem-agent-expose-nav .navigation .card .card-inner ul.navigation li { display: inline-block; } .elem-agent-expose-nav .navigation .card .card-inner ul.navigation li a { overflow: hidden; display: inline-block; padding: 8px; width: 100%; color: inherit; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-expose-nav .navigation .card .card-inner ul.navigation li a:hover, .elem-agent-expose-nav .navigation .card .card-inner ul.navigation li a:active, .elem-agent-expose-nav .navigation .card .card-inner ul.navigation li a:focus { color: #9B0309; } .elem-agent-expose-nav .navigation .card .card-inner ul.navigation li.active { color: #9B0309; } @media only screen and (max-width: 767px) { .elem-agent-expose-nav { height: 0; padding: 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-nav .navigation { width: 478px; } .elem-agent-expose-nav .navigation .card .card-inner ul.navigation { padding: 6.4px; height: 42.4px; } .elem-agent-expose-nav .navigation .card .card-inner ul.navigation li a { padding: 6.4px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-expose-nav .navigation { width: 633px; } .elem-agent-expose-nav .navigation .card .card-inner ul.navigation { padding: 7.2px; height: 47.7px; } .elem-agent-expose-nav .navigation .card .card-inner ul.navigation li a { padding: 7.2px; } } .elem-agent-expose-nav .navigation.fixed { position: fixed; -webkit-transform: translateZ(0); top: 0; } .elem-agent-expose-nav .navigation.fixed .card { margin: 0; } .elem-agent-expose-nav .navigation.absolute { position: absolute; bottom: 0; } .elem-agent-expose-rating .card .card-inner { overflow: hidden; } .elem-agent-expose-rating .card .card-inner .head { border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-expose-rating .card .card-inner .head h1 { padding: 12px 16px; padding-bottom: 8px; } .elem-agent-expose-rating .card .card-inner .head h2 { padding: 4px 16px; } .elem-agent-expose-rating .card .card-inner .head h2 span.subhead { padding-right: 16px; vertical-align: top; } .elem-agent-expose-rating .card .card-inner .head h2 span.no-rating { display: inline-block; padding-bottom: 8px; } .elem-agent-expose-rating .card .card-inner .head h2 span.body1 { padding-left: 16px; vertical-align: top; } .elem-agent-expose-rating .card .card-inner p.description { padding: 8px 16px; } .elem-agent-expose-rating .card .card-inner div.partner { margin: 0 !important; padding-top: 8px; padding-bottom: 8px; } .elem-agent-expose-rating .card .card-inner div.partner p.partner { position: relative; padding: 8px 0; height: 56px; } .elem-agent-expose-rating .card .card-inner div.partner p.partner span.body1 { display: inline-block; padding-left: 72px; } .elem-agent-expose-rating .card .card-inner div.partner p.partner span.body2 { display: inline-block; padding-left: 72px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-rating .card .card-inner .head h1 { padding: 12.8px; padding-bottom: 6.4px; } .elem-agent-expose-rating .card .card-inner .head h2 { padding: 3.2px 12.8px; } .elem-agent-expose-rating .card .card-inner .head h2 span.subhead { padding-right: 12.8px; } .elem-agent-expose-rating .card .card-inner .head h2 span.body1 { padding-left: 12.8px; } .elem-agent-expose-rating .card .card-inner p.description { padding: 6.4px 12.8px; } .elem-agent-expose-rating .card .card-inner div.partner { padding-top: 6.4px; padding-bottom: 6.4px; } .elem-agent-expose-rating .card .card-inner div.partner p.partner { padding: 6.4px 0; height: inherit; } .elem-agent-expose-rating .card .card-inner div.partner p.partner span.body1 { padding-left: 57.6px; } .elem-agent-expose-rating .card .card-inner div.partner p.partner span.body2 { padding-left: 57.6px; } } .elem-agent-expose-attention-calculator { border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-expose-attention-calculator .calculator-body { padding: 8px; } .elem-agent-expose-attention-calculator .calculator-body h1 { padding: 0 8px; } .elem-agent-expose-attention-calculator .calculator-body p { padding: 8px; } .elem-agent-expose-attention-calculator .calculator-body p span { display: block; } .elem-agent-expose-attention-calculator .calculator-body p span.hint { color: rgba(0,0,0,0.26); } .elem-agent-expose-attention-calculator .calculator-body .temporary-hint { padding: 8px 16px; color: rgba(0,0,0,0.54); } .elem-agent-expose-attention-calculator .calculator-body #who-popup { top: inherit; bottom: 150px; left: inherit; right: 350px; } .elem-agent-expose-attention-calculator .calculator-body #when-popup { top: inherit; bottom: 200px; left: -650px; } .elem-agent-expose-attention-calculator .cta-area a { display: block; background-color: #9B0309; } .elem-agent-expose-attention-calculator .cta-area a:hover, .elem-agent-expose-attention-calculator .cta-area a:active, .elem-agent-expose-attention-calculator .cta-area a:focus { background-color: rgba(155,3,9,0.87); color: #ffffff; } @media only screen and (max-width: 767px) { .elem-agent-expose-attention-calculator .calculator-body { padding: 8px; } .elem-agent-expose-attention-calculator .calculator-body div.open_who, .elem-agent-expose-attention-calculator .calculator-body div.open_when { display: block; padding: 16px 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-attention-calculator .calculator-body { padding: 6.4px; } .elem-agent-expose-attention-calculator .calculator-body h1 { padding: 0 6.4px; } .elem-agent-expose-attention-calculator .calculator-body p { padding: 6.4px; } .elem-agent-expose-attention-calculator .calculator-body #when-popup { top: inherit; bottom: 200px; left: -450px; } } .elem-agent-expose-attention-contact { padding: 8px; } .elem-agent-expose-attention-contact p { position: relative; padding: 14px 8px; height: 80px; } .elem-agent-expose-attention-contact p span { display: block; padding: 2px 0; padding-left: 80px; } .elem-agent-expose-attention-contact p img { position: absolute; top: 8px; left: 8px; border-radius: 100%; height: 64px; width: 64px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-attention-contact { padding: 6.4px; } .elem-agent-expose-attention-contact p { padding: 11.2px 6.4px; height: 64px; } .elem-agent-expose-attention-contact p span { padding-left: 64px; } .elem-agent-expose-attention-contact p img { top: 6.4px; left: 6.4px; height: 51.2px; width: 51.2px; } } .elem-agent-expose-attention-discount_teaser .card-inner { overflow: hidden; position: relative; padding: 12px 16px; background-color: #9B0309; } .elem-agent-expose-attention-discount_teaser .card-inner span { position: absolute; top: 50%; left: 16px; margin-top: -25px; color: #ffffff; font-size: 5em; } .elem-agent-expose-attention-discount_teaser .card-inner p { padding-left: 58px; color: #ffffff; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-attention-discount_teaser .card-inner { padding: 9.6px 12.8px; } .elem-agent-expose-attention-discount_teaser .card-inner span { left: 12.8px; } .elem-agent-expose-attention-discount_teaser .card-inner p { padding-left: 56px; } } .elem-agent-expose-attention-favorite_button a.button { margin: 0; width: 100%; } .elem-agent-expose-attention-map { position: absolute; top: 40px; left: 16px; height: 120px; width: 150px; } .elem-agent-expose-attention-map img { height: 100%; width: 100%; } .elem-agent-expose-attention-map span.dot { position: absolute; border-radius: 100%; height: 10px; width: 10px; background-color: #9B0309; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-attention-map { top: 32px; left: 12.8px; height: 96px; width: 120px; } .elem-agent-expose-attention-map span.dot { height: 8px; width: 8px; } } .elem-agent-expose-attention-overview { position: relative; border-bottom: 1px solid rgba(0,0,0,0.12); padding: 0 8px; height: 204px; } .elem-agent-expose-attention-overview h1 { padding: 8px; line-height: 100%; } .elem-agent-expose-attention-overview p.description { padding-top: 8px; padding-left: 166px; } .elem-agent-expose-attention-overview p.description span { display: block; padding: 4px; } .elem-agent-expose-attention-overview .stars { padding-left: 170px; } .elem-agent-expose-attention-overview div.favorite { position: absolute; right: 8px; bottom: 2px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-attention-overview { padding: 0 6.4px; height: 195px; } .elem-agent-expose-attention-overview h1 { padding: 6.4px; } .elem-agent-expose-attention-overview p.description { padding-top: 6.4px; padding-left: 125px; } .elem-agent-expose-attention-overview p.description span { padding: 3.2px; } .elem-agent-expose-attention-overview .stars { padding-left: 136px; } .elem-agent-expose-attention-overview a { margin-top: 12.8px; } } .elem-agent-expose-attention-calculator-when { display: inline-block; padding: 0 8px; width: 100%; } .elem-agent-expose-attention-calculator-when span.icon-oth_arrow_down { display: inline-block; position: absolute; top: 1px; right: 1px; height: 23px; background-color: #ffffff; color: rgba(0,0,0,0.54); font-size: 2.4em; cursor: pointer; } .elem-agent-expose-attention-calculator-when .group { display: inline-block; position: relative; padding: 0; width: 78%; } .elem-agent-expose-attention-calculator-when .group input { display: inline-block; padding: 4px 16px; padding-right: 32px; border: 1px solid rgba(0,0,0,0.1); background-color: transparent; color: rgba(0,0,0,0.54); width: 100%; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-expose-attention-calculator-when .group .bar { display: block; position: relative; width: 85%; } .elem-agent-expose-attention-calculator-when .group .bar:before, .elem-agent-expose-attention-calculator-when .group .bar:after { position: absolute; bottom: 1px; height: 2px; width: 0; background: #9B0309; content: ''; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-expose-attention-calculator-when .group .bar:before { left: 50%; } .elem-agent-expose-attention-calculator-when .group .bar:after { right: 50%; } .elem-agent-expose-attention-calculator-when .group input:focus ~ .bar:before, .elem-agent-expose-attention-calculator-when .group input:focus ~ .bar:after { width: 50%; } .elem-agent-expose-attention-calculator-when .group .highlight { position: absolute; left: 0; opacity: 0.5; width: 100px; pointer-events: none; } .elem-agent-expose-attention-calculator-when .group input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-expose-attention-calculator-when .group from { background: rgba(0,0,0,0.1); } .elem-agent-expose-attention-calculator-when .group to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-expose-attention-calculator-when .group from { background: rgba(0,0,0,0.1); } .elem-agent-expose-attention-calculator-when .group to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-expose-attention-calculator-when .group from { background: rgba(0,0,0,0.1); } .elem-agent-expose-attention-calculator-when .group to { width: 0; background: transparent; } } .elem-agent-expose-attention-calculator-when span.label { display: inline-block; width: 20%; color: rgba(0,0,0,0.54); line-height: 29px; vertical-align: bottom; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-attention-calculator-when { padding: 0 6.4px; } .elem-agent-expose-attention-calculator-when a.icon-oth_arrow_down { height: 20.8px; } .elem-agent-expose-attention-calculator-when .group .highlight { width: 80px; } .elem-agent-expose-attention-calculator-when span.label { line-height: 23.2px; } } .elem-agent-expose-attention-calculator-who { display: inline-block; padding: 0 8px; width: 100%; } .elem-agent-expose-attention-calculator-who span.icon-oth_arrow_down { display: inline-block; position: absolute; top: 1px; right: 1px; height: 23px; background-color: #ffffff; color: rgba(0,0,0,0.54); font-size: 2.4em; cursor: pointer; } .elem-agent-expose-attention-calculator-who .group { display: inline-block; position: relative; padding: 0; width: 78%; } .elem-agent-expose-attention-calculator-who .group input { display: inline-block; padding: 4px 16px; padding-right: 32px; border: 1px solid rgba(0,0,0,0.1); background-color: transparent; color: rgba(0,0,0,0.54); width: 100%; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-expose-attention-calculator-who .group .bar { display: block; position: relative; width: 85%; } .elem-agent-expose-attention-calculator-who .group .bar:before, .elem-agent-expose-attention-calculator-who .group .bar:after { position: absolute; bottom: 1px; height: 2px; width: 0; background: #9B0309; content: ''; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-expose-attention-calculator-who .group .bar:before { left: 50%; } .elem-agent-expose-attention-calculator-who .group .bar:after { right: 50%; } .elem-agent-expose-attention-calculator-who .group input:focus ~ .bar:before, .elem-agent-expose-attention-calculator-who .group input:focus ~ .bar:after { width: 50%; } .elem-agent-expose-attention-calculator-who .group .highlight { position: absolute; left: 0; opacity: 0.5; width: 100px; pointer-events: none; } .elem-agent-expose-attention-calculator-who .group input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-expose-attention-calculator-who .group from { background: rgba(0,0,0,0.1); } .elem-agent-expose-attention-calculator-who .group to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-expose-attention-calculator-who .group from { background: rgba(0,0,0,0.1); } .elem-agent-expose-attention-calculator-who .group to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-expose-attention-calculator-who .group from { background: rgba(0,0,0,0.1); } .elem-agent-expose-attention-calculator-who .group to { width: 0; background: transparent; } } .elem-agent-expose-attention-calculator-who span.label { display: inline-block; width: 20%; color: rgba(0,0,0,0.54); line-height: 29px; vertical-align: bottom; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-attention-calculator-who { padding: 0 6.4px; } .elem-agent-expose-attention-calculator-who a.icon-oth_arrow_down { height: 20.8px; } .elem-agent-expose-attention-calculator-who .group .highlight { width: 80px; } .elem-agent-expose-attention-calculator-who span.label { line-height: 23.2px; } } .elem-agent-expose-attention-calculator-when-calendar { position: relative; } .elem-agent-expose-attention-calculator-when-calendar a.icon { position: absolute; top: 16px; font-size: 2.6em; color: rgba(0,0,0,0.54); } .elem-agent-expose-attention-calculator-when-calendar a.prev { left: 0; } .elem-agent-expose-attention-calculator-when-calendar a.next { right: 0; } .elem-agent-expose-attention-calculator-when-calendar ul.calendar { padding-top: 16px; padding-left: 8px; height: 236px; width: 980px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-attention-calculator-when-calendar a.icon { top: 12.8px; } .elem-agent-expose-attention-calculator-when-calendar ul.calendar { padding-top: 12.8px; height: 192px; width: 784px; } } .elem-agent-expose-attention-calculator-when-input { display: inline-block; width: 100%; } .elem-agent-expose-attention-calculator-when-input .group { position: relative; padding: 8px 0; } .elem-agent-expose-attention-calculator-when-input input { font-size: 12px; display: block; width: 100%; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); background-color: transparent; color: rgba(0,0,0,0.87); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-expose-attention-calculator-when-input .bar { position: relative; display: block; width: 100%; } .elem-agent-expose-attention-calculator-when-input .bar:before, .elem-agent-expose-attention-calculator-when-input .bar:after { content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #9B0309; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-expose-attention-calculator-when-input .bar:before { left: 50%; } .elem-agent-expose-attention-calculator-when-input .bar:after { right: 50%; } .elem-agent-expose-attention-calculator-when-input input:focus ~ .bar:before, .elem-agent-expose-attention-calculator-when-input input:focus ~ .bar:after { width: 50%; } .elem-agent-expose-attention-calculator-when-input .highlight { position: absolute; width: 100px; left: 0; pointer-events: none; opacity: 0.5; } .elem-agent-expose-attention-calculator-when-input input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-expose-attention-calculator-when-input from { background: rgba(0,0,0,0.1); } .elem-agent-expose-attention-calculator-when-input to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-expose-attention-calculator-when-input from { background: rgba(0,0,0,0.1); } .elem-agent-expose-attention-calculator-when-input to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-expose-attention-calculator-when-input from { background: rgba(0,0,0,0.1); } .elem-agent-expose-attention-calculator-when-input to { width: 0; background: transparent; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-attention-calculator-when-input .group { padding: 6.4px 0; } .elem-agent-expose-attention-calculator-when-input .highlight { width: 80px; } } .elem-agent-expose-attention-calculator-when-popup div.card { z-index: 12; display: none; position: fixed; top: 15%; right: 20% !important; width: 635px; height: 0; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner { position: relative; overflow: hidden; padding: 8px 16px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .icon-oth_close { z-index: 2; position: absolute; top: 16px; right: 16px; font-size: 2em; color: rgba(0,0,0,0.26); } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body { position: relative; overflow: hidden; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input label { padding-right: 5px; color: rgba(0,0,0,0.87); } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .date { display: inline-block; height: 28px; width: 500px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .date div.text-input { display: inline-block; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .date div.text-input input.when_input { display: inline-block; border: none; width: 160px; background-color: transparent; color: rgba(0,0,0,0.87); font-size: 1.4em; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .date div.text-input a.flat-button { display: inline-block; color: rgba(0,0,0,0.54); } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .date div.text-input a.flat-button:hover, .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .date div.text-input a.flat-button:active, .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .date div.text-input a.flat-button:focus { color: rgba(0,0,0,0.26); } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input label.caption { display: none; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .flexible { display: inline-block; padding-bottom: 4px; height: 28px; width: 270px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .flexible div.select-box { padding: 0; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .flexible div.select-box .group { width: 120px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .flexible div.select-box label { padding: 0; padding-bottom: 6px; height: 26px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .flexible div.select-box select.subhead { padding: 0; padding-bottom: 4px; width: 120px; font-size: 1.4em; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body p.caption { padding-top: 8px; width: 389px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-footer { position: relative; height: 53px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-footer a.button { position: absolute; right: -8px; bottom: 0; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-footer .listing-hint { position: absolute; bottom: 8px; left: 0; display: inline-block; color: rgba(0,0,0,0.26); } @media only screen and (max-width: 767px) { .elem-agent-expose-attention-calculator-when-popup div.card { position: fixed; -webkit-transform: translateZ(0); top: 15%; right: 10% !important; width: 244px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner { padding: 5.6px 11.2px; height: 350px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .icon-oth_close { top: 11.2px; right: 11.2px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input label { padding-right: 3.5px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .date { height: 19.6px; width: 210px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .date div.text-input .group { width: 140px !important; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .flexible { padding-bottom: 2.8px; height: 19.6px; width: 270px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .flexible div.select-box .group { width: 120px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .flexible div.select-box label { padding-bottom: 6px; height: 26px; width: 30px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .flexible div.select-box select.subhead { padding-bottom: 2.8px; width: 120px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body p.caption { padding-top: 5.6px; width: 100%; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-footer a.button { right: -5.6px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-footer .listing-hint { bottom: 5.6px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-attention-calculator-when-popup div.card { right: 10% !important; width: 508px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner { padding: 6.4px 12.8px; height: 377px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .icon-oth_close { top: 12.8px; right: 12.8px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input label { padding-right: 4px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .date { height: 22.4px; width: 480px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .date div.text-input .group { width: 160px !important; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .flexible { padding-bottom: 3.2px; height: 22.4px; width: 270px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .flexible div.select-box .group { width: 120px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .flexible div.select-box label { padding-bottom: 6px; height: 26px; width: 30px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body .input .flexible div.select-box select.subhead { padding-bottom: 3.2px; width: 120px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-body p.caption { padding-top: 6.4px; width: 311.2px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-footer a.button { right: -6.4px; } .elem-agent-expose-attention-calculator-when-popup div.card .card-inner .popup-footer .listing-hint { bottom: 6.4px; } } .elem-agent-expose-attention-calculator-when-popup div.card.show { display: inline-block; height: auto; right: 0; -webkit-transition: height 2s ease; -moz-transition: height 2s ease; -ms-transition: height 2s ease; -o-transition: height 2s ease; transition: height 2s ease; } .elem-agent-expose-attention-calculator-when-calendar-day { background-color: #8C8B55; } .elem-agent-expose-attention-calculator-when-calendar-day span { display: inline-block; padding-top: 1px; height: 100%; width: 100%; color: white; cursor: pointer; } .elem-agent-expose-attention-calculator-when-calendar-day.date:hover { background-color: #9B0309; } .elem-agent-expose-attention-calculator-when-calendar-day.date.first-taken { background: #8C8B55; background: -moz-linear-gradient(-45deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#8C8B55),color-stop(50%,#8C8B55),color-stop(50%,#9B0309),color-stop(100%,#9B0309)); background: -webkit-linear-gradient(-45deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); background: -o-linear-gradient(-45deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); background: -ms-linear-gradient(-45deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); background: linear-gradient(135deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@header',endColorstr='@corporate-color',GradientType=1); } .elem-agent-expose-attention-calculator-when-calendar-day.date.last-occupied.first-taken { background: #9B0309; background: -moz-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#9B0309 50%,#9B0309 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#9B0309),color-stop(50%,#9B0309),color-stop(50%,#9B0309),color-stop(100%,#9B0309)); background: -webkit-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#9B0309 50%,#9B0309 100%); background: -o-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#9B0309 50%,#9B0309 100%); background: -ms-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#9B0309 50%,#9B0309 100%); background: linear-gradient(135deg,#9B0309 0%,#9B0309 50%,#9B0309 50%,#9B0309 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@corporate-color',endColorstr='@corporate-color',GradientType=1); } .elem-agent-expose-attention-calculator-when-calendar-day.date.first-occupied { background: #8C8B55; background: -moz-linear-gradient(-45deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#8C8B55),color-stop(50%,#8C8B55),color-stop(50%,#9B0309),color-stop(100%,#9B0309)); background: -webkit-linear-gradient(-45deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); background: -o-linear-gradient(-45deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); background: -ms-linear-gradient(-45deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); background: linear-gradient(135deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@header',endColorstr='@corporate-color',GradientType=1); } .elem-agent-expose-attention-calculator-when-calendar-day.date.first-taken.last-taken { background: #8C8B55; background: -moz-linear-gradient(-45deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#8C8B55),color-stop(50%,#8C8B55),color-stop(50%,#9B0309),color-stop(100%,#9B0309)); background: -webkit-linear-gradient(-45deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); background: -o-linear-gradient(-45deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); background: -ms-linear-gradient(-45deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); background: linear-gradient(135deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@header',endColorstr='@corporate-color',GradientType=1); } .elem-agent-expose-attention-calculator-when-calendar-day.date.occupied { background-color: #9B0309; } .elem-agent-expose-attention-calculator-when-calendar-day.date.occupied.taken { background-color: #9B0309; } .elem-agent-expose-attention-calculator-when-calendar-day.date.last-occupied { background: #9B0309; background: -moz-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#8C8B55 50%,#8C8B55 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#9B0309),color-stop(50%,#9B0309),color-stop(50%,#8C8B55),color-stop(100%,#8C8B55)); background: -webkit-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#8C8B55 50%,#8C8B55 100%); background: -o-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#8C8B55 50%,#8C8B55 100%); background: -ms-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#8C8B55 50%,#8C8B55 100%); background: linear-gradient(135deg,#9B0309 0%,#9B0309 50%,#8C8B55 50%,#8C8B55 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@corporate-color',endColorstr='@header',GradientType=1); } .elem-agent-expose-attention-calculator-when-calendar-day.date.first-occupied.last-taken { background: #9B0309; background: -moz-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#9B0309 50%,#9B0309 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#9B0309),color-stop(50%,#9B0309),color-stop(50%,#9B0309),color-stop(100%,#9B0309)); background: -webkit-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#9B0309 50%,#9B0309 100%); background: -o-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#9B0309 50%,#9B0309 100%); background: -ms-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#9B0309 50%,#9B0309 100%); background: linear-gradient(135deg,#9B0309 0%,#9B0309 50%,#9B0309 50%,#9B0309 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@corporate-color',endColorstr='@corporate-color',GradientType=1); } .elem-agent-expose-attention-calculator-when-calendar-day.date.last-taken { background: #9B0309; background: -moz-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#8C8B55 50%,#8C8B55 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#9B0309),color-stop(50%,#9B0309),color-stop(50%,#8C8B55),color-stop(100%,#8C8B55)); background: -webkit-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#8C8B55 50%,#8C8B55 100%); background: -o-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#8C8B55 50%,#8C8B55 100%); background: -ms-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#8C8B55 50%,#8C8B55 100%); background: linear-gradient(135deg,#9B0309 0%,#9B0309 50%,#8C8B55 50%,#8C8B55 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@corporate-color',endColorstr='@header',GradientType=1); } .elem-agent-expose-attention-calculator-when-calendar-day.date.taken { background-color: #9B0309; background: #9B0309 !important; } .elem-agent-expose-attention-calculator-when-calendar-day.empty { background-color: white; cursor: inherit; } .elem-agent-expose-attention-calculator-when-calendar-day.empty a { cursor: inherit; } .elem-agent-expose-attention-calculator-when-calendar-day.empty:hover { background-color: white; } .elem-agent-expose-attention-calculator-when-calendar-month { float: left; white-space: nowrap; padding: 4px 8px; height: 200px; width: 196px; } .elem-agent-expose-attention-calculator-when-calendar-month h1 { color: rgba(0,0,0,0.54); line-height: 100%; } .elem-agent-expose-attention-calculator-when-calendar-month table tr th { border: 4px solid white; height: 28px; width: 28px; vertical-align: middle; font-family: 'Roboto', sans-serif; } .elem-agent-expose-attention-calculator-when-calendar-month table tr th.day { height: 20px; color: rgba(0,0,0,0.26); } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-attention-calculator-when-calendar-month { padding: 3.2px 6.4px; height: 160px; width: 156.8px; } .elem-agent-expose-attention-calculator-when-calendar-month table tr th { height: 22.4px; width: 22.4px; } .elem-agent-expose-attention-calculator-when-calendar-month table tr th.day { height: 16px; } } .elem-agent-expose-attention-calculator-who-amount_slider { padding: 8px; padding-left: 16px; } .elem-agent-expose-attention-calculator-who-amount_slider .ui-slider { display: inline-block; margin-bottom: -8px; width: 120px; border: none; border-top: 1px solid rgba(0,0,0,0.26); border-radius: 0; } .elem-agent-expose-attention-calculator-who-amount_slider .ui-slider-handle { top: -6px; border: 0; border-radius: 100%; height: 12px; width: 12px; background: none; background-color: #bdbdbd; color: #bdbdbd; } .elem-agent-expose-attention-calculator-who-amount_slider .ui-state-active { background: none; background-color: #757575; color: #757575; } .elem-agent-expose-attention-calculator-who-amount_slider .ui-slider.attention { border-color: #9B0309; } .elem-agent-expose-attention-calculator-who-amount_slider .ui-slider.attention .ui-slider-handle { background-color: #9B0309; color: #9B0309; } .elem-agent-expose-attention-calculator-who-amount_slider .ui-slider.attention .ui-state-active { background-color: #9B0309; color: #9B0309; } .elem-agent-expose-attention-calculator-who-amount_slider .group { display: inline-block; margin-left: 8px; width: 22px; } .elem-agent-expose-attention-calculator-who-amount_slider .group input { border: none; width: 100% !important; background-color: transparent; } .elem-agent-expose-attention-calculator-who-amount_slider .group .bar { width: 100% !important; } .elem-agent-expose-attention-calculator-who-amount_slider label { display: inline-block; padding-left: 16px; vertical-align: bottom; color: rgba(0,0,0,0.87); } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-attention-calculator-who-amount_slider { padding: 6.4px; padding-left: 12.8px; } .elem-agent-expose-attention-calculator-who-amount_slider .ui-slider { margin-bottom: -6.4px; width: 96px; } .elem-agent-expose-attention-calculator-who-amount_slider .ui-slider-handle { top: -4.8px; height: 9.6px; width: 9.6px; } .elem-agent-expose-attention-calculator-who-amount_slider .group { margin-left: 6.4px; width: 17.6px; } .elem-agent-expose-attention-calculator-who-amount_slider label { padding-left: 12.8px; } } .elem-agent-expose-attention-calculator-who-popup div.card { z-index: 12; display: none; position: fixed; top: 15%; right: 20%; width: 356px; height: 0; } .elem-agent-expose-attention-calculator-who-popup div.card .card-inner { position: relative; overflow: hidden; } .elem-agent-expose-attention-calculator-who-popup div.card .card-inner .icon-oth_close { position: absolute; top: 8px; right: 8px; font-size: 2em; color: rgba(0,0,0,0.26); } .elem-agent-expose-attention-calculator-who-popup div.card .card-inner .popup-body { padding: 8px; } .elem-agent-expose-attention-calculator-who-popup div.card .card-inner .popup-footer { padding: 8px; height: 53px; } .elem-agent-expose-attention-calculator-who-popup div.card .card-inner .popup-footer .listing-hint { display: inline-block; padding: 8px; color: rgba(0,0,0,0.26); } @media only screen and (max-width: 767px) { .elem-agent-expose-attention-calculator-who-popup div.card { position: fixed; -webkit-transform: translateZ(0); top: 15%; right: 10% !important; width: 242px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-attention-calculator-who-popup div.card { position: fixed; -webkit-transform: translateZ(0); right: 10% !important; width: 356px; } .elem-agent-expose-attention-calculator-who-popup div.card .card-inner { height: 206px; } .elem-agent-expose-attention-calculator-who-popup div.card .card-inner .icon-oth_close { top: 6.4px; right: 6.4px; } .elem-agent-expose-attention-calculator-who-popup div.card .card-inner .popup-body { padding: 6.4px; } .elem-agent-expose-attention-calculator-who-popup div.card .card-inner .popup-footer { padding: 6.4px; height: 42.4px; } .elem-agent-expose-attention-calculator-who-popup div.card .card-inner .popup-footer .listing-hint { padding: 6.4px; } } .elem-agent-expose-attention-calculator-who-popup div.card.show { display: inline-block; height: auto; -webkit-transition: height 2s ease; -moz-transition: height 2s ease; -ms-transition: height 2s ease; -o-transition: height 2s ease; transition: height 2s ease; } .elem-agent-expose-attention-overview-map { position: absolute; top: 40px; left: 16px; height: 120px; width: 150px; } .elem-agent-expose-attention-overview-map img { height: 100%; width: 100%; } .elem-agent-expose-attention-overview-map span.dot { position: absolute; border-radius: 100%; height: 10px; width: 10px; background-color: #9B0309; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-attention-overview-map { top: 32px; left: 12.8px; height: 90px; width: 113px; } .elem-agent-expose-attention-overview-map span.dot { height: 8px; width: 8px; } } .elem-agent-expose-calendar_price-calendar { position: relative; height: 430px; } .elem-agent-expose-calendar_price-calendar article { display: inline-block; } .elem-agent-expose-calendar_price-calendar article.details { width: 50%; } .elem-agent-expose-calendar_price-calendar article.details h1 { padding: 12px 16px; padding-bottom: 8px; } .elem-agent-expose-calendar_price-calendar article.details p { padding: 0 16px; } .elem-agent-expose-calendar_price-calendar article.details a { border-bottom: 1px solid rgba(0,0,0,0.12); padding: 16px; } .elem-agent-expose-calendar_price-calendar article.details ul { padding: 16px; padding-right: 0; } .elem-agent-expose-calendar_price-calendar article.details ul li { width: 100%; } .elem-agent-expose-calendar_price-calendar article.details ul li span { display: inline-block; } .elem-agent-expose-calendar_price-calendar article.details ul li span.body2 { width: 30%; font-size: 1.2em; } .elem-agent-expose-calendar_price-calendar article.details ul li span.body1 { width: 67%; font-size: 1.2em; } .elem-agent-expose-calendar_price-calendar article.details .temporary-hint { padding: 8px 16px; padding-top: 0; color: rgba(0,0,0,0.54); } .elem-agent-expose-calendar_price-calendar article.calendar { position: absolute; top: 0; right: 0; height: 440px; width: 49%; } @media only screen and (max-width: 767px) { .elem-agent-expose-calendar_price-calendar { height: auto; } .elem-agent-expose-calendar_price-calendar article.details { width: 100%; } .elem-agent-expose-calendar_price-calendar article.details h1 { padding: 8.4px 11.2px; padding-bottom: 5.6px; } .elem-agent-expose-calendar_price-calendar article.details p { padding: 0 11.2px; } .elem-agent-expose-calendar_price-calendar article.details a { padding: 11.2px; } .elem-agent-expose-calendar_price-calendar article.details ul { padding: 11.2px; } .elem-agent-expose-calendar_price-calendar article.calendar { position: relative; top: inherit; right: inherit; border-top: 1px solid rgba(0,0,0,0.12); height: auto; width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-calendar_price-calendar { height: 500px; } .elem-agent-expose-calendar_price-calendar article.details h1 { padding: 9.6px 12.8px; padding-bottom: 6.4px; } .elem-agent-expose-calendar_price-calendar article.details p { padding: 0 12.8px; } .elem-agent-expose-calendar_price-calendar article.details a { padding: 12.8px; } .elem-agent-expose-calendar_price-calendar article.details ul { padding: 12.8px; } .elem-agent-expose-calendar_price-calendar article.calendar { height: 500px; } } .elem-agent-expose-calendar_price-price_table { padding: 16px; border-top: 1px solid rgba(0,0,0,0.12); } .elem-agent-expose-calendar_price-price_table ul li.price-row { border-bottom: 1px solid rgba(0,0,0,0.12); padding: 8px 0; } .elem-agent-expose-calendar_price-price_table ul li.price-row ol { overflow: hidden; } .elem-agent-expose-calendar_price-price_table ul li.price-row ol li { float: left; width: 20%; } .elem-agent-expose-calendar_price-price_table ul li.price-row ol li span.month:after { content: ', '; } .elem-agent-expose-calendar_price-price_table ul li.price-row ol li span.month:last-child:after { content: ''; } .elem-agent-expose-calendar_price-price_table ul li.price-row ol li.big { padding-right: 16px; width: 30%; } .elem-agent-expose-calendar_price-price_table ul li.price-row ol li.persons-price-outer { width: 15%; } .elem-agent-expose-calendar_price-price_table ul li.price-row ol li.min-stay-outer { width: 25%; } .elem-agent-expose-calendar_price-price_table ul li:last-child { border-bottom: none; } .elem-agent-expose-calendar_price-services ol.nav { border-top: 1px solid rgba(0,0,0,0.12); border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-expose-calendar_price-services ol.nav li { display: inline-block; } .elem-agent-expose-calendar_price-services ol.nav li a { display: inline-block; padding: 8px 16px; } .elem-agent-expose-calendar_price-services ol.body { position: relative; border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-expose-calendar_price-services ol.body li.slide { display: none; padding: 8px; width: 100%; } .elem-agent-expose-calendar_price-services ol.body li.slide p.body1 { padding: 12px 16px; } .elem-agent-expose-calendar_price-services ol.body li.slide ul { padding: 8px; } .elem-agent-expose-calendar_price-services ol.body li.slide ul li { display: inline-block; position: relative; padding: 8px; padding-left: 36px; width: 33%; vertical-align: middle; } .elem-agent-expose-calendar_price-services ol.body li.slide ul li span.icon { display: inline-block; position: absolute; top: 50%; left: 0; margin-top: -12px; padding: 0 8px; font-size: 1.8em; vertical-align: middle; } .elem-agent-expose-calendar_price-services ol.body li.slide ul li span.green { color: #259b24; } .elem-agent-expose-calendar_price-services ol.body li.slide ul li span.red { color: #e51c23; } .elem-agent-expose-calendar_price-services ol.body li.slide ul li span.orange { color: #ff9800; } .elem-agent-expose-calendar_price-services ol.body li.slide ul li span.smaller { display: inline; padding: 0; font-size: 0.8em; font-weight: 300; vertical-align: middle; } .elem-agent-expose-calendar_price-services ol.body li.slide.focus { display: block; } @media only screen and (max-width: 767px) { .elem-agent-expose-calendar_price-services ol.nav li a { padding: 5.6px 11.2px; } .elem-agent-expose-calendar_price-services ol.body li.slide { padding: 5.6px; } .elem-agent-expose-calendar_price-services ol.body li.slide ul { padding: 5.6px; } .elem-agent-expose-calendar_price-services ol.body li.slide ul li { padding: 5.6px; padding-left: 47px; width: 49%; } .elem-agent-expose-calendar_price-services ol.body li.slide ul li span { padding: 0 5.6px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-calendar_price-services ol.nav li a { padding: 6.4px 12.8px; } .elem-agent-expose-calendar_price-services ol.body li.slide { padding: 6.4px; } .elem-agent-expose-calendar_price-services ol.body li.slide ul { padding: 6.4px; } .elem-agent-expose-calendar_price-services ol.body li.slide ul li { padding: 6.4px; padding-left: 47px; width: 32%; } .elem-agent-expose-calendar_price-services ol.body li.slide ul li span { padding: 0 6.4px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-expose-calendar_price-services ol.nav li a { padding: 7.2px 14.4px; } .elem-agent-expose-calendar_price-services ol.body li.slide { padding: 7.2px; } .elem-agent-expose-calendar_price-services ol.body li.slide ul { padding: 7.2px; } .elem-agent-expose-calendar_price-services ol.body li.slide ul li { padding: 7.2px; padding-left: 47px; width: 33%; } .elem-agent-expose-calendar_price-services ol.body li.slide ul li span { padding: 0 7.2px; } } .elem-agent-expose-calendar_price-tab_button { display: inline-block; } .elem-agent-expose-calendar_price-tab_button a { display: inline-block; padding: 8px 16px; color: inherit; } @media only screen and (max-width: 767px) { .elem-agent-expose-calendar_price-tab_button a { padding: 5.6px 11.2px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-calendar_price-tab_button a { padding: 6.4px 12.8px; } } .elem-agent-expose-calendar_price-tab_button.focus { color: #9B0309; } .elem-agent-expose-calendar_price-tab_button.focus a { border-bottom: 2px solid #9B0309; } .elem-agent-expose-calendar_price-calendar-calendar { padding: 4px 8px; height: 212px; } .elem-agent-expose-calendar_price-calendar-calendar h1 { color: rgba(0,0,0,0.54); line-height: 100%; } .elem-agent-expose-calendar_price-calendar-calendar table tr th { border: 4px solid white; height: 28px; width: 28px; vertical-align: middle; font-family: 'Roboto', sans-serif; } .elem-agent-expose-calendar_price-calendar-calendar table tr th.day { height: 20px; color: rgba(0,0,0,0.26); } .elem-agent-expose-calendar_price-calendar-calendar table tr th.date { background-color: #0D5302; } .elem-agent-expose-calendar_price-calendar-calendar table tr th.date a { color: white; } .elem-agent-expose-calendar_price-calendar-calendar table tr th.date.occupied { background-color: #E51C23; } .elem-agent-expose-calendar_price-calendar-calendar table tr th.empty { background-color: white; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-calendar_price-calendar-calendar { padding: 3.2px 6.4px; height: 186px; width: 164px; } .elem-agent-expose-calendar_price-calendar-calendar table tr th { border: 3.2px solid white; height: 22.4px; width: 22.4px; font-size: 1.2em; } .elem-agent-expose-calendar_price-calendar-calendar table tr th.day { height: 16px; } } .elem-agent-expose-calendar_price-calendar-day { background-color: #8C8B55; } .elem-agent-expose-calendar_price-calendar-day span.date { display: inline-block; padding-top: 1px; height: 100%; width: 100%; color: white; font-weight: 300; cursor: pointer; } .elem-agent-expose-calendar_price-calendar-day.hide-occupied { background-color: #BDBDBD; } .elem-agent-expose-calendar_price-calendar-expose_calendar { position: relative; overflow: hidden; height: 430px; } .elem-agent-expose-calendar_price-calendar-expose_calendar ul.calendar { position: absolute; top: 0; right: 116px; padding: 8px; width: 228px; } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation { position: absolute; top: 0; right: 0; padding: 108px 16px; border-left: 1px solid rgba(0,0,0,0.12); height: 430px; width: 116px; } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation a.icon { display: block; width: 100%; color: rgba(0,0,0,0.26); font-size: 4em; } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation ul { overflow: hidden; height: 144px; } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation ul li.first { padding-bottom: 8px; color: rgba(0,0,0,0.12); } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation ul li.next { padding: 4px; color: rgba(0,0,0,0.26); } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation ul li.in-focus { color: rgba(0,0,0,0.87); } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation ul li.last { padding-top: 8px; color: rgba(0,0,0,0.12); } @media only screen and (max-width: 767px) { .elem-agent-expose-calendar_price-calendar-expose_calendar { height: 425px; } .elem-agent-expose-calendar_price-calendar-expose_calendar ul.calendar { position: absolute; top: 0; right: 75px; padding: 5.6px; width: 210px; } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation { padding: 135px 0; height: 100%; width: 76px; } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation ul { height: 122px; } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation ul li.first { padding-bottom: 5.6px; } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation ul li.next { padding: 2.8px; } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation ul li.last { padding-top: 5.6px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-calendar_price-calendar-expose_calendar { height: 500px; } .elem-agent-expose-calendar_price-calendar-expose_calendar ul.calendar { position: absolute; top: 0; right: 70px; padding: 6.4px; width: 180px; } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation { padding: 86.4px 0; height: 500px; width: 76px; } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation ul { height: 140px; width: 75px; } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation ul li.first { padding-bottom: 6.4px; } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation ul li.next { padding: 3.2px; } .elem-agent-expose-calendar_price-calendar-expose_calendar .navigation ul li.last { padding-top: 6.4px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-expose-calendar_price-calendar-expose_calendar ul.calendar { width: 212px; } } .elem-agent-expose-calendar_price-calendar-month { padding: 4px 8px; height: 212px; } .elem-agent-expose-calendar_price-calendar-month h1 { color: rgba(0,0,0,0.54); line-height: 100%; } .elem-agent-expose-calendar_price-calendar-month table tr th { border: 4px solid white; height: 28px; width: 28px; vertical-align: middle; font-family: 'Roboto', sans-serif; } .elem-agent-expose-calendar_price-calendar-month table tr th.day { height: 20px; color: rgba(0,0,0,0.26); } .elem-agent-expose-calendar_price-calendar-month table tr th.date.first-occupied { background: #8C8B55; background: -moz-linear-gradient(-45deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#8C8B55),color-stop(50%,#8C8B55),color-stop(50%,#9B0309),color-stop(100%,#9B0309)); background: -webkit-linear-gradient(-45deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); background: -o-linear-gradient(-45deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); background: -ms-linear-gradient(-45deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); background: linear-gradient(135deg,#8C8B55 0%,#8C8B55 50%,#9B0309 50%,#9B0309 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@header',endColorstr='@corporate-color',GradientType=1); } .elem-agent-expose-calendar_price-calendar-month table tr th.date.occupied { background-color: #9B0309; } .elem-agent-expose-calendar_price-calendar-month table tr th.date.last-occupied { background: #9B0309; background: -moz-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#8C8B55 50%,#8C8B55 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#9B0309),color-stop(50%,#9B0309),color-stop(50%,#0D5302),color-stop(100%,#0D5302)); background: -webkit-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#8C8B55 50%,#8C8B55 100%); background: -o-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#8C8B55 50%,#8C8B55 100%); background: -ms-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#8C8B55 50%,#8C8B55 100%); background: linear-gradient(135deg,#9B0309 0%,#9B0309 50%,#8C8B55 50%,#8C8B55 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@corporate-color',endColorstr='@header',GradientType=1); } .elem-agent-expose-calendar_price-calendar-month table tr th.empty { background-color: white; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-calendar_price-calendar-month { padding: 3.2px 6.4px; height: 186px; width: 164px; } .elem-agent-expose-calendar_price-calendar-month table tr th { border: 3.2px solid white; height: 22.4px; width: 22.4px; font-size: 0.9em; } .elem-agent-expose-calendar_price-calendar-month table tr th.day { height: 16px; } .elem-agent-expose-calendar_price-calendar-month table tr th.day span.date { font-size: 0.9em; } } .elem-agent-expose-description-gallery ul { overflow: hidden; padding: 2px; border-bottom: 1px solid rgba(0,0,0,0.12); min-height: 527px; } .elem-agent-expose-description-gallery ul li { float: left; position: relative; padding: 2px; } .elem-agent-expose-description-gallery ul li img { height: 170px; width: 228px; } .elem-agent-expose-description-gallery ul li .overlay { display: block; position: absolute; left: 0; bottom: 0; margin: 2px; padding: 8px; width: 228px; background-color: rgba(0,0,0,0.4); } .elem-agent-expose-description-gallery ul li .overlay h2 { color: #ffffff; } .elem-agent-expose-description-gallery ul li .overlay p { color: #ffffff; } @media only screen and (max-width: 767px) { .elem-agent-expose-description-gallery ul { padding: 0; height: auto; } .elem-agent-expose-description-gallery ul li { float: inherit; padding: 2px 0; width: 100%; } .elem-agent-expose-description-gallery ul li img { height: auto; width: 100%; } .elem-agent-expose-description-gallery ul li .overlay { bottom: 2px; margin: 0; padding: 5.6px; width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-description-gallery ul { min-height: 376px; } .elem-agent-expose-description-gallery ul li img { height: auto; width: 150px; } .elem-agent-expose-description-gallery ul li .overlay { padding: 6.4px; width: 150px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-expose-description-gallery ul { min-height: 376px; } .elem-agent-expose-description-gallery ul li img { height: auto; width: 205.5px; } .elem-agent-expose-description-gallery ul li .overlay { padding: 7.2px; width: 205.5px; } } .elem-agent-expose-description-gallery_image p { overflow: hidden; width: 100%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-expose-description-other_room { padding: 12px 16px; } .elem-agent-expose-description-other_room h3 { padding-bottom: 6px; } .elem-agent-expose-description-other_room ul { overflow: hidden; max-height: 80px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .elem-agent-expose-description-other_room ul li { padding: 4px 0; } .elem-agent-expose-description-other_room ul.show { max-height: 1500px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .elem-agent-expose-description-other_room .flat-button { padding: 12px 0; } .elem-agent-expose-description-other_room span.expand { display: none; color: #9B0309; } .elem-agent-expose-description-other_room span.expand.show { display: inherit; } @media only screen and (max-width: 767px) { .elem-agent-expose-description-other_room { padding: 8.4px 11.2px; } .elem-agent-expose-description-other_room h3 { padding-bottom: 4.2px; } .elem-agent-expose-description-other_room ul { max-height: 56px; } .elem-agent-expose-description-other_room ul li { padding: 2.8px 0; } .elem-agent-expose-description-other_room ul.show { max-height: 210px; } .elem-agent-expose-description-other_room .flat-button { padding: 8.4px 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-description-other_room { padding: 9.6px 12.8px; } .elem-agent-expose-description-other_room h3 { padding-bottom: 4.8px; } .elem-agent-expose-description-other_room ul { max-height: 64px; } .elem-agent-expose-description-other_room ul li { padding: 3.2px 0; } .elem-agent-expose-description-other_room ul.show { max-height: 240px; } .elem-agent-expose-description-other_room .flat-button { padding: 9.6px 0; } } .elem-agent-expose-description-other_rooms { padding: 12px 16px; } .elem-agent-expose-description-other_rooms h3 { padding-bottom: 6px; } .elem-agent-expose-description-other_rooms ul { overflow: hidden; max-height: 80px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .elem-agent-expose-description-other_rooms ul li { padding: 4px 0; } .elem-agent-expose-description-other_rooms ul.show { max-height: 300px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .elem-agent-expose-description-other_rooms .flat-button { padding: 12px 0; } @media only screen and (max-width: 767px) { .elem-agent-expose-description-other_rooms { padding: 8.4px 11.2px; } .elem-agent-expose-description-other_rooms h3 { padding-bottom: 4.2px; } .elem-agent-expose-description-other_rooms ul { max-height: 56px; } .elem-agent-expose-description-other_rooms ul li { padding: 2.8px 0; } .elem-agent-expose-description-other_rooms ul.show { max-height: 210px; } .elem-agent-expose-description-other_rooms .flat-button { padding: 8.4px 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-description-other_rooms { padding: 9.6px 12.8px; } .elem-agent-expose-description-other_rooms h3 { padding-bottom: 4.8px; } .elem-agent-expose-description-other_rooms ul { max-height: 64px; } .elem-agent-expose-description-other_rooms ul li { padding: 3.2px 0; } .elem-agent-expose-description-other_rooms ul.show { max-height: 240px; } .elem-agent-expose-description-other_rooms .flat-button { padding: 9.6px 0; } } .elem-agent-expose-description-specification ol.nav { border-top: 1px solid rgba(0,0,0,0.12); border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-expose-description-specification ol.nav li { display: inline-block; } .elem-agent-expose-description-specification ol.nav li a { display: inline-block; padding: 8px 16px; } .elem-agent-expose-description-specification ol.body { position: relative; border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-expose-description-specification ol.body li.slide { display: none; padding: 8px; width: 100%; } .elem-agent-expose-description-specification ol.body li.slide p.body1 { padding: 12px 16px; } .elem-agent-expose-description-specification ol.body li.slide p.caption { padding: 4px 8px; color: rgba(0,0,0,0.26); } .elem-agent-expose-description-specification ol.body li.slide ul { padding: 8px; } .elem-agent-expose-description-specification ol.body li.slide ul li { display: inline-block; padding: 8px; width: 33%; vertical-align: middle; } .elem-agent-expose-description-specification ol.body li.slide ul li span { display: inline-block; padding: 0 8px; color: rgba(0,0,0,0.54); font-size: 1.8em; vertical-align: middle; } .elem-agent-expose-description-specification ol.body li.slide.focus { display: block; } @media only screen and (max-width: 767px) { .elem-agent-expose-description-specification ol.nav li a { padding: 5.6px 11.2px; } .elem-agent-expose-description-specification ol.body li.slide { padding: 2.8px; } .elem-agent-expose-description-specification ol.body li.slide ul { padding: 2.8px; } .elem-agent-expose-description-specification ol.body li.slide ul li { padding: 2.8px; width: 49%; } .elem-agent-expose-description-specification ol.body li.slide ul li span { padding: 0 2.8px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-description-specification ol.nav li a { padding: 8px 16px; } .elem-agent-expose-description-specification ol.body li.slide { padding: 4px; } .elem-agent-expose-description-specification ol.body li.slide ul { padding: 4px; } .elem-agent-expose-description-specification ol.body li.slide ul li { padding: 4px; width: 32%; } .elem-agent-expose-description-specification ol.body li.slide ul li span { padding: 0 4px; } } .elem-agent-expose-description-tab_button { display: inline-block; } .elem-agent-expose-description-tab_button a { display: inline-block; padding: 8px 16px; color: inherit; } @media only screen and (max-width: 767px) { .elem-agent-expose-description-tab_button a { padding: 5.6px 11.2px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-description-tab_button a { padding: 6.4px 12.8px; } } .elem-agent-expose-description-tab_button.focus { color: #9B0309; } .elem-agent-expose-description-tab_button.focus a { border-bottom: 2px solid #9B0309; } .elem-agent-expose-gallery-big_image .overlay { bottom: 60px !important; } .elem-agent-expose-gallery-endless a.headline { padding: 36px 20px; width: 100%; background-color: white; } .elem-agent-expose-gallery-endless_img img { height: auto; width: 100%; } .elem-agent-expose-gallery-endless_img div.image-description { padding: 26px 30px; background-color: white; } .elem-agent-expose-gallery-endless_img div.image-description h1 { line-height: 100%; } .elem-agent-expose-gallery-endless_img div.image-description p { color: rgba(0,0,0,0.54); } .elem-agent-expose-gallery-gallery { display: none; position: fixed; -webkit-transform: translateZ(0); z-index: 12; top: 50%; left: 50%; margin-top: -319px; margin-left: -450px; height: 638px; } .elem-agent-expose-gallery-gallery .card { margin: 0; } .elem-agent-expose-gallery-gallery .card .card-inner { overflow: hidden; position: relative; border-top: none; height: 638px; width: 900px; } .elem-agent-expose-gallery-gallery .card .card-inner .next-image { display: inline-block; position: absolute; top: 270px; right: 0; margin-top: -30px; color: #ffffff; font-size: 10em; line-height: 60%; } .elem-agent-expose-gallery-gallery .card .card-inner a.next-image.inactive { display: none; } .elem-agent-expose-gallery-gallery .card .card-inner .prev-image { display: inline-block; position: absolute; top: 270px; left: 0; margin-top: -30px; color: #ffffff; font-size: 10em; line-height: 60%; } .elem-agent-expose-gallery-gallery .card .card-inner a.prev-image.inactive { display: none; } .elem-agent-expose-gallery-gallery .card .card-inner a.prev-pre { display: inline-block; z-index: 1; position: absolute; left: 0; bottom: 33px; color: #ffffff; font-size: 5em; line-height: 60%; } .elem-agent-expose-gallery-gallery .card .card-inner a.prev-pre.inactive { display: none; } .elem-agent-expose-gallery-gallery .card .card-inner a.next-pre { display: inline-block; position: absolute; right: 0; bottom: 33px; color: #ffffff; font-size: 5em; line-height: 60%; } .elem-agent-expose-gallery-gallery .card .card-inner a.next-pre.inactive { display: none; } .elem-agent-expose-gallery-gallery .card .card-inner div.image { position: relative; height: 600px; width: 900px; background-color: #000000; } .elem-agent-expose-gallery-gallery .card .card-inner div.image a.close { position: absolute; top: 16px; right: 16px; color: rgba(255,255,255,0.56); } .elem-agent-expose-gallery-gallery .card .card-inner div.image a.close:hover, .elem-agent-expose-gallery-gallery .card .card-inner div.image a.close:active, .elem-agent-expose-gallery-gallery .card .card-inner div.image a.close:focus { color: rgba(255,255,255,0.84); } .elem-agent-expose-gallery-gallery .card .card-inner div.image img { height: 100%; width: auto; } .elem-agent-expose-gallery-gallery .card .card-inner div.image div.overlay { position: absolute; bottom: 0; left: 0; padding: 14px 16px; width: 100%; background-color: rgba(0,0,0,0.4); } .elem-agent-expose-gallery-gallery .card .card-inner div.image div.overlay h1 { color: white; line-height: 100%; } .elem-agent-expose-gallery-gallery .card .card-inner div.image div.overlay p { color: rgba(255,255,255,0.86); } .elem-agent-expose-gallery-gallery .card .card-inner ul.image-preview { position: absolute; left: 0; bottom: 0; padding: 0; height: 98px; min-width: 1000000px; background-color: #000000; white-space: nowrap; } @media only screen and (max-width: 767px) { .elem-agent-expose-gallery-gallery { margin-top: -105px; margin-left: -150px; height: 210px; } .elem-agent-expose-gallery-gallery .card .card-inner { height: 210px; width: 300px; } .elem-agent-expose-gallery-gallery .card .card-inner .next-image { top: 90px; margin-top: -30px; font-size: 6em; } .elem-agent-expose-gallery-gallery .card .card-inner .prev-image { top: 90px; margin-top: -30px; font-size: 6em; } .elem-agent-expose-gallery-gallery .card .card-inner a.prev-pre { bottom: 4px; font-size: 4em; } .elem-agent-expose-gallery-gallery .card .card-inner a.next-pre { bottom: 4px; font-size: 4em; } .elem-agent-expose-gallery-gallery .card .card-inner div.image { height: 180px; } .elem-agent-expose-gallery-gallery .card .card-inner div.image a.close { top: 16px; right: 16px; } .elem-agent-expose-gallery-gallery .card .card-inner div.image img { height: 180px; width: 300px; } .elem-agent-expose-gallery-gallery .card .card-inner div.image div.overlay { padding: 7px 8px; } .elem-agent-expose-gallery-gallery .card .card-inner ul.image-preview { height: 30px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-gallery-gallery { margin-top: -248px; margin-left: -350px; height: 496px; } .elem-agent-expose-gallery-gallery .card .card-inner { height: 496px; width: 700px; } .elem-agent-expose-gallery-gallery .card .card-inner .next-image { top: 222px; margin-top: -30px; } .elem-agent-expose-gallery-gallery .card .card-inner .prev-image { top: 222px; margin-top: -30px; } .elem-agent-expose-gallery-gallery .card .card-inner a.prev-pre { bottom: 23px; } .elem-agent-expose-gallery-gallery .card .card-inner a.next-pre { bottom: 23px; } .elem-agent-expose-gallery-gallery .card .card-inner div.image { height: 468px; width: 700px; } .elem-agent-expose-gallery-gallery .card .card-inner div.image a.close { top: 16px; right: 16px; } .elem-agent-expose-gallery-gallery .card .card-inner div.image div.overlay { padding: 14px 16px; } .elem-agent-expose-gallery-gallery .card .card-inner ul.image-preview { height: 79px; } } .elem-agent-expose-gallery-gallery.show { display: block; } .elem-agent-expose-gallery-loader { display: none; position: absolute; z-index: 1; top: 0; left: 0; height: 540px; width: 900px; background-color: #FAF6E1; } .elem-agent-expose-gallery-loader .loader { position: fixed; top: 50%; left: 50%; margin-top: -100px; margin-left: -50px; width: 100px; height: 100px; zoom: 1.7; } .elem-agent-expose-gallery-loader .circular { animation: rotate 2s linear infinite; height: 100px; position: relative; width: 100px; } .elem-agent-expose-gallery-loader .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-gallery-loader { height: 468px; width: 700px; } } .elem-agent-expose-gallery-loader.active { display: block; } .elem-agent-expose-gallery-preview_img { float: left; padding: 4px 2px; height: 98px; width: 124px; } .elem-agent-expose-gallery-preview_img a img { height: 90px; width: 120px; } @media only screen and (max-width: 767px) { .elem-agent-expose-gallery-preview_img { padding: 2px 2px; height: 30px; width: 38px; } .elem-agent-expose-gallery-preview_img a img { height: 28px; width: 34px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-gallery-preview_img { padding: 4px 2px; height: 79px; width: 98px; } .elem-agent-expose-gallery-preview_img a img { height: 71px; width: 94px; } } .elem-agent-expose-gallery-preview_img.show { background-color: #9B0309; } .elem-agent-expose-gallery-big_image-overlay .overlay { display: none; } .elem-agent-expose-gallery-big_image-overlay .overlay.active { display: block; } .elem-agent-expose-gallery-preview_img-gallery_image p { overflow: hidden; width: 100%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-expose-item-tile_big { float: left; position: relative; margin: 2px; } .elem-agent-expose-item-tile_big a { display: block; height: 380px; width: 502px; } .elem-agent-expose-item-tile_big a img { height: 100%; width: 100%; } .elem-agent-expose-item-tile_big a div { position: absolute; bottom: 0; left: 0; padding: 13px 16px; width: 100%; background-color: rgba(0,0,0,0.4); } .elem-agent-expose-item-tile_big a div h2 { color: #ffffff; } .elem-agent-expose-item-tile_big a div p { color: #ffffff; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-item-tile_big a { height: auto; width: 360px; } .elem-agent-expose-item-tile_big a div { padding: 10.4px 12.8px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-expose-item-tile_big a { height: auto; width: 479px; } .elem-agent-expose-item-tile_big a div { padding: 11.7px 14.4px; } } .elem-agent-expose-map-one_with_tab { z-index: 3; position: absolute; top: 4px; width: auto; } .elem-agent-expose-map-one_with_tab .card-inner { width: 316px; } .elem-agent-expose-map-one_with_tab .card-inner h1 { padding: 10px 16px; } .elem-agent-expose-map-one_with_tab .card-inner .navi { position: relative; height: 48px; } .elem-agent-expose-map-one_with_tab .card-inner .navi .nav { position: absolute; top: 0; padding: 0 2px; height: 48px; width: 52px; background-color: #ffffff; } .elem-agent-expose-map-one_with_tab .card-inner .navi .nav a { display: inline-block; height: 48px; width: 48px; font-size: 2.4em; padding: 4px 16px !important; } .elem-agent-expose-map-one_with_tab .card-inner .navi .nav a i { width: 100%; text-align: center; } .elem-agent-expose-map-one_with_tab .card-inner .navi .nav.right { right: 0; width: 56px; } .elem-agent-expose-map-one_with_tab .card-inner .navi .nav.left { left: 0; width: 56px; } .elem-agent-expose-map-one_with_tab .card-inner .navi ul.navigation { position: absolute; left: 2px; white-space: nowrap !important; padding: 0 2px; height: 49px; } .elem-agent-expose-map-one_with_tab .card-inner .navi ul.navigation li { display: inline-block; padding: 0; height: 48px; } .elem-agent-expose-map-one_with_tab .card-inner .navi ul.navigation li a { display: inline-block; height: 48px; width: 48px; background-position: center; background-repeat: no-repeat; background-size: 24px auto; } .elem-agent-expose-map-one_with_tab .card-inner ul.list { border-top: 1px solid rgba(0,0,0,0.12); height: 307px; } .elem-agent-expose-map-one_with_tab .card-inner ul.list li.outer { display: none; } .elem-agent-expose-map-one_with_tab .card-inner ul.list li.outer ul.sub-list { padding: 8px 0; overflow: auto; height: 306px; } .elem-agent-expose-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li { position: relative; padding: 16px; height: 72px; } .elem-agent-expose-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li h2 { margin-left: 56px; line-height: 140%; color: rgba(0,0,0,0.87); } .elem-agent-expose-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li img { position: absolute; top: 16px; left: 16px; border-radius: 100%; height: 40px; width: 40px; } .elem-agent-expose-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li p { margin-left: 56px; line-height: 120%; color: rgba(0,0,0,0.54); } .elem-agent-expose-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li:hover, .elem-agent-expose-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li:active, .elem-agent-expose-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li:focus { background-color: rgba(0,0,0,0.12); } .elem-agent-expose-map-one_with_tab .card-inner ul.list li.outer.focus { display: inline-block; width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-map-one_with_tab .card-inner { width: 252.8px; } .elem-agent-expose-map-one_with_tab .card-inner h1 { padding: 8px 12.8px; } .elem-agent-expose-map-one_with_tab .card-inner .navi { height: 38.4px; } .elem-agent-expose-map-one_with_tab .card-inner .navi .nav { height: 38.4px; width: 41.6px; } .elem-agent-expose-map-one_with_tab .card-inner .navi .nav a { height: 38.4px; width: 38.4px; padding: 3.2px 12.8px !important; } .elem-agent-expose-map-one_with_tab .card-inner .navi .nav.right { width: 44.8px; } .elem-agent-expose-map-one_with_tab .card-inner .navi .nav.left { width: 44.8px; } .elem-agent-expose-map-one_with_tab .card-inner .navi ul.navigation { height: 39.2px; } .elem-agent-expose-map-one_with_tab .card-inner .navi ul.navigation li { height: 38.4px; } .elem-agent-expose-map-one_with_tab .card-inner .navi ul.navigation li a { height: 38.4px; width: 38.4px; background-size: 19.2px auto; } .elem-agent-expose-map-one_with_tab .card-inner ul.list { height: 245.6px; } .elem-agent-expose-map-one_with_tab .card-inner ul.list li.outer ul.sub-list { padding: 6.4px 0; height: 244.8px; } .elem-agent-expose-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li { padding: 12.8px; height: 57.6px; } .elem-agent-expose-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li h2 { margin-left: 44.8px; } .elem-agent-expose-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li img { top: 12.8px; left: 12.8px; height: 32px; width: 32px; } .elem-agent-expose-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li p { margin-left: 44.8px; } } .elem-agent-expose-map-tab_button { display: inline-block; } .elem-agent-expose-map-tab_button a { display: inline-block; padding: 8px 0; color: rgba(0,0,0,0.26); font-size: 3.4em; } .elem-agent-expose-map-tab_button a:hover { color: rgba(0,0,0,0.54); text-decoration: none; } .elem-agent-expose-map-tab_button a:active { color: rgba(0,0,0,0.54); text-decoration: none; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-map-tab_button a { padding: 6.4px 0; font-size: 2.8em; } } .elem-agent-expose-map-tab_button.focus { color: #9B0309; } .elem-agent-expose-map-tab_button.focus a { border-bottom: 2px solid #9B0309; color: #9B0309; } .elem-agent-expose-rating-detail { position: relative; margin: 8px 0; padding: 8px 0; height: 56px; } .elem-agent-expose-rating-detail h2 { padding-left: 72px; } .elem-agent-expose-rating-detail h2 span.body2 { padding-right: 8px; } .elem-agent-expose-rating-detail h2 span.small { padding: 0 2px; } .elem-agent-expose-rating-detail h2 .date { float: right; padding-right: 16px; } .elem-agent-expose-rating-detail p.body1 { padding: 0; padding-left: 72px; } .elem-agent-expose-rating-detail p.body1 span { display: inline-block; padding: 0 8px; color: #9B0309; cursor: pointer; } .elem-agent-expose-rating-detail span.seperator { display: inline-block; position: absolute; right: 0px; bottom: -8px; border-bottom: 1px solid rgba(0,0,0,0.12); width: 50%; } @media only screen and (max-width: 767px) { .elem-agent-expose-rating-detail { height: 110px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-rating-detail { overflow: hidden; margin: 8px 0; padding: 8px 0; height: auto; } .elem-agent-expose-rating-detail h2 { padding-left: 57.6px; } .elem-agent-expose-rating-detail h2 span.body2 { padding-right: 6.4px; } .elem-agent-expose-rating-detail h2 .date { padding-right: 12.8px; } .elem-agent-expose-rating-detail p.body1 { padding-left: 57.6px; } .elem-agent-expose-rating-detail p.body1 a { padding: 0 6.4px; } .elem-agent-expose-rating-detail span.seperator { bottom: 0; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-expose-rating-detail { overflow: hidden; margin: 8px 0; padding: 8px 0; height: auto; } .elem-agent-expose-rating-detail h2 { padding-left: 64.8px; } .elem-agent-expose-rating-detail h2 span.body2 { padding-right: 7.2px; } .elem-agent-expose-rating-detail h2 .date { padding-right: 14.4px; } .elem-agent-expose-rating-detail p.body1 { padding-left: 64.8px; } .elem-agent-expose-rating-detail p.body1 a { padding: 0 7.2px; } .elem-agent-expose-rating-detail span.seperator { bottom: 0; } } .elem-agent-expose-rating-partner_dot { display: inline-block; position: absolute; top: 8px; left: 16px; padding: 8px; height: 40px; width: 40px; color: #ffffff; } .elem-agent-expose-rating-partner_dot img { height: 100%; width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-rating-partner_dot { top: 6.4px; left: 12.8px; padding: 6.4px; height: 32px; width: 32px; } } .elem-agent-expose-rating-partner_dot.G { background-color: #259B24; } .elem-agent-expose-rating-partner_dot.TF { background-color: #ffffff; } .elem-agent-expose-rating-popup { z-index: 12; display: none; position: fixed; -webkit-transform: translateZ(0); left: 25%; top: 25%; } .elem-agent-expose-rating-popup .card-inner { width: 502px; } .elem-agent-expose-rating-popup .card-inner span.close { position: absolute; top: 8px; right: 8px; padding: 8px; font-size: 2em; color: rgba(0,0,0,0.26); cursor: pointer; } .elem-agent-expose-rating-popup .card-inner h1 { position: relative; padding: 16px; padding-left: 72px; width: 356px; font-size: 10px; } .elem-agent-expose-rating-popup .card-inner h1 span.subhead { top: 16px; } .elem-agent-expose-rating-popup .card-inner div.popup-body { padding: 0 16px; padding-bottom: 16px; } .elem-agent-expose-rating-popup .card-inner div.popup-body .rating-text { padding-left: 0 !important; } .elem-agent-expose-rating-popup .card-inner div.popup-body p.caption { padding-top: 4px; } .elem-agent-expose-rating-popup .card-inner div.popup-footer { position: relative; padding: 8px 8px; padding-top: 0px; height: 37px; } .elem-agent-expose-rating-popup .card-inner div.popup-footer span.pagination { position: absolute; bottom: 8px; left: 16px; color: rgba(0,0,0,0.26); } @media only screen and (max-width: 767px) { .elem-agent-expose-rating-popup { top: 15%; left: 5%; } .elem-agent-expose-rating-popup .card-inner { width: 280px; } .elem-agent-expose-rating-popup .card-inner span.close { top: 5.6px; right: 5.6px; padding: 5.6px; } .elem-agent-expose-rating-popup .card-inner h1 { padding: 11.2px; padding-left: 72px; width: 250px; } .elem-agent-expose-rating-popup .card-inner h1 span.subhead { top: 11.2px; } .elem-agent-expose-rating-popup .card-inner div.popup-body { padding: 0 11.2px; padding-bottom: 11.2px; } .elem-agent-expose-rating-popup .card-inner div.popup-footer { padding: 5.6px 5.6px; height: 25.9px; } .elem-agent-expose-rating-popup .card-inner div.popup-footer span.pagination { left: 11.2px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-expose-rating-popup .card-inner { width: 401.6px; } .elem-agent-expose-rating-popup .card-inner span.close { top: 6.4px; right: 6.4px; padding: 6.4px; } .elem-agent-expose-rating-popup .card-inner h1 { padding: 12.8px; padding-left: 57.6px; width: 284.8px; } .elem-agent-expose-rating-popup .card-inner h1 span.subhead { top: 12.8px; } .elem-agent-expose-rating-popup .card-inner div.popup-body { padding: 0 12.8px; padding-bottom: 12.8px; } .elem-agent-expose-rating-popup .card-inner div.popup-footer { padding: 6.4px 6.4px; height: 29.6px; } .elem-agent-expose-rating-popup .card-inner div.popup-footer span.pagination { left: 12.8px; } } .elem-agent-expose-rating-popup.show { display: inherit; } .elem-agent-expose-search-header { padding: 0 8px; height: 44px; background-color: #8C8B55; } .elem-agent-expose-search-header a { font-size: 4em; color: white; } .elem-agent-expose-search-header a:hover, .elem-agent-expose-search-header a:focus, .elem-agent-expose-search-header a:active { color: rgba(255,255,255,0.86); } .elem-agent-expose-search-when-popup { margin: 0; } .elem-agent-expose-search-when-popup .card-inner { position: relative; overflow: hidden; padding: 8px 16px; } .elem-agent-expose-search-when-popup .card-inner .icon-oth_close { z-index: 2; position: absolute; top: 16px; right: 16px; font-size: 2em; color: rgba(0,0,0,0.26); } .elem-agent-expose-search-when-popup .card-inner .popup-body { position: relative; overflow: hidden; } .elem-agent-expose-search-when-popup .card-inner .popup-body .input { overflow: hidden; } .elem-agent-expose-search-when-popup .card-inner .popup-body .input label { padding-right: 5px; color: rgba(0,0,0,0.87); } .elem-agent-expose-search-when-popup .card-inner .popup-body .input .date { display: inline-block; } .elem-agent-expose-search-when-popup .card-inner .popup-body .input .date div.text-input { display: inline-block; } .elem-agent-expose-search-when-popup .card-inner .popup-body .input .date div.text-input input.when_input { display: inline-block; border: none; width: 160px; color: rgba(0,0,0,0.87); font-size: 1.4em; } .elem-agent-expose-search-when-popup .card-inner .popup-body .input .date div.text-input a.flat-button { display: inline-block; color: rgba(0,0,0,0.54); } .elem-agent-expose-search-when-popup .card-inner .popup-body .input .date div.text-input a.flat-button:hover, .elem-agent-expose-search-when-popup .card-inner .popup-body .input .date div.text-input a.flat-button:active, .elem-agent-expose-search-when-popup .card-inner .popup-body .input .date div.text-input a.flat-button:focus { color: rgba(0,0,0,0.26); } .elem-agent-expose-search-when-popup .card-inner .popup-body .input label.caption { display: none; } .elem-agent-expose-search-when-popup .card-inner .popup-body .input .flexible { display: inline-block; padding-bottom: 4px; height: 28px; width: 270px; } .elem-agent-expose-search-when-popup .card-inner .popup-body .input .flexible div.select-box { padding: 0; } .elem-agent-expose-search-when-popup .card-inner .popup-body .input .flexible div.select-box .group { width: 120px; } .elem-agent-expose-search-when-popup .card-inner .popup-body .input .flexible div.select-box label { padding: 0; padding-bottom: 6px; height: 26px; } .elem-agent-expose-search-when-popup .card-inner .popup-body .input .flexible div.select-box select.subhead { padding: 0; padding-bottom: 4px; width: 120px; font-size: 1.4em; } .elem-agent-expose-search-when-popup .card-inner .popup-body p.caption { padding-top: 8px; width: 389px; } .elem-agent-expose-search-when-popup .card-inner .popup-footer { position: relative; height: 53px; } .elem-agent-expose-search-when-popup .card-inner .popup-footer input.title { position: absolute; right: -8px; bottom: 0; } .elem-agent-expose-search-when-popup .card-inner .popup-footer .listing-hint { position: absolute; bottom: 8px; left: 0; display: inline-block; color: #9B0309; } .elem-agent-expose-search-who-popup { margin: 0; } .elem-agent-expose-search-who-popup .card-inner { position: relative; overflow: hidden; } .elem-agent-expose-search-who-popup .card-inner .icon-oth_close { position: absolute; top: 8px; right: 8px; font-size: 2em; color: rgba(0,0,0,0.26); } .elem-agent-expose-search-who-popup .card-inner .popup-body { padding: 8px; } .elem-agent-expose-search-who-popup .card-inner .popup-footer { position: relative; padding: 8px; height: 53px; } .elem-agent-expose-search-who-popup .card-inner .popup-footer .listing-hint { display: inline-block; position: absolute; bottom: 8px; left: 8px; padding: 8px; color: #9B0309; } .elem-agent-favorites-contact_button { padding: 8px 0; overflow: hidden; } .elem-agent-favorites-contact_button a.raised-button { padding: 16px; background-color: #9B0309; } .elem-agent-favorites-contact_button a.raised-button:hover { background-color: rgba(155,3,9,0.87); color: white; } .elem-agent-favorites-contact_button a.raised-button:active { background-color: rgba(155,3,9,0.87); color: white; } .elem-agent-favorites-contact_button a.raised-button:focus { background-color: rgba(155,3,9,0.87); color: white; } @media only screen and (max-width: 767px) { .elem-agent-favorites-contact_button { width: 100%; padding: 6.4px 0; } .elem-agent-favorites-contact_button a.raised-button { padding: 12.8px; width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-favorites-contact_button { padding: 6.4px 0; } .elem-agent-favorites-contact_button a.raised-button { padding: 12.8px; } } .elem-agent-favorites-result_list .result-head { padding: 12px 16px; } .elem-agent-favorites-result_list .result-head h1 { display: inline-block; } .elem-agent-favorites-result_list .result-head span.pagination { display: inline-block; padding: 5px 0; padding-left: 16px; color: rgba(0,0,0,0.54); } .elem-agent-favorites-result_list .result-head span.caption { display: inline-block; padding: 8px; color: rgba(0,0,0,0.26); } .elem-agent-favorites-result_list ol.nav { border-top: 1px solid rgba(0,0,0,0.12); border-bottom: 1px solid rgba(0,0,0,0.12); height: 37px; } .elem-agent-favorites-result_list ul.body { position: relative; border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-favorites-result_list ul.body li.slide { display: none; width: 100%; } .elem-agent-favorites-result_list ul.body li.slide .result-list li:last-child .content { border-bottom: 0; } .elem-agent-favorites-result_list ul.body li.slide.focus { display: inherit; } @media only screen and (max-width: 767px) { .elem-agent-favorites-result_list .result-head { padding: 8.4px 11.2px; } .elem-agent-favorites-result_list .result-head span.pagination { padding: 3.5px 0; padding-left: 11.2px; } .elem-agent-favorites-result_list .result-head span.caption { padding: 5.6px; } .elem-agent-favorites-result_list ol.nav { height: 39px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-favorites-result_list .result-head { padding: 9.6px 12.8px; } .elem-agent-favorites-result_list .result-head span.pagination { padding: 4px 0; padding-left: 12.8px; } .elem-agent-favorites-result_list .result-head span.caption { padding: 6.4px; } .elem-agent-favorites-result_list ol.nav { height: 39px; } } .elem-agent-favorites-result_list-map { margin: 4px 0; } .elem-agent-favorites-result_list-map #map { height: 632px; width: 100%; } .elem-agent-favorites-result_list-map #map .test-class { height: auto !important; width: auto !important; } .elem-agent-favorites-result_list-map #map .gm-style-iw { overflow: visible !important; top: 0 !important; left: 0 !important; height: auto !important; width: auto !important; } .elem-agent-favorites-result_list-map #map .gm-style-iw div { overflow: visible !important; width: auto !important; } .elem-agent-favorites-result_list-map #map .gm-style-iw div div { overflow: visible !important; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-favorites-result_list-map #map { height: 505.6px; } } .elem-agent-favorites-result_list-pagination { position: relative; border-top: 1px solid rgba(0,0,0,0.12); padding: 8px 0; } .elem-agent-favorites-result_list-pagination ol { display: inline-block; } .elem-agent-favorites-result_list-pagination ol li { display: inline-block; } .elem-agent-favorites-result_list-pagination ol li a { display: inline-block; padding: 8px; color: rgba(0,0,0,0.87); } .elem-agent-favorites-result_list-pagination ol li a.attention { color: #9B0309; } .elem-agent-favorites-result_list-pagination ol > li + li:before { content: "· "; } .elem-agent-favorites-result_list-pagination a.button.right { position: absolute; right: 16px; font-size: 2em; } .elem-agent-favorites-result_list-pagination a.button.left { position: absolute; left: 16px; font-size: 2em; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-favorites-result_list-pagination { padding: 6.4px 0; } .elem-agent-favorites-result_list-pagination ol li a { padding: 6.4px; } .elem-agent-favorites-result_list-pagination a.button.right { right: 12.8px; } .elem-agent-favorites-result_list-pagination a.button.left { left: 12.8px; } } .elem-agent-favorites-result_list-result .card-inner { border: none; } .elem-agent-favorites-result_list-result a.listing { display: block; position: relative; padding-left: 368px; height: 220px; } .elem-agent-favorites-result_list-result a.listing .content { border-bottom: 1px solid rgba(0,0,0,0.12); padding: 16px; padding-left: 0; height: 220px; } .elem-agent-favorites-result_list-result a.listing .content h1 { padding-top: 8px; } .elem-agent-favorites-result_list-result a.listing .content img.listing { position: absolute; top: 16px; left: 16px; height: 188px; width: 336px; } .elem-agent-favorites-result_list-result a.listing .content ul { padding: 20px 0; } .elem-agent-favorites-result_list-result a.listing .content ul li { display: inline-block; padding-right: 16px; color: rgba(0,0,0,0.54); vertical-align: middle; } .elem-agent-favorites-result_list-result a.listing .content ul li span.icon { display: inline-block; padding-right: 4px; height: 26px; font-size: 1.6em; color: rgba(0,0,0,0.54); vertical-align: middle; } .elem-agent-favorites-result_list-result a.listing .content span.caption { position: absolute; top: 62px; right: 16px; color: rgba(0,0,0,0.26); } .elem-agent-favorites-result_list-result a.listing .content span.rating { padding: 0 8px; } .elem-agent-favorites-result_list-result a.listing .content span.price { position: absolute; right: 16px; bottom: 16px; } .elem-agent-favorites-result_list-result div.favorites { display: inline-block; position: absolute; top: 24px; right: 24px; padding: 8px; height: 24px; width: 24px; } .elem-agent-favorites-result_list-result .card-inner:hover .content { border: none; } @media only screen and (max-width: 767px) { .elem-agent-favorites-result_list-result .hidden-sm { display: none; } .elem-agent-favorites-result_list-result .stars { display: none; } .elem-agent-favorites-result_list-result a.listing { padding-left: 0; height: auto; } .elem-agent-favorites-result_list-result a.listing .content { padding: 0; height: auto; } .elem-agent-favorites-result_list-result a.listing .content h1 { position: absolute; bottom: 57px; left: 0; padding: 8px 12px; width: 100%; background-color: rgba(0,0,0,0.26); color: white; font-size: 1.4em; } .elem-agent-favorites-result_list-result a.listing .content img.listing { position: relative; top: inherit; left: inherit; height: auto; width: 100%; } .elem-agent-favorites-result_list-result a.listing .content ul { padding: 6px 8px; padding-bottom: 0; } .elem-agent-favorites-result_list-result a.listing .content ul li { padding-right: 11.2px; } .elem-agent-favorites-result_list-result a.listing .content ul li span.icon { padding-right: 2.8px; height: 18.2px; } .elem-agent-favorites-result_list-result a.listing .content ul li.hidden-xs { display: none; } .elem-agent-favorites-result_list-result a.listing .content span.caption { top: 11.2px; right: 11.2px; } .elem-agent-favorites-result_list-result a.listing .content span.rating { padding: 0 5.6px; } .elem-agent-favorites-result_list-result a.listing .content span.price { display: block; position: relative; right: inherit; bottom: inherit; padding: 6px 8px; padding-top: 0; width: 100%; font-size: 1.6em; text-align: right; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-favorites-result_list-result .hidden-sm { display: none; } .elem-agent-favorites-result_list-result .stars { position: absolute; bottom: 8px; left: 302.4px; } .elem-agent-favorites-result_list-result a.listing { padding-left: 294.4px; height: 176px; } .elem-agent-favorites-result_list-result a.listing .content { padding: 12.8px; height: 176px; } .elem-agent-favorites-result_list-result a.listing .content h1 { padding-top: 0; } .elem-agent-favorites-result_list-result a.listing .content img.listing { top: 12.8px; left: 12.8px; height: 150.4px; width: 268.8px; } .elem-agent-favorites-result_list-result a.listing .content ul { padding: 8px 0; } .elem-agent-favorites-result_list-result a.listing .content ul li { padding-right: 12.8px; } .elem-agent-favorites-result_list-result a.listing .content ul li span.icon { padding-right: 3.2px; height: 20.8px; } .elem-agent-favorites-result_list-result a.listing .content span.caption { top: 12.8px; right: 12.8px; } .elem-agent-favorites-result_list-result a.listing .content span.rating { padding: 0 6.4px; } .elem-agent-favorites-result_list-result a.listing .content span.price { right: 12.8px; bottom: 12.8px; } .elem-agent-favorites-result_list-result div.favorites { display: inline-block; position: absolute; top: 6px; right: 18px; padding: 8px; height: 24px; width: 24px; } } .elem-agent-favorites-result_list-tab_button { float: left; width: 50%; } .elem-agent-favorites-result_list-tab_button a { display: inline-block; padding: 7px 16px; width: 100%; color: inherit; } .elem-agent-favorites-result_list-tab_button.focus { color: #9B0309; } .elem-agent-favorites-result_list-tab_button.focus a { border-bottom: 2px solid #9B0309; } .elem-agent-favorites-result_list-tab_button.border-right { border-right: 1px solid rgba(0,0,0,0.12); } .elem-agent-favorites-result_list-result-map { position: absolute; top: 85px; right: 16px; hight: 48px; width: 60px; } .elem-agent-favorites-result_list-result-map img { height: 100%; width: 100%; } .elem-agent-favorites-result_list-result-map span.dot { position: absolute; border-radius: 100%; height: 5px; width: 5px; background-color: #9B0309; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-favorites-result_list-result-map { top: 16px; right: 36.8px; hight: 38.4px; width: 48px; } } .elem-agent-form-checkbox { position: relative; padding: 4px 0; height: 58px; } .elem-agent-form-checkbox input[type=checkbox] { display: none; } .elem-agent-form-checkbox #check-awesome { position: relative; } .elem-agent-form-checkbox label { cursor: pointer; } .elem-agent-form-checkbox label img { border-radius: 100%; margin-right: 8px; height: 45px; width: 45px; } .elem-agent-form-checkbox label span { display: block; position: absolute; top: 10px; right: 100px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .elem-agent-form-checkbox label .circle { background: transparent; right: 70px; top: -5px; height: 80px; width: 80px; z-index: -1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .elem-agent-form-checkbox label .box { border: 2px solid #000; height: 20px; width: 20px; z-index: 888; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .elem-agent-form-checkbox label .check { top: 3px; right: 106px; width: 12px; height: 24px; border: 2px solid #0f9d58; border-top: none; border-left: none; opacity: 0; z-index: 888; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .elem-agent-form-checkbox label .circle { -webkit-animation: growCircle 0.3s ease; -moz-animation: growCircle 0.3s ease; animation: growCircle 0.3s ease; } .elem-agent-form-checkbox input[type=checkbox]:checked ~ label .box { opacity: 0; -webkit-transform: scale(0) rotate(-180deg); -moz-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } .elem-agent-form-checkbox input[type=checkbox]:checked ~ label .check { opacity: 1; -webkit-transform: scale(1) rotate(45deg); -moz-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } @-webkit-keyframes growCircle { .elem-agent-form-checkbox 0%, .elem-agent-form-checkbox 100% { -webkit-transform: scale(0); } .elem-agent-form-checkbox 70% { background: #000; -webkit-transform: scale(1.25); } } @-moz-keyframes growCircle { .elem-agent-form-checkbox 0%, .elem-agent-form-checkbox 100% { -moz-transform: scale(0); } .elem-agent-form-checkbox 70% { background: #000; -moz-transform: scale(1.25); } } @keyframes growCircle { .elem-agent-form-checkbox 0%, .elem-agent-form-checkbox 100% { transform: scale(0); } .elem-agent-form-checkbox 70% { background: #000; transform: scale(1.25); } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-form-checkbox { padding: 3.2px 0; height: 46.4px; } .elem-agent-form-checkbox label img { margin-right: 6.4px; height: 36px; width: 36px; } .elem-agent-form-checkbox label span { top: 8px; right: 80px; } .elem-agent-form-checkbox label .circle { right: 56px; top: -4px; height: 64px; width: 64px; } .elem-agent-form-checkbox label .box { height: 16px; width: 16px; } .elem-agent-form-checkbox label .check { top: 2.4px; right: 84.8px; width: 9.6px; height: 19.2px; } } .elem-agent-form-dismissable_input { position: relative; width: 100%; } .elem-agent-form-dismissable_input .input { position: absolute; left: 40%; width: 60%; } .elem-agent-form-dismissable_input .label { display: inline-block; } .elem-agent-form-dismissable_input .label .editable { display: inline-block; height: 37px; cursor: pointer; background-color: #ffffff; } .elem-agent-form-dismissable_input .label .editable .line { position: relative; z-index: 20; border-bottom: 1px solid rgba(0,0,0,0.26); height: 18px; width: 36px; } .elem-agent-form-dismissable_input .label .editable .line .bullet { z-index: 21; position: absolute; top: 10px; height: 16px; width: 16px; border-radius: 100%; border: 1px solid rgba(0,0,0,0.54); background-color: #ffffff; } .elem-agent-form-dismissable_input .label .editable .on { border-color: #9B0309; } .elem-agent-form-dismissable_input .label .editable .on .bullet { left: inherit; right: 0; border-color: #9B0309; background-color: #9B0309; } .elem-agent-form-dismissable_input .label span { display: inline-block; padding: 8px; height: 37px; vertical-align: top; } .elem-agent-form-dismissable_input .text-area { display: none; } @media only screen and (max-width: 767px) { .elem-agent-form-dismissable_input .input { position: absolute; right: 0; left: auto; width: 54%; } .elem-agent-form-dismissable_input .input .group { padding-top: 5px; } .elem-agent-form-dismissable_input .label .editable { height: 29.6px; } .elem-agent-form-dismissable_input .label .editable .line { height: 14.4px; width: 28.8px; } .elem-agent-form-dismissable_input .label .editable .line .bullet { top: 8px; height: 12.8px; width: 12.8px; } .elem-agent-form-dismissable_input .label span { padding: 6.4px; height: 29.6px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-form-dismissable_input .label .editable { height: 29.6px; } .elem-agent-form-dismissable_input .label .editable .line { height: 14.4px; width: 28.8px; } .elem-agent-form-dismissable_input .label .editable .line .bullet { top: 8px; height: 12.8px; width: 12.8px; } .elem-agent-form-dismissable_input .label span { padding: 6.4px; height: 29.6px; } } .elem-agent-form-image { padding: 8px 0; } .elem-agent-form-image label { font-size: 14px; } .elem-agent-form-input { display: inline-block; width: 100%; } .elem-agent-form-input .group { position: relative; padding: 4px 0; } .elem-agent-form-input input { font-size: 14px; display: block; padding: 4px 16px; width: 100%; border: 1px solid rgba(0,0,0,0.1); background-color: transparent; color: rgba(0,0,0,0.87); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-form-input .bar { position: relative; display: block; width: 100%; } .elem-agent-form-input .bar:before, .elem-agent-form-input .bar:after { content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #9B0309; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-form-input .bar:before { left: 50%; } .elem-agent-form-input .bar:after { right: 50%; } .elem-agent-form-input input:focus ~ .bar:before, .elem-agent-form-input input:focus ~ .bar:after { width: 50%; } .elem-agent-form-input .highlight { position: absolute; width: 100px; left: 0; pointer-events: none; opacity: 0.5; } .elem-agent-form-input input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-form-input from { background: rgba(0,0,0,0.1); } .elem-agent-form-input to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-form-input from { background: rgba(0,0,0,0.1); } .elem-agent-form-input to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-form-input from { background: rgba(0,0,0,0.1); } .elem-agent-form-input to { width: 0; background: transparent; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-form-input .group { padding: 8px 0; } .elem-agent-form-input .highlight { width: 80px; } } .elem-agent-form-input_text { display: inline-block; width: 100%; } .elem-agent-form-input_text .group { position: relative; padding: 4px 0; } .elem-agent-form-input_text textarea { font-size: 14px; display: block; padding: 4px 16px; height: 55px; width: 100%; border: 1px solid rgba(0,0,0,0.1); background-color: transparent; color: rgba(0,0,0,0.87); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; resize: none; } .elem-agent-form-input_text .bar { position: relative; display: block; width: 100%; } .elem-agent-form-input_text .bar:before, .elem-agent-form-input_text .bar:after { content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #9B0309; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-form-input_text .bar:before { left: 50%; } .elem-agent-form-input_text .bar:after { right: 50%; } .elem-agent-form-input_text textarea:focus ~ .bar:before, .elem-agent-form-input_text textarea:focus ~ .bar:after { width: 50%; } .elem-agent-form-input_text .highlight { position: absolute; width: 100px; left: 0; pointer-events: none; opacity: 0.5; } .elem-agent-form-input_text textarea:focus ~ .highlight { -webkit-animation: textareaHighlighter 0.3s ease; -moz-animation: textareaHighlighter 0.3s ease; animation: textareaHighlighter 0.3s ease; } @-webkit-keyframes textareaHighlighter { .elem-agent-form-input_text from { background: rgba(0,0,0,0.1); } .elem-agent-form-input_text to { width: 0; background: transparent; } } @-moz-keyframes textareaHighlighter { .elem-agent-form-input_text from { background: rgba(0,0,0,0.1); } .elem-agent-form-input_text to { width: 0; background: transparent; } } @keyframes textareaHighlighter { .elem-agent-form-input_text from { background: rgba(0,0,0,0.1); } .elem-agent-form-input_text to { width: 0; background: transparent; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-form-input_text .group { padding: 6.4px 0; } .elem-agent-form-input_text .highlight { width: 80px; } } .elem-agent-form-optin { position: relative; width: 100%; padding: 8px 0; } .elem-agent-form-optin span.label { display: block; padding-left: 3px; color: #999; font-size: 14px; font-weight: normal; } .elem-agent-form-optin div.label .editable { height: 37px; cursor: pointer; background-color: #ffffff; } .elem-agent-form-optin div.label .editable .line { position: relative; z-index: 20; border-bottom: 1px solid #9e9e9e; height: 18px; width: 36px; } .elem-agent-form-optin div.label .editable .line .bullet { z-index: 21; position: absolute; top: 10px; height: 16px; width: 16px; border-radius: 100%; border: 1px solid #9B0309; background-color: #ffffff; } .elem-agent-form-optin div.label .editable .line .on { left: inherit; right: 0; border-color: #259b24; background-color: #259b24; } .elem-agent-form-optin .text-area { width: 189px; text-align: right; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-form-optin { padding: 6.4px 0; } .elem-agent-form-optin span.label { font-size: 11.2px; } .elem-agent-form-optin div.label .editable { height: 29.6px; } .elem-agent-form-optin div.label .editable .line { height: 14.4px; width: 28.8px; } .elem-agent-form-optin div.label .editable .line .bullet { top: 8px; height: 12.8px; width: 12.8px; } .elem-agent-form-optin .text-area { width: 151.2px; } } .elem-agent-form-password .group { position: relative; padding: 8px 0; } .elem-agent-form-password input { font-size: 14px; padding: 8px 8px 8px 8px; display: block; width: 100%; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); background-color: transparent; color: rgba(0,0,0,0.87); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-form-password input:focus, .elem-agent-form-password input.used { padding-top: 24px; } .elem-agent-form-password label { padding-left: 3px; color: #999; font-size: 14px; font-weight: normal; position: absolute; pointer-events: none; left: 0; top: 8px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-form-password input:focus ~ label, .elem-agent-form-password input.used ~ label { outline: none; font-size: 14px; top: 0; } .elem-agent-form-password .bar { position: relative; display: block; width: 100%; } .elem-agent-form-password .bar:before, .elem-agent-form-password .bar:after { content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #9B0309; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-form-password .bar:before { left: 50%; } .elem-agent-form-password .bar:after { right: 50%; } .elem-agent-form-password input:focus ~ .bar:before, .elem-agent-form-password input:focus ~ .bar:after { width: 50%; } .elem-agent-form-password .highlight { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; } .elem-agent-form-password input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-form-password from { background: rgba(0,0,0,0.1); } .elem-agent-form-password to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-form-password from { background: rgba(0,0,0,0.1); } .elem-agent-form-password to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-form-password from { background: rgba(0,0,0,0.1); } .elem-agent-form-password to { width: 0; background: transparent; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-form-password .group { padding: 6.4px 0; } .elem-agent-form-password input { padding: 6.4px; } .elem-agent-form-password input:focus, .elem-agent-form-password input.used { padding-top: 19.2px; } .elem-agent-form-password label { top: 6.4px; } .elem-agent-form-password .highlight { width: 80px; } } .elem-agent-form-select .group { z-index: 0; position: relative; padding: 8px 0; } .elem-agent-form-select .group select { z-index: 1; } .elem-agent-form-select .group span.arrow { z-index: 3; position: absolute; right: 0; top: 0; padding-top: 22px; height: 40px; width: 17px; background-color: #ffffff; } .elem-agent-form-select select { display: block; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 8px 0 3px 0; width: 100%; background-color: transparent; font-size: 12px; color: rgba(0,0,0,0.87); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-form-select select:focus, .elem-agent-form-select select.used { padding-top: 10px; } .elem-agent-form-select label { padding-left: 3px; color: #999; font-size: 14px; font-weight: normal; position: absolute; pointer-events: none; left: 0; top: 8px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-form-select select:focus ~ label, .elem-agent-form-select select.used ~ label { outline: none; font-size: 14px; top: 0; } .elem-agent-form-select .bar { z-index: 4; position: relative; display: block; width: 100%; } .elem-agent-form-select .bar:before, .elem-agent-form-select .bar:after { content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #9B0309; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-form-select .bar:before { left: 50%; } .elem-agent-form-select .bar:after { right: 50%; } .elem-agent-form-select select:focus ~ .bar:before, .elem-agent-form-select select:focus ~ .bar:after { width: 50%; } .elem-agent-form-select .highlight { z-index: 5; position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; } .elem-agent-form-select select:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-form-select from { background: rgba(0,0,0,0.1); } .elem-agent-form-select to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-form-select from { background: rgba(0,0,0,0.1); } .elem-agent-form-select to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-form-select from { background: rgba(0,0,0,0.1); } .elem-agent-form-select to { width: 0; background: transparent; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-form-select .group { padding: 6.4px 0; } .elem-agent-form-select .group span.arrow { padding-top: 17.6px; height: 32px; width: 13.6px; } .elem-agent-form-select select { padding: 6.4px 0 2.4px 0; } .elem-agent-form-select select:focus, .elem-agent-form-select select.used { padding-top: 8px; } .elem-agent-form-select label { top: 6.4px; } .elem-agent-form-select .highlight { width: 80px; } } .elem-agent-form-select_inline { display: inline-block; padding: 0 8px; } .elem-agent-form-select_inline .group { display: inline-block; position: relative; z-index: 0; } .elem-agent-form-select_inline .group label.arrow { z-index: 3; position: absolute; right: 0; top: 0; padding-top: 6px; height: 32px; width: 17px; background-color: #ffffff; color: rgba(0,0,0,0.54); font-size: 2.4em; } .elem-agent-form-select_inline .group select { z-index: 1; } .elem-agent-form-select_inline select { display: block; border: none; padding: 4px 0 3px 0; width: 100%; background-color: transparent; color: rgba(0,0,0,0.87); } .elem-agent-form-select_inline label { display: inline-block; padding-right: 4px; color: rgba(0,0,0,0.26); pointer-events: none; } @media only screen and (max-width: 767px) { .elem-agent-form-select_inline { padding: 0 5.6px; } .elem-agent-form-select_inline .group label.arrow { padding-top: 3.5px; } .elem-agent-form-select_inline select { padding: 2.8px 0 2.1px 0; } .elem-agent-form-select_inline label { padding-right: 2.8px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-form-select_inline { padding: 0 6.4px; } .elem-agent-form-select_inline .group label.arrow { padding-top: 4.8px; } .elem-agent-form-select_inline select { padding: 3.2px 0 2.4px 0; } .elem-agent-form-select_inline label { padding-right: 3.2px; } } .elem-agent-form-title_input { position: relative; height: 39px; width: 100%; } .elem-agent-form-title_input .label { display: inline-block; position: absolute; top: 0; } .elem-agent-form-title_input .label span { display: inline-block; padding: 8px; padding-left: 0; height: 37px; vertical-align: top; } .elem-agent-form-title_input .input { display: inline-block; position: absolute; top: 0; left: 26%; height: 37px; width: 74%; } .elem-agent-form-title_input .text-area { display: none; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-form-title_input { height: 39px; } .elem-agent-form-title_input .label span { padding: 8px; height: 37px; } .elem-agent-form-title_input .input { height: 37px; left: 35%; width: 65%; } } .elem-agent-general-contact_overlay { display: none; position: fixed; -webkit-transform: translateZ(0); top: 0; left: 0; height: 0; width: 100%; background-color: rgba(0,0,0,0.56); } .elem-agent-general-contact_overlay.show { display: inherit; -webkit-transform: translateZ(0); height: 100%; } .elem-agent-general-expose_overlay { display: none; position: fixed; -webkit-transform: translateZ(0); top: 0; left: 0; height: 0; width: 100%; background-color: rgba(0,0,0,0.56); } .elem-agent-general-expose_overlay.show { display: inherit; -webkit-transform: translateZ(0); height: 100%; } .elem-agent-general-listing_bg_image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; height: 620px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center bottom; } @media only screen and (max-width: 767px) { .elem-agent-general-listing_bg_image { height: 350px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-general-listing_bg_image { height: 350px; } } .elem-agent-general-overlay { display: none; position: fixed; -webkit-transform: translateZ(0); top: 0; left: 0; height: 0; width: 100%; background-color: rgba(0,0,0,0.56); } .elem-agent-general-overlay.show { display: inherit; -webkit-transform: translateZ(0); height: 100%; } .elem-agent-general-poi_bg_image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; height: 620px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center bottom; } @media only screen and (max-width: 767px) { .elem-agent-general-poi_bg_image { height: 350px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-general-poi_bg_image { height: 350px; } } .elem-agent-guide-hero { position: relative; } .elem-agent-guide-hero .card { margin-top: 0; } .elem-agent-guide-hero .card-inner { border-top: none; } .elem-agent-guide-hero ul.slides { height: 620px; } .elem-agent-guide-hero ul.slides .hero-img { position: relative; height: 620px; overflow: hidden; } .elem-agent-guide-hero ul.slides .hero-img .hero-content-inner { position: relative; height: 620px; } .elem-agent-guide-hero ul.slides .hero-img article { position: absolute; bottom: 125px; left: 16px; z-index: 5; padding: 20px; width: 537px; background-color: rgba(255,255,255,0.7); } .elem-agent-guide-hero ul.slides .hero-img article h1 { padding-bottom: 8px; } .elem-agent-guide-hero ul.slides .hero-img span.image-title { position: absolute; right: 16px; bottom: 12px; z-index: 5; color: white; } .elem-agent-guide-hero ul.slides .hero-img img { height: 448px; width: 100%; } .elem-agent-guide-hero .flex-direction-nav .flex-next { display: none; color: #ffffff; } .elem-agent-guide-hero .flex-direction-nav .flex-prev { display: none; color: #ffffff; } @media only screen and (max-width: 767px) { .elem-agent-guide-hero .card { margin: 0; height: 133px; } .elem-agent-guide-hero .card .card-inner { height: 133px; } .elem-agent-guide-hero ul.slides { height: 142px; } .elem-agent-guide-hero ul.slides .hero-img { height: 142px; } .elem-agent-guide-hero ul.slides .hero-img .hero-content-inner { position: relative; height: 142px; } .elem-agent-guide-hero ul.slides .hero-img article { bottom: 87.5px; left: 11.2px; padding: 14px; width: 375.9px; } .elem-agent-guide-hero ul.slides .hero-img article h1 { padding-bottom: 5.6px; } .elem-agent-guide-hero ul.slides .hero-img img { height: auto; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-guide-hero ul.slides { height: 324px; } .elem-agent-guide-hero ul.slides .hero-img { height: 324px; } .elem-agent-guide-hero ul.slides .hero-img .hero-content-inner { position: relative; height: 324px; } .elem-agent-guide-hero ul.slides .hero-img article { bottom: 87.5px; left: 11.2px; padding: 14px; width: 375.9px; } .elem-agent-guide-hero ul.slides .hero-img article h1 { padding-bottom: 5.6px; } .elem-agent-guide-hero ul.slides .hero-img img { height: auto; } } .elem-agent-guide-map { margin: 4px 0; border-top: 1px solid rgba(0,0,0,0.12); border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-guide-map .container .row .map-nav { position: relative; } .elem-agent-guide-map #map { height: 632px; width: 100%; } .elem-agent-guide-map #map .test-class { height: auto !important; width: auto !important; } .elem-agent-guide-map #map .gm-style-iw { overflow: visible !important; top: 0 !important; left: 0 !important; height: auto !important; width: auto !important; } .elem-agent-guide-map #map .gm-style-iw div { overflow: visible !important; width: auto !important; } .elem-agent-guide-map #map .gm-style-iw div div { overflow: visible !important; } .elem-agent-guide-poi_list ul { margin-right: -4px; margin-left: -4px; } .elem-agent-guide-poi_list ul li { float: left; margin: 4px; height: 391px; width: 335px; } .elem-agent-guide-poi_list ul li .card .card-inner { height: 391px; } @media only screen and (max-width: 767px) { .elem-agent-guide-poi_list { width: 100%; } .elem-agent-guide-poi_list ul { width: 100%; } .elem-agent-guide-poi_list ul li { float: inherit; height: inherit; width: 100%; } .elem-agent-guide-poi_list ul li .card .card-inner { height: auto; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-guide-poi_list ul li { height: 302px; width: 241px; } .elem-agent-guide-poi_list ul li .card .card-inner { height: 302px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-guide-poi_list ul li { width: 320.3px; } } .elem-agent-guide-map-one_with_tab { z-index: 3; position: absolute; top: 4px; width: auto; } .elem-agent-guide-map-one_with_tab .card-inner { width: 316px; } .elem-agent-guide-map-one_with_tab .card-inner h1 { padding: 10px 16px; } .elem-agent-guide-map-one_with_tab .card-inner .navi { position: relative; height: 48px; } .elem-agent-guide-map-one_with_tab .card-inner .navi .nav { position: absolute; top: 0; padding: 0 2px; height: 48px; width: 52px; background-color: #ffffff; } .elem-agent-guide-map-one_with_tab .card-inner .navi .nav a { display: inline-block; height: 48px; width: 48px; font-size: 2.4em; padding: 4px 16px !important; } .elem-agent-guide-map-one_with_tab .card-inner .navi .nav a i { width: 100%; text-align: center; } .elem-agent-guide-map-one_with_tab .card-inner .navi .nav.right { right: 0; width: 56px; } .elem-agent-guide-map-one_with_tab .card-inner .navi .nav.left { left: 0; width: 56px; } .elem-agent-guide-map-one_with_tab .card-inner .navi ul.navigation { position: absolute; left: 2px; white-space: nowrap !important; padding: 0 2px; height: 49px; } .elem-agent-guide-map-one_with_tab .card-inner .navi ul.navigation li { display: inline-block; padding: 0; height: 48px; } .elem-agent-guide-map-one_with_tab .card-inner .navi ul.navigation li a { display: inline-block; height: 48px; width: 48px; background-position: center; background-repeat: no-repeat; background-size: 24px auto; } .elem-agent-guide-map-one_with_tab .card-inner ul.list { border-top: 1px solid rgba(0,0,0,0.12); height: 307px; } .elem-agent-guide-map-one_with_tab .card-inner ul.list li.outer { display: none; } .elem-agent-guide-map-one_with_tab .card-inner ul.list li.outer ul.sub-list { padding: 8px 0; overflow: auto; height: 306px; } .elem-agent-guide-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li { position: relative; padding: 16px; height: 72px; } .elem-agent-guide-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li h2 { margin-left: 56px; line-height: 140%; color: rgba(0,0,0,0.87); } .elem-agent-guide-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li img { position: absolute; top: 16px; left: 16px; border-radius: 100%; height: 40px; width: 40px; } .elem-agent-guide-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li p { margin-left: 56px; line-height: 120%; color: rgba(0,0,0,0.54); } .elem-agent-guide-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li:hover, .elem-agent-guide-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li:active, .elem-agent-guide-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li:focus { background-color: rgba(0,0,0,0.12); } .elem-agent-guide-map-one_with_tab .card-inner ul.list li.outer.focus { display: inline-block; width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-guide-map-one_with_tab .card-inner { width: 252.8px; } .elem-agent-guide-map-one_with_tab .card-inner h1 { padding: 8px 12.8px; } .elem-agent-guide-map-one_with_tab .card-inner .navi { height: 38.4px; } .elem-agent-guide-map-one_with_tab .card-inner .navi .nav { height: 38.4px; width: 41.6px; } .elem-agent-guide-map-one_with_tab .card-inner .navi .nav a { height: 38.4px; width: 38.4px; padding: 3.2px 12.8px !important; } .elem-agent-guide-map-one_with_tab .card-inner .navi .nav.right { width: 44.8px; } .elem-agent-guide-map-one_with_tab .card-inner .navi .nav.left { width: 44.8px; } .elem-agent-guide-map-one_with_tab .card-inner .navi ul.navigation { height: 39.2px; } .elem-agent-guide-map-one_with_tab .card-inner .navi ul.navigation li { height: 38.4px; } .elem-agent-guide-map-one_with_tab .card-inner .navi ul.navigation li a { height: 38.4px; width: 38.4px; background-size: 19.2px auto; } .elem-agent-guide-map-one_with_tab .card-inner ul.list { height: 245.6px; } .elem-agent-guide-map-one_with_tab .card-inner ul.list li.outer ul.sub-list { padding: 6.4px 0; height: 244.8px; } .elem-agent-guide-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li { padding: 12.8px; height: 57.6px; } .elem-agent-guide-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li h2 { margin-left: 44.8px; } .elem-agent-guide-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li img { top: 12.8px; left: 12.8px; height: 32px; width: 32px; } .elem-agent-guide-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li p { margin-left: 44.8px; } } .elem-agent-guide-map-tab_button { display: inline-block; } .elem-agent-guide-map-tab_button a { display: inline-block; padding: 8px 0; color: rgba(0,0,0,0.26); font-size: 3.4em; } .elem-agent-guide-map-tab_button a:hover { color: rgba(0,0,0,0.54); text-decoration: none; } .elem-agent-guide-map-tab_button a:active { color: rgba(0,0,0,0.54); text-decoration: none; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-guide-map-tab_button a { padding: 6.4px 0; } } .elem-agent-guide-map-tab_button.focus { color: #9B0309; } .elem-agent-guide-map-tab_button.focus a { border-bottom: 2px solid #9B0309; color: #9B0309; } .elem-agent-guide-poi_list-about { position: relative; padding: 16px; padding-top: 82px; height: 100%; } .elem-agent-guide-poi_list-about span.caption { position: absolute; top: 12px; left: 16px; color: rgba(0,0,0,0.26); } .elem-agent-guide-poi_list-about span.icon { display: block; padding: 8px 0; font-size: 8em; } .elem-agent-guide-poi_list-about h1 { padding: 8px 0; } .elem-agent-guide-poi_list-about a.button { position: absolute; right: 8px; bottom: 4px; } @media only screen and (max-width: 767px) { .elem-agent-guide-poi_list-about { padding: 11.2px; padding-top: 50px; height: 275px; } .elem-agent-guide-poi_list-about span.caption { top: 8.4px; left: 11.2px; } .elem-agent-guide-poi_list-about span.icon { padding: 5.6px 0; } .elem-agent-guide-poi_list-about h1 { padding: 5.6px 0; } .elem-agent-guide-poi_list-about a.button { right: 5.6px; bottom: 2.8px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-guide-poi_list-about { padding: 12.8px; padding-top: 40px; } .elem-agent-guide-poi_list-about span.caption { top: 9.6px; left: 12.8px; } .elem-agent-guide-poi_list-about span.icon { padding: 6.4px 0; } .elem-agent-guide-poi_list-about h1 { padding: 6.4px 0; } .elem-agent-guide-poi_list-about a.button { right: 6.4px; bottom: 3.2px; } } .elem-agent-guide-poi_list-listing { height: 100%; } .elem-agent-guide-poi_list-listing a.head { display: block; position: relative; height: 226px; overflow: hidden; } .elem-agent-guide-poi_list-listing a.head h1 { overflow: hidden; position: absolute; left: 0; bottom: 16px; width: 100%; color: #ffffff; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-guide-poi_list-listing a.head img { height: auto; width: 100%; } .elem-agent-guide-poi_list-listing div.body { position: relative; padding: 12px 16px; height: 164px; } .elem-agent-guide-poi_list-listing div.body p.features { height: 24px; } .elem-agent-guide-poi_list-listing div.body p.features span.icon { float: left; display: inline-block; font-size: 2.4em; color: rgba(0,0,0,0.54); } .elem-agent-guide-poi_list-listing div.body p.features span.description { float: left; display: inline-block; padding-left: 8px; color: rgba(0,0,0,0.54); line-height: 24px; } .elem-agent-guide-poi_list-listing div.body p.features span.icon.padding-left { padding-left: 24px; } .elem-agent-guide-poi_list-listing div.body p.attributes { overflow: hidden; padding: 16px 0; width: 100%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-guide-poi_list-listing a.button { overflow: hidden; position: absolute; right: 8px; bottom: 4px; width: 75%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; text-align: right; } @media only screen and (max-width: 767px) { .elem-agent-guide-poi_list-listing a.head { height: auto; } .elem-agent-guide-poi_list-listing a.head h1 { overflow: hidden; bottom: 11.2px; width: 200px; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-guide-poi_list-listing div.body { padding: 8.4px 11.2px; height: 114.8px; } .elem-agent-guide-poi_list-listing div.body p.features { height: 16.8px; } .elem-agent-guide-poi_list-listing div.body p.features span.description { padding-left: 8px; line-height: 16.8px; } .elem-agent-guide-poi_list-listing div.body p.features span.icon.padding-left { padding-left: 16px; } .elem-agent-guide-poi_list-listing div.body p.attributes { overflow: hidden; padding: 11.2px 0; padding-bottom: 0; width: 100%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-guide-poi_list-listing a.button { overflow: hidden; right: 5.6px; bottom: 2.8px; width: 200px; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-guide-poi_list-listing a.head { height: 167px; } .elem-agent-guide-poi_list-listing a.head h1 { overflow: hidden; bottom: 12.8px; width: 100%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-guide-poi_list-listing div.body { padding: 9.6px 12.8px; height: 131.2px; } .elem-agent-guide-poi_list-listing div.body p.features { height: 19.2px; } .elem-agent-guide-poi_list-listing div.body p.features span.description { padding-left: 8px; line-height: 19.2px; } .elem-agent-guide-poi_list-listing div.body p.features span.icon.padding-left { padding-left: 16px; } .elem-agent-guide-poi_list-listing div.body p.attributes { overflow: hidden; padding: 9.6px 0; width: 200px; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-guide-poi_list-listing a.button { overflow: hidden; right: 6.4px; bottom: 3.2px; width: 100%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; text-align: right; } } .elem-agent-guide-poi_list-newsletter_form { padding: 16px; } .elem-agent-guide-poi_list-newsletter_form span.icon-oth_newsletter { display: block; padding: 16px 0; color: #9B0309; font-size: 6em; } .elem-agent-guide-poi_list-newsletter_form h1 { padding: 16px 0; } .elem-agent-guide-poi_list-newsletter_form form { position: relative; padding: 0; padding-top: 16px; height: 90px; } .elem-agent-guide-poi_list-newsletter_form form .button { position: absolute; right: -8px; bottom: -12px; } @media only screen and (max-width: 767px) { .elem-agent-guide-poi_list-newsletter_form { padding: 32px; } .elem-agent-guide-poi_list-newsletter_form .hidden-sm { display: none; } .elem-agent-guide-poi_list-newsletter_form span.icon-oth_newsletter { padding: 11.2px 0; } .elem-agent-guide-poi_list-newsletter_form h1 { padding: 11.2px 0; } .elem-agent-guide-poi_list-newsletter_form form { padding-top: 11.2px; height: 63px; } .elem-agent-guide-poi_list-newsletter_form form .button { right: -5.6px; bottom: -8.4px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-guide-poi_list-newsletter_form { padding: 12.8px; } .elem-agent-guide-poi_list-newsletter_form .hidden-sm { display: none; } .elem-agent-guide-poi_list-newsletter_form span.icon-oth_newsletter { padding: 12.8px 0; } .elem-agent-guide-poi_list-newsletter_form h1 { padding: 12.8px 0; } .elem-agent-guide-poi_list-newsletter_form form { padding-top: 12.8px; height: 72px; } .elem-agent-guide-poi_list-newsletter_form form .button { right: -6.4px; bottom: -9.6px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-guide-poi_list-newsletter_form { padding: 14.4px; } .elem-agent-guide-poi_list-newsletter_form span.icon-oth_newsletter { padding: 14.4px 0; } .elem-agent-guide-poi_list-newsletter_form h1 { padding: 14.4px 0; } .elem-agent-guide-poi_list-newsletter_form form { padding-top: 14.4px; } .elem-agent-guide-poi_list-newsletter_form form .button { right: -8px; bottom: 0; } } .elem-agent-guide-poi_list-poi { height: 100%; } .elem-agent-guide-poi_list-poi a.head { display: block; position: relative; height: 226px; overflow: hidden; } .elem-agent-guide-poi_list-poi a.head h1 { overflow: hidden; position: absolute; left: 0; bottom: 16px; width: 100%; color: #ffffff; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-guide-poi_list-poi a.head img { height: auto; width: 100%; } .elem-agent-guide-poi_list-poi div.poi-body { padding: 16px; } .elem-agent-guide-poi_list-poi div.poi-body h1 { font-size: 10px; } .elem-agent-guide-poi_list-poi div.poi-body h1 span.icon { display: inline-block; font-size: 2.4em; color: rgba(0,0,0,0.54); } .elem-agent-guide-poi_list-poi div.poi-body h1 a.description { display: inline-block; padding-left: 8px; line-height: 24px; vertical-align: top; } .elem-agent-guide-poi_list-poi div.poi-body p.text { padding: 8px 0; } .elem-agent-guide-poi_list-poi div.poi-body p.discount { padding: 4px 0; } .elem-agent-guide-poi_list-poi div.poi-body p.discount span.icon { display: inline-block; font-size: 2.4em; line-height: 24px; } .elem-agent-guide-poi_list-poi div.poi-body p.discount span.discount-text { display: inline-block; line-height: 24px; vertical-align: top; } .elem-agent-guide-poi_list-poi a.button { overflow: hidden; position: absolute; right: 8px; bottom: 0; padding: 12px 16px; width: 75%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; text-align: right; } @media only screen and (max-width: 767px) { .elem-agent-guide-poi_list-poi { width: 100%; } .elem-agent-guide-poi_list-poi a.head { height: auto; width: 100%; } .elem-agent-guide-poi_list-poi a.head h1 { bottom: 12.8px; padding: 0 8px; } .elem-agent-guide-poi_list-poi div.poi-body { padding: 11.2px; } .elem-agent-guide-poi_list-poi div.poi-body h1 { font-size: 9px; } .elem-agent-guide-poi_list-poi div.poi-body h1 a.description { overflow: hidden; padding-left: 5.6px; line-height: 16.8px; width: 200px; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-guide-poi_list-poi div.poi-body p.text { padding: 8.4px 0; } .elem-agent-guide-poi_list-poi div.poi-body p.discount { padding: 5.6px 0; } .elem-agent-guide-poi_list-poi div.poi-body p.discount span.icon { line-height: 16.8px; } .elem-agent-guide-poi_list-poi div.poi-body p.discount span.discount-text { line-height: 16.8px; } .elem-agent-guide-poi_list-poi a.button { position: relative; right: inherit; bottom: inherit; padding-bottom: 6px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-guide-poi_list-poi a.head { height: 167px; } .elem-agent-guide-poi_list-poi a.head h1 { bottom: 12.8px; padding: 0 8px; } .elem-agent-guide-poi_list-poi div.poi-body { padding: 12.8px; } .elem-agent-guide-poi_list-poi div.poi-body h1 { font-size: 8px; } .elem-agent-guide-poi_list-poi div.poi-body h1 a.description { overflow: hidden; padding-left: 6.4px; line-height: 19.2px; width: 80%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-guide-poi_list-poi div.poi-body p.text { padding: 9.6px 0; } .elem-agent-guide-poi_list-poi div.poi-body p.discount { padding: 6.4px 0; } .elem-agent-guide-poi_list-poi div.poi-body p.discount span.icon { line-height: 19.2px; } .elem-agent-guide-poi_list-poi div.poi-body p.discount span.discount-text { line-height: 19.2px; } .elem-agent-guide-poi_list-poi a.button { right: 6.4px; bottom: 3.2px; } } .elem-agent-home-affiliate_teaser .card-inner { padding: 8px 16px; min-height: 136px; } .elem-agent-home-affiliate_teaser .card-inner ul li img { height: 120px; width: auto; } .elem-agent-home-contact_teaser .card .card-inner { position: relative; padding: 16px; padding-bottom: 8px; height: 249px; } .elem-agent-home-contact_teaser .card .card-inner li { position: relative; margin-bottom: 8px; padding: 8px 0; } .elem-agent-home-contact_teaser .card .card-inner li h2 { padding-left: 42px; line-height: 100%; } .elem-agent-home-contact_teaser .card .card-inner li span { position: absolute; top: 4px; left: -4px; height: 40px; width: 40px; font-size: 4.4em; } .elem-agent-home-contact_teaser .card .card-inner li p { padding-left: 42px; } .elem-agent-home-contact_teaser .card .card-inner li:last-child { margin-bottom: 0; } .elem-agent-home-contact_teaser .card .card-inner .teaser-footer { position: relative; height: 45px; } .elem-agent-home-contact_teaser .card .card-inner .teaser-footer span.hint { position: absolute; bottom: 16px; left: 16px; color: rgba(0,0,0,0.26); } @media only screen and (max-width: 767px) { .elem-agent-home-contact_teaser .card .card-inner { padding: 11.2px; padding-bottom: 0; height: 128px; } .elem-agent-home-contact_teaser .card .card-inner li { margin-bottom: 5.6px; padding: 5.6px 0; } .elem-agent-home-contact_teaser .card .card-inner li h2 { padding-left: 27px; } .elem-agent-home-contact_teaser .card .card-inner li span { top: 2.8px; left: -2.8px; height: 19.6px; width: 19.6px; font-size: 2.8em; } .elem-agent-home-contact_teaser .card .card-inner li p { padding-top: 14px; padding-left: 0; } .elem-agent-home-contact_teaser .card .card-inner a.button { margin-top: -4px; } .elem-agent-home-contact_teaser .card .card-inner .teaser-footer { position: relative; height: 31.5px; } .elem-agent-home-contact_teaser .card .card-inner .teaser-footer span.hint { position: absolute; bottom: 10px; left: 2px; color: rgba(0,0,0,0.26); } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-home-contact_teaser .card .card-inner { padding: 12.8px; padding-bottom: 6.4px; height: 310px; } .elem-agent-home-contact_teaser .card .card-inner li { margin-bottom: 8px; padding: 8px 0; } .elem-agent-home-contact_teaser .card .card-inner li h2 { padding-left: 42px; } .elem-agent-home-contact_teaser .card .card-inner li span { top: 3.2px; left: -3.2px; height: 32px; width: 32px; } .elem-agent-home-contact_teaser .card .card-inner li p { padding-left: 42px; } .elem-agent-home-contact_teaser .card .card-inner .teaser-footer { position: relative; height: 36px; padding-top: 28px; } .elem-agent-home-contact_teaser .card .card-inner .teaser-footer span.hint { position: absolute; top: 38px; bottom: inherit; left: 3px; color: rgba(0,0,0,0.26); } } .elem-agent-home-description .card-inner { position: relative; padding: 16px; height: 249px; } .elem-agent-home-description .card-inner h1 { padding-bottom: 8px; } .elem-agent-home-description .card-inner .contact-person { position: absolute; right: 16px; bottom: 16px; height: 64px; width: 100%; } .elem-agent-home-description .card-inner .contact-person span { position: absolute; right: 80px; bottom: 0; color: rgba(0,0,0,0.26); } .elem-agent-home-description .card-inner .contact-person img.profile { position: absolute; right: 0; bottom: 0; border-radius: 100%; height: 64px; width: 64px; } .elem-agent-home-description .card-inner .contact-person img.signature { position: absolute; top: 0; right: 80px; height: 40px; width: 75px; } @media only screen and (max-width: 767px) { .elem-agent-home-description .card-inner { padding: 12.8px; height: auto; } .elem-agent-home-description .card-inner h1 { padding-bottom: 6.4px; } .elem-agent-home-description .card-inner .contact-person { position: relative; right: inherit; bottom: inherit; height: 51.2px; } .elem-agent-home-description .card-inner .contact-person span { right: 64px; } .elem-agent-home-description .card-inner .contact-person img.profile { height: 51.2px; width: 51.2px; } .elem-agent-home-description .card-inner .contact-person img.signature { right: 64px; height: 32px; width: 60px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-home-description .card-inner { padding: 12.8px; height: 310px; } .elem-agent-home-description .card-inner h1 { padding-bottom: 6.4px; } .elem-agent-home-description .card-inner .contact-person { right: 12.8px; bottom: 12.8px; height: 51.2px; } .elem-agent-home-description .card-inner .contact-person span { right: 64px; } .elem-agent-home-description .card-inner .contact-person img.profile { height: 51.2px; width: 51.2px; } .elem-agent-home-description .card-inner .contact-person img.signature { right: 64px; height: 32px; width: 60px; } } .elem-agent-home-hero { position: relative; } .elem-agent-home-hero .card { margin-top: 0; } .elem-agent-home-hero .card .hero.card-inner { overflow: inherit; border-top: none; height: 620px; } .elem-agent-home-hero .card .hero.card-inner .outer-slider { position: relative; z-index: 2; } .elem-agent-home-hero .card .hero.card-inner ul.slides { height: 620px; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item { height: 620px; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .hero-img { display: block; position: relative; height: 620px; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .hero-img h1 { position: absolute; bottom: 90px; left: 0; z-index: 5; padding: 0 16px; width: 100%; color: #ffffff; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .hero-img span.hint { position: absolute; bottom: 30px; left: 0; z-index: 6; width: 100%; color: rgba(255,255,255,0.86); font-family: 'Reenie Beanie', cursive; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .hero-img img { position: relative; border-top-left-radius: 2px; border-top-right-radius: 2px; height: 512px; width: 100%; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item span.icon { position: absolute; bottom: -23px; left: 50%; margin-left: -120px; z-index: 6; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 5.6em; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .discount { position: absolute; top: -4px; right: 16px; z-index: 5; padding: 16px; height: 102px; width: 77px; background-color: #9B0309; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .discount p { color: #ffffff; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .discount span.discount-icon { display: block; font-size: 4em; color: #ffffff; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .discount .shadow { position: absolute; top: -2px; right: 12px; z-index: 4; height: 8px; width: 8px; background-color: #000000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .elem-agent-home-hero .card .hero.card-inner .flex-direction-nav .flex-next { display: block; top: 222px; color: #ffffff; } .elem-agent-home-hero .card .hero.card-inner .flex-direction-nav .flex-prev { display: block; top: 222px; color: #ffffff; } .elem-agent-home-hero .card .hero.card-inner .search-bar { height: 80px; } @media only screen and (max-width: 767px) { .elem-agent-home-hero .card { margin-top: 0; } .elem-agent-home-hero .card .hero.card-inner { border-top: none; border-radius: 0; height: auto; min-height: 140px; } .elem-agent-home-hero .card .hero.card-inner ul.slides { height: 320px; min-height: 150px; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item { height: 320px; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .hero-img h1 { bottom: 16px; font-size: 1.8em; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .hero-img span.hint { bottom: inherit; top: 16px; right: 40px; left: inherit; width: inherit; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .hero-img img { height: auto; width: 100%; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item span.icon { top: 0; right: 0; margin-left: inherit; bottom: inherit; left: inherit; -webkit-transform: rotate(-270deg); -moz-transform: rotate(-270deg); -o-transform: rotate(-270deg); -ms-transform: rotate(-270deg); transform: rotate(-270deg); color: rgba(255,255,255,0.86); font-size: 4em; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .discount { top: -2.8px; right: inherit; left: 11.2px; padding: 11.2px; height: 71.4px; width: 50.4px; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .discount .shadow { right: 8.4px; height: 5.6px; width: 5.6px; } .elem-agent-home-hero .card .hero.card-inner .flex-direction-nav .flex-next { display: none; } .elem-agent-home-hero .card .hero.card-inner .flex-direction-nav .flex-prev { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-home-hero .card { margin-top: 6.4px; } .elem-agent-home-hero .card .hero.card-inner { height: 411px; } .elem-agent-home-hero .card .hero.card-inner ul.slides { height: 481px; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .hero-img h1 { bottom: 40px; font-size: 3.2em; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .hero-img span.hint { bottom: inherit; top: 16px; right: 40px; left: auto; width: 40%; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .hero-img img { height: 409.6px; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item span.icon { top: 0; right: 0; bottom: inherit; left: inherit; -webkit-transform: rotate(-270deg); -moz-transform: rotate(-270deg); -o-transform: rotate(-270deg); -ms-transform: rotate(-270deg); transform: rotate(-270deg); color: rgba(255,255,255,0.86); font-size: 4em; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .discount { top: -3.2px; right: inherit; left: 12.8px; padding: 4px; height: 81.6px; width: 77px; } .elem-agent-home-hero .card .hero.card-inner ul.slides li.item .discount .shadow { right: 9.6px; height: 6.4px; width: 6.4px; } .elem-agent-home-hero .card .hero.card-inner .flex-direction-nav .flex-next { display: none; } .elem-agent-home-hero .card .hero.card-inner .flex-direction-nav .flex-prev { display: none; } .elem-agent-home-hero .card .hero.card-inner .search-bar { height: 64px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-home-hero .card .hero.card-inner ul.slides li.item span.icon { left: 196px; } } .elem-agent-home-listing_teaser { float: left; margin-right: 4px; margin-left: 4px; width: 335px; } .elem-agent-home-listing_teaser .card.shadow-top-z-1 .card-inner.shadow-bottom-z-1 { overflow: hidden; height: 548px; } .elem-agent-home-listing_teaser .card.shadow-top-z-1 .card-inner.shadow-bottom-z-1 a.image { display: block; position: relative; height: 226px; overflow: hidden; } .elem-agent-home-listing_teaser .card.shadow-top-z-1 .card-inner.shadow-bottom-z-1 a.image h1 { position: absolute; bottom: 0; padding: 8px; width: 100%; color: #ffffff; } .elem-agent-home-listing_teaser .card.shadow-top-z-1 .card-inner.shadow-bottom-z-1 a.image img { width: 100%; height: auto; } .elem-agent-home-listing_teaser .card.shadow-top-z-1 .card-inner.shadow-bottom-z-1 .teaser-list li:last-child a span { border-bottom: none; } @media only screen and (max-width: 767px) { .elem-agent-home-listing_teaser { margin-right: 0; margin-left: 0; width: 100%; } .elem-agent-home-listing_teaser .card.shadow-top-z-1 .card-inner.shadow-bottom-z-1 { overflow: hidden; height: auto; } .elem-agent-home-listing_teaser .card.shadow-top-z-1 .card-inner.shadow-bottom-z-1 .image { height: 216px !important; } .elem-agent-home-listing_teaser .card.shadow-top-z-1 .card-inner.shadow-bottom-z-1 .image h1 { bottom: 12px; padding: 5.6px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-home-listing_teaser { margin-right: 3.2px; margin-left: 3.2px; width: 242.3px; } .elem-agent-home-listing_teaser .card.shadow-top-z-1 .card-inner.shadow-bottom-z-1 { height: 454px; } .elem-agent-home-listing_teaser .card.shadow-top-z-1 .card-inner.shadow-bottom-z-1 .image { height: 163px !important; } .elem-agent-home-listing_teaser .card.shadow-top-z-1 .card-inner.shadow-bottom-z-1 .image h1 { padding: 6.4px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-home-listing_teaser { width: 320.3px; } } .elem-agent-home-map { margin: 4px 0; border-top: 1px solid rgba(0,0,0,0.12); border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-home-map .container .row .map-nav { position: relative; } .elem-agent-home-map #map { height: 582px; width: 100%; } .elem-agent-home-map #map .test-class { height: auto !important; width: auto !important; } .elem-agent-home-map #map .gm-style-iw { overflow: visible !important; top: 0 !important; left: 0 !important; height: auto !important; width: auto !important; } .elem-agent-home-map #map .gm-style-iw div { overflow: visible !important; width: auto !important; } .elem-agent-home-map #map .gm-style-iw div div { overflow: visible !important; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-home-map { margin: 3.2px 0; } .elem-agent-home-map #map { height: 465.6px; } } .elem-agent-home-region_teaser section:first-child { margin-left: 0; } .elem-agent-home-region_teaser section:last-child { margin-right: 0; } .elem-agent-home-hero-slide .dark-overlay { position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(153,153,153,0.35) 40%,rgba(0,0,0,0.55) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(40%,rgba(153,153,153,0.35)),color-stop(100%,rgba(0,0,0,0.55))); background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(153,153,153,0.35) 40%,rgba(0,0,0,0.55) 100%); background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(153,153,153,0.35) 40%,rgba(0,0,0,0.55) 100%); background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(153,153,153,0.35) 40%,rgba(0,0,0,0.55) 100%); background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(153,153,153,0.35) 40%,rgba(0,0,0,0.55) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#8c000000',GradientType=0); } @media only screen and (max-width: 767px) { .elem-agent-home-hero-slide .dark-overlay { height: 100%; background: none; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-home-hero-slide .dark-overlay { height: 100%; background: none; } } .elem-agent-home-map-beach_info_window { height: 300px; } .elem-agent-home-map-beach_info_window .card { margin: 0; } .elem-agent-home-map-beach_info_window .card .card-inner { overflow: hidden; position: relative; width: 210px; font-size: 10px; } .elem-agent-home-map-beach_info_window .card .card-inner a.close { position: absolute; top: 8px; right: 8px; font-size: 2em; color: white; } .elem-agent-home-map-beach_info_window .card .card-inner img { height: 118px; width: 100%; } .elem-agent-home-map-beach_info_window .card .card-inner div.content { position: relative; padding: 8px; max-height: 182px; } .elem-agent-home-map-beach_info_window .card .card-inner div.content span.caption { color: rgba(0,0,0,0.26); } .elem-agent-home-map-beach_info_window .card .card-inner div.content ul li span.icon { display: inline-block; padding-right: 4px; color: rgba(0,0,0,0.54); font-size: 2em; } .elem-agent-home-map-beach_info_window .card .card-inner div.content ul li span.body1 { display: inline-block; padding-left: 4px; color: rgba(0,0,0,0.54); vertical-align: top; } .elem-agent-home-map-beach_info_window .card .card-inner div.content span.price { position: absolute; right: 8px; bottom: 8px; } .elem-agent-home-map-city_info_window { height: 300px; } .elem-agent-home-map-city_info_window .card { margin: 0; } .elem-agent-home-map-city_info_window .card .card-inner { overflow: hidden; position: relative; width: 210px; font-size: 10px; } .elem-agent-home-map-city_info_window .card .card-inner a.close { position: absolute; top: 8px; right: 8px; font-size: 2em; color: white; } .elem-agent-home-map-city_info_window .card .card-inner img { height: 118px; width: 100%; } .elem-agent-home-map-city_info_window .card .card-inner div.content { position: relative; padding: 8px; max-height: 181px; } .elem-agent-home-map-city_info_window .card .card-inner div.content span.caption { color: rgba(0,0,0,0.26); } .elem-agent-home-map-city_info_window .card .card-inner div.content ul li span.icon { display: inline-block; padding-right: 4px; color: rgba(0,0,0,0.54); font-size: 2em; } .elem-agent-home-map-city_info_window .card .card-inner div.content ul li span.body1 { display: inline-block; padding-left: 4px; color: rgba(0,0,0,0.54); vertical-align: top; } .elem-agent-home-map-city_info_window .card .card-inner div.content span.price { position: absolute; right: 8px; bottom: 8px; } .elem-agent-home-map-listing_info_window { height: 250px; } .elem-agent-home-map-listing_info_window .card { margin: 0; } .elem-agent-home-map-listing_info_window .card .card-inner { height: 250px; width: 210px; font-size: 10px; overflow: hidden; } .elem-agent-home-map-listing_info_window .card .card-inner a.close { position: absolute; top: 8px; right: 8px; font-size: 2em; color: white; } .elem-agent-home-map-listing_info_window .card .card-inner img { height: 118px; width: 100%; } .elem-agent-home-map-listing_info_window .card .card-inner div.content { position: relative; padding: 8px; height: 121px; } .elem-agent-home-map-listing_info_window .card .card-inner div.content span.caption { color: rgba(0,0,0,0.26); } .elem-agent-home-map-listing_info_window .card .card-inner div.content ul li span.icon { display: inline-block; padding-right: 4px; color: rgba(0,0,0,0.54); font-size: 2em; } .elem-agent-home-map-listing_info_window .card .card-inner div.content ul li span.body1 { display: inline-block; padding-left: 4px; color: rgba(0,0,0,0.54); vertical-align: top; } .elem-agent-home-map-listing_info_window .card .card-inner div.content span.price { position: absolute; right: 16px; bottom: 0; } .elem-agent-home-map-one_with_tab { z-index: 3; position: absolute; top: 4px; width: auto; } .elem-agent-home-map-one_with_tab .card-inner { width: 316px; } .elem-agent-home-map-one_with_tab .card-inner h1 { padding: 10px 16px; } .elem-agent-home-map-one_with_tab .card-inner .navi { position: relative; height: 48px; } .elem-agent-home-map-one_with_tab .card-inner .navi .nav { position: absolute; top: 0; padding: 0 2px; height: 48px; width: 52px; background-color: #ffffff; } .elem-agent-home-map-one_with_tab .card-inner .navi .nav a { display: inline-block; height: 48px; width: 48px; font-size: 2.4em; padding: 4px 16px !important; } .elem-agent-home-map-one_with_tab .card-inner .navi .nav a i { width: 100%; text-align: center; } .elem-agent-home-map-one_with_tab .card-inner .navi .nav.right { right: 0; width: 56px; } .elem-agent-home-map-one_with_tab .card-inner .navi .nav.left { left: 0; width: 56px; } .elem-agent-home-map-one_with_tab .card-inner .navi ul.navigation { position: absolute; left: 2px; white-space: nowrap !important; padding: 0 2px; height: 49px; } .elem-agent-home-map-one_with_tab .card-inner .navi ul.navigation li { display: inline-block; padding: 0; height: 48px; } .elem-agent-home-map-one_with_tab .card-inner .navi ul.navigation li a { display: inline-block; height: 48px; width: 48px; background-position: center; background-repeat: no-repeat; background-size: 24px auto; } .elem-agent-home-map-one_with_tab .card-inner ul.list { border-top: 1px solid rgba(0,0,0,0.12); height: 307px; } .elem-agent-home-map-one_with_tab .card-inner ul.list li.outer { display: none; } .elem-agent-home-map-one_with_tab .card-inner ul.list li.outer ul.sub-list { padding: 8px 0; overflow: auto; height: 306px; } .elem-agent-home-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li { position: relative; padding: 16px; height: 72px; } .elem-agent-home-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li h2 { margin-left: 56px; line-height: 140%; color: rgba(0,0,0,0.87); } .elem-agent-home-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li img { position: absolute; top: 16px; left: 16px; border-radius: 100%; height: 40px; width: 40px; } .elem-agent-home-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li p { margin-left: 56px; line-height: 120%; color: rgba(0,0,0,0.54); } .elem-agent-home-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li:hover, .elem-agent-home-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li:active, .elem-agent-home-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li:focus { background-color: rgba(0,0,0,0.12); } .elem-agent-home-map-one_with_tab .card-inner ul.list li.outer.focus { display: inline-block; width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-home-map-one_with_tab .card-inner { width: 252.8px; } .elem-agent-home-map-one_with_tab .card-inner h1 { padding: 8px 12.8px; } .elem-agent-home-map-one_with_tab .card-inner .navi { height: 38.4px; } .elem-agent-home-map-one_with_tab .card-inner .navi .nav { height: 38.4px; width: 41.6px; } .elem-agent-home-map-one_with_tab .card-inner .navi .nav a { height: 38.4px; width: 38.4px; padding: 3.2px 12.8px !important; } .elem-agent-home-map-one_with_tab .card-inner .navi .nav.right { width: 44.8px; } .elem-agent-home-map-one_with_tab .card-inner .navi .nav.left { width: 44.8px; } .elem-agent-home-map-one_with_tab .card-inner .navi ul.navigation { height: 39.2px; } .elem-agent-home-map-one_with_tab .card-inner .navi ul.navigation li { height: 38.4px; } .elem-agent-home-map-one_with_tab .card-inner .navi ul.navigation li a { height: 38.4px; width: 38.4px; background-size: 19.2px auto; } .elem-agent-home-map-one_with_tab .card-inner ul.list { height: 245.6px; } .elem-agent-home-map-one_with_tab .card-inner ul.list li.outer ul.sub-list { padding: 6.4px 0; height: 244.8px; } .elem-agent-home-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li { padding: 12.8px; height: 57.6px; } .elem-agent-home-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li h2 { margin-left: 44.8px; } .elem-agent-home-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li img { top: 12.8px; left: 12.8px; height: 32px; width: 32px; } .elem-agent-home-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li p { margin-left: 44.8px; } } .elem-agent-home-map-tab_button { display: inline-block; } .elem-agent-home-map-tab_button a { display: inline-block; padding: 8px 0; color: rgba(0,0,0,0.26); font-size: 3.4em; } .elem-agent-home-map-tab_button a:hover { color: rgba(0,0,0,0.54); text-decoration: none; } .elem-agent-home-map-tab_button a:active { color: rgba(0,0,0,0.54); text-decoration: none; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-home-map-tab_button a { padding: 6.4px 0; font-size: 2.8em; } } .elem-agent-home-map-tab_button.focus { color: #9B0309; } .elem-agent-home-map-tab_button.focus a { border-bottom: 2px solid #9B0309; color: #9B0309; } .elem-agent-home-teaser-city a { display: block; } .elem-agent-home-teaser-city a h2 { overflow: hidden; display: inline-block; padding: 12px; padding-right: 0; width: 50%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; } .elem-agent-home-teaser-city a span { display: inline-block; border-bottom: 1px solid rgba(0,0,0,0.12); padding: 13px; width: 49%; } .elem-agent-home-teaser-city .card .card-inner { border: none; } .elem-agent-home-teaser-city .card-inner:hover .content { border: none; } @media only screen and (max-width: 767px) { .elem-agent-home-teaser-city a h2 { padding: 7px; } .elem-agent-home-teaser-city a span { padding: 9.1px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-home-teaser-city a h2 { padding: 8px; width: 49%; } .elem-agent-home-teaser-city a span { padding: 10.4px; } } .elem-agent-impressum-hero .card { margin-top: 0; } .elem-agent-impressum-hero .card-inner { border-top: none; } .elem-agent-impressum-hero .card-inner { overflow: hidden; } .elem-agent-impressum-hero .card-inner .hero-img { position: relative; height: 449px; overflow: hidden; } .elem-agent-impressum-hero .card-inner .hero-img h1 { position: absolute; bottom: 16px; left: 16px; color: #ffffff; } .elem-agent-impressum-hero .card-inner .hero-img img { height: auto; width: 100%; } @media only screen and (max-width: 767px) { .elem-agent-impressum-hero .card { margin: 0; } .elem-agent-impressum-hero .card-inner { border: 0; border-radius: 0; height: auto; } .elem-agent-impressum-hero .card-inner .hero-img { height: auto; } .elem-agent-impressum-hero .card-inner .hero-img h1 { bottom: 12.8px; left: 0; font-size: 2em; text-align: center; width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-impressum-hero .card-inner { height: 386px; } .elem-agent-impressum-hero .card-inner .hero-img { height: 320px; } .elem-agent-impressum-hero .card-inner .hero-img h1 { bottom: 12.8px; left: 12.8px; font-size: 5em; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-impressum-hero .card-inner { overflow: hidden; } .elem-agent-impressum-hero .card-inner .hero-img { position: relative; height: 429px; overflow: hidden; } } .elem-agent-impressum-image_copyright_list .card-inner { padding: 8px 0; } .elem-agent-impressum-image_copyright_list .card-inner h1 { padding: 8px 20px; } .elem-agent-impressum-image_copyright_list .card-inner ul { padding: 8px 20px; } .elem-agent-impressum-impressum .card-inner { padding: 8px 0; } .elem-agent-impressum-impressum .card-inner h1 { padding: 8px 20px; } .elem-agent-impressum-impressum .card-inner li { padding: 16px 20px; border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-impressum-impressum .card-inner li h2 { padding-bottom: 8px; } .elem-agent-impressum-impressum .card-inner li:last-child { border-bottom: none; } @media only screen and (max-width: 767px) { .elem-agent-impressum-impressum .card-inner { padding: 5.6px 0; } .elem-agent-impressum-impressum .card-inner h1 { padding: 5.6px 14px; } .elem-agent-impressum-impressum .card-inner li { padding: 11.2px 14px; } .elem-agent-impressum-impressum .card-inner li h2 { padding-bottom: 5.6px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-impressum-impressum .card-inner { padding: 6.4px 0; } .elem-agent-impressum-impressum .card-inner h1 { padding: 6.4px 16px; } .elem-agent-impressum-impressum .card-inner li { padding: 12.8px 16px; } .elem-agent-impressum-impressum .card-inner li h2 { padding-bottom: 6.4px; } } .elem-agent-impressum-copyright_list-image { padding: 2px 0; } .elem-agent-navigation-breadcrumb { z-index: 3; display: inline-block; padding-top: 8px; padding-bottom: 8px; } .elem-agent-navigation-breadcrumb li { float: left; padding: 0 2px; } .elem-agent-navigation-breadcrumb li a { color: rgba(0,0,0,0.26); } .elem-agent-navigation-breadcrumb li a:hover { color: rgba(0,0,0,0.54); } .elem-agent-navigation-breadcrumb li a:active { color: rgba(0,0,0,0.54); } .elem-agent-navigation-breadcrumb li.actual span span { color: rgba(0,0,0,0.54); } @media only screen and (max-width: 767px) { .elem-agent-navigation-breadcrumb { padding-top: 6.4px; padding-bottom: 6.4px; } .elem-agent-navigation-breadcrumb li.actual { color: #9B0309; } .elem-agent-navigation-breadcrumb li.hidden-sm { display: none !important; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-navigation-breadcrumb { padding-top: 6.4px; padding-bottom: 6.4px; } .elem-agent-navigation-breadcrumb li.actual { color: #9B0309; } .elem-agent-navigation-breadcrumb li.hidden-sm { display: none !important; } } .elem-agent-navigation-breadcrumb > li + li:before { content: "·"; color: rgba(0,0,0,0.26); } @media only screen and (max-width: 767px) { .elem-agent-navigation-breadcrumb > li + li:before { content: inherit; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-navigation-breadcrumb > li + li:before { content: inherit; } } .elem-agent-navigation-favorite_small { display: inline-block; float: right; } .elem-agent-navigation-favorite_small a.favorites-sm { float: right; display: inline-block; position: relative; margin-top: 4px; margin-right: 44px; padding: 8px; height: 44px; width: 44px; } .elem-agent-navigation-favorite_small a.favorites-sm span.icon { position: absolute; top: 8px; left: 8px; font-size: 3em; color: #FFFFFF; } .elem-agent-navigation-favorite_small a.favorites-sm span.number-on-icon { position: absolute; top: 14px; left: 20px; color: rgba(0,0,0,0.86); } .elem-agent-navigation-favorite_small a.favorites-sm.disabled { background-color: transparent; } .elem-agent-navigation-favorite_small a.favorites-sm.disabled span.icon { color: rgba(0,0,0,0.26); } .elem-agent-navigation-favorite_small a.favorites-sm.disabled span.number-on-icon { color: white; } @media only screen and (max-width: 767px) { .elem-agent-navigation-favorite_small a.favorites-sm { margin-top: 3.2px; padding: 6.4px; height: 35.2px; width: 35.2px; } .elem-agent-navigation-favorite_small a.favorites-sm span.icon { top: 4px; left: 4px; } .elem-agent-navigation-favorite_small a.favorites-sm span.number-on-icon { top: 10px; left: 16px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-navigation-favorite_small a.favorites-sm { float: right; display: inline-block; position: relative; margin-top: 4px; margin-right: 44px; padding: 8px; height: 44px; width: 44px; } .elem-agent-navigation-favorite_small a.favorites-sm span.icon { position: absolute; top: 8px; left: 8px; font-size: 3em; color: #9B0309; } .elem-agent-navigation-favorite_small a.favorites-sm span.number-on-icon { position: absolute; top: 14px; left: 20px; color: white; } } .elem-agent-navigation-footer { z-index: -1; position: relative; margin-top: -60px; padding-top: 80px; height: 170px; width: 100%; background-color: #8C8B55; } .elem-agent-navigation-footer .container ul { padding: 0 16px; } .elem-agent-navigation-footer .container ul li { float: left; padding: 0 16px; } .elem-agent-navigation-footer .container ul li a { color: #FFFFFF; } .elem-agent-navigation-footer .container ul li a:hover, .elem-agent-navigation-footer .container ul li a:focus { color: #FFFFFF; } .elem-agent-navigation-footer .container .copyright { float: right; display: block; position: relative; padding: 0; width: 270px; text-align: right; } .elem-agent-navigation-footer .container .copyright span { color: #FFFFFF; } .elem-agent-navigation-footer .container .copyright span.facebook span { color: #FFFFFF; } .elem-agent-navigation-footer .container .copyright span.facebook a { display: inline-block; padding: 0 8px; } .elem-agent-navigation-footer .container .copyright span.facebook a i { font-size: 1.6em; color: #FFFFFF; } .elem-agent-navigation-footer .container .copyright span.facebook a:hover i, .elem-agent-navigation-footer .container .copyright span.facebook a:focus i { color: #FFFFFF; } .elem-agent-navigation-footer .container .copyright a { display: inline-block; } .elem-agent-navigation-footer .container .copyright span { display: inline-block; } .elem-agent-navigation-footer .copyright-line { padding-top: 24px; } .elem-agent-navigation-footer .copyright-line span { color: #FFFFFF; } @media only screen and (max-width: 767px) { .elem-agent-navigation-footer { margin-top: -42px; padding-top: 56px; height: 119px; } .elem-agent-navigation-footer .container .copyright { float: inherit; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-navigation-footer { margin-top: -48px; padding-top: 64px; height: 136px; } .elem-agent-navigation-footer .container .copyright { float: inherit; } } .elem-agent-navigation-header { width: 100%; } .elem-agent-navigation-header div.test { height: 64px; width: 100%; background-color: #8C8B55; } .elem-agent-navigation-header .hidden-lg { display: none; } .elem-agent-navigation-header a { color: #FFFFFF !important; } .elem-agent-navigation-header a:hover, .elem-agent-navigation-header a:focus { color: #FFFFFF !important; } @media only screen and (max-width: 767px) { .elem-agent-navigation-header div.test { height: 44px; } .elem-agent-navigation-header .hidden-lg { display: inherit; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-navigation-header div.test { height: 54px; } .elem-agent-navigation-header .hidden-lg { display: inherit; } } .elem-agent-navigation-device-large { height: inherit; } .elem-agent-navigation-device-large .row { height: inherit; } .elem-agent-navigation-device-large .row .header { position: relative; } .elem-agent-navigation-device-large .row .header .corporate { position: absolute; top: 20px; left: 16px; } .elem-agent-navigation-device-large .row .header .corporate h1 { display: inline-block; vertical-align: top; color: #FFFFFF; } .elem-agent-navigation-device-large .row .header .corporate a { position: relative; z-index: 5; } .elem-agent-navigation-device-large .row .header .corporate a img { height: 112px; width: auto; } .elem-agent-navigation-device-large .row .header ul.navigation { padding: 0px 16px; padding-right: 0; text-align: right; } .elem-agent-navigation-device-large .row .header ul.navigation li { float: right; padding: 20px 16px; } .elem-agent-navigation-device-large .row .header ul.navigation li a { color: #9B0309; } .elem-agent-navigation-device-large .row .header ul.navigation li .language-selector img { height: 24px; width: 24px; } .elem-agent-navigation-device-large .row .header ul.navigation li .language-selector .icon { font-size: 20px; vertical-align: middle; } .elem-agent-navigation-device-large .row .header ul.navigation li.favorites { padding: 4px 0; } .elem-agent-navigation-device-large .row .header ul.navigation li:first-child { padding-right: 0; padding-left: 24px; } .elem-agent-navigation-device-large .row .header a.favorites-sm { margin: 0; } .elem-agent-navigation-device-large .row .header a.favorites-sm .number-on-icon { left: 24px; } .elem-agent-navigation-device-large .row .header.breadcrumb { position: relative; padding-bottom: 36px; } .elem-agent-navigation-device-overlay { display: none; position: fixed; -webkit-transform: translateZ(0); top: 0; left: 0; height: 0; width: 100%; background-color: rgba(0,0,0,0.56); } .elem-agent-navigation-device-overlay.show { display: inherit; height: 100%; } .elem-agent-navigation-device-small { height: 54px; } .elem-agent-navigation-device-small .container { position: relative; height: inherit; } .elem-agent-navigation-device-small .container .row { height: inherit; } .elem-agent-navigation-device-small span.menu { display: inline-block; position: absolute; top: 0; left: -12px; padding: 8px; font-size: 5em; color: #9B0309; cursor: pointer; -webkit-transition: left ease 0.5s; -moz-transition: left ease 0.5s; -ms-transition: left ease 0.5s; -o-transition: left ease 0.5s; transition: left ease 0.5s; } .elem-agent-navigation-device-small a.favorites-sm { float: right; display: inline-block; position: relative; margin-top: 4px; margin-right: 44px; padding: 8px; height: 44px; width: 44px; } .elem-agent-navigation-device-small a.favorites-sm span.icon { position: absolute; top: 8px; left: 8px; font-size: 3em; color: #9B0309; } .elem-agent-navigation-device-small a.favorites-sm span.number-on-icon { position: absolute; top: 14px; left: 20px; color: white; } .elem-agent-navigation-device-small a.main-search { position: absolute; top: 12px; right: 8px; color: #9B0309; font-size: 3em; -webkit-transition: right ease 0.5s; -moz-transition: right ease 0.5s; -ms-transition: right ease 0.5s; -o-transition: right ease 0.5s; transition: right ease 0.5s; } .elem-agent-navigation-device-small a.main-filter { position: absolute; top: 2px; right: 0; color: #9B0309; font-size: 5em; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transition: right ease 0.5s; -moz-transition: right ease 0.5s; -ms-transition: right ease 0.5s; -o-transition: right ease 0.5s; transition: right ease 0.5s; } .elem-agent-navigation-device-small a.favorites-sm.disabled { background-color: transparent; } .elem-agent-navigation-device-small a.favorites-sm.disabled span.icon { color: rgba(0,0,0,0.26); } .elem-agent-navigation-device-small a.favorites-sm.disabled span.number-on-icon { color: white; } .elem-agent-navigation-device-small .header-sm { z-index: 12; display: block; position: fixed; -webkit-transform: translateZ(0); top: 0; left: -350px; height: 100%; width: 350px; background-color: white; -webkit-transition: left ease 0.5s; -moz-transition: left ease 0.5s; -ms-transition: left ease 0.5s; -o-transition: left ease 0.5s; transition: left ease 0.5s; } .elem-agent-navigation-device-small .header-sm .card { margin: 0; height: 100%; } .elem-agent-navigation-device-small .header-sm .card .card-inner { height: 100%; } .elem-agent-navigation-device-small .header-sm .card .card-inner .corporate { padding: 16px; height: 169px; } .elem-agent-navigation-device-small .header-sm .card .card-inner .corporate img.background { position: absolute; top: 0; left: 0; height: 169px; width: 100%; } .elem-agent-navigation-device-small .header-sm .card .card-inner .corporate img.logo { position: relative; height: 70px; width: auto; } .elem-agent-navigation-device-small .header-sm .card .card-inner .corporate h1 { position: relative; color: white; } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation { padding: 8px; font-size: 1.6em; } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation li a { display: inline-block; padding: 16px; width: 100%; color: rgba(0,0,0,0.86) !important; } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation li a.on-page { color: #9B0309 !important; } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation li a:hover { background-color: #9B0309; color: white !important; } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation li a:focus { background-color: #9B0309; color: white !important; } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation li a:active { background-color: #9B0309; color: white !important; } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation li a.disabled { background-color: transparent; color: rgba(0,0,0,0.26); } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation li a:hover.disabled { background-color: transparent; color: rgba(0,0,0,0.26); } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation li a:focus.disabled { background-color: transparent; color: rgba(0,0,0,0.26); } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation li a:active.disabled { background-color: transparent; color: rgba(0,0,0,0.26); } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation li .language-selector { display: inline-block; padding-right: 16px; width: auto; } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation li .language-selector img { height: 24px; width: 24px; } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation li .language-selector .icon { font-size: 20px; vertical-align: middle; } .elem-agent-navigation-device-small span.menu.in_use { left: 338px; } .elem-agent-navigation-device-small .header-sm.in_use { left: 0; width: 350px; } .elem-agent-navigation-device-small a.main-search.in_use { right: 350px; } .elem-agent-navigation-device-small a.main-filter.in_use { right: 350px; } @media only screen and (max-width: 767px) { .elem-agent-navigation-device-small { height: 44px; } .elem-agent-navigation-device-small span.menu { top: -8px; left: -22px; padding: 6.4px; } .elem-agent-navigation-device-small a.favorites-sm { margin-top: 3.2px; padding: 6.4px; height: 35.2px; width: 35.2px; } .elem-agent-navigation-device-small a.favorites-sm span.icon { top: 4px; left: 4px; } .elem-agent-navigation-device-small a.favorites-sm span.number-on-icon { top: 10px; left: 16px; } .elem-agent-navigation-device-small .header-sm .card .card-inner .corporate { padding: 12.8px; height: 169px; } .elem-agent-navigation-device-small .header-sm .card .card-inner .corporate img.background { height: 169px; } .elem-agent-navigation-device-small .header-sm .card .card-inner .corporate img.logo { height: 70px; } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation { padding: 8px; } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation li a { padding: 8px; } .elem-agent-navigation-device-small span.menu.in_use { left: 238px; } .elem-agent-navigation-device-small .header-sm.in_use { left: 0; width: 80%; } .elem-agent-navigation-device-small a.main-search.in_use { right: 80%; } .elem-agent-navigation-device-small a.main-filter.in_use { right: 80%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-navigation-device-small { height: 60px; } .elem-agent-navigation-device-small span.menu { display: inline-block; position: absolute; top: -8px; left: -22px; padding: 8px; font-size: 5em; color: #9B0309; cursor: pointer; -webkit-transition: left ease 1s; -moz-transition: left ease 1s; -ms-transition: left ease 1s; -o-transition: left ease 1s; transition: left ease 1s; } .elem-agent-navigation-device-small a.favorites-sm { float: right; display: inline-block; position: relative; margin-top: 4px; margin-right: 44px; padding: 8px; height: 44px; width: 44px; } .elem-agent-navigation-device-small a.favorites-sm span.icon { position: absolute; top: 8px; left: 8px; font-size: 3em; color: #9B0309; } .elem-agent-navigation-device-small a.favorites-sm span.number-on-icon { position: absolute; top: 14px; left: 20px; color: white; } .elem-agent-navigation-device-small .header-sm { display: block; position: fixed; -webkit-transform: translateZ(0); top: 0; left: -250px; height: 100%; width: 250px; background-color: white; -webkit-transition: left ease 1s; -moz-transition: left ease 1s; -ms-transition: left ease 1s; -o-transition: left ease 1s; transition: left ease 1s; } .elem-agent-navigation-device-small .header-sm .card { margin: 0; height: 100%; } .elem-agent-navigation-device-small .header-sm .card .card-inner { height: 100%; } .elem-agent-navigation-device-small .header-sm .card .card-inner .corporate { padding: 16px; height: 169px; } .elem-agent-navigation-device-small .header-sm .card .card-inner .corporate img.background { position: absolute; top: 0; left: 0; height: 169px; width: 100%; } .elem-agent-navigation-device-small .header-sm .card .card-inner .corporate img.logo { position: relative; height: 70px; width: auto; } .elem-agent-navigation-device-small .header-sm .card .card-inner .corporate h1 { position: relative; color: white; } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation { padding: 8px; } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation li a { display: inline-block; padding: 8px; width: 100%; } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation li a.on-page { color: #9B0309; } .elem-agent-navigation-device-small .header-sm .card .card-inner ul.navigation li a:hover { background-color: #9B0309; color: white; } .elem-agent-navigation-device-small span.menu.in_use { left: 338px; } .elem-agent-navigation-device-small .header-sm.in_use { left: 0; width: 350px; } } .elem-agent-navigation-item-fab { z-index: 10; position: fixed; -webkit-transform: translateZ(0); margin: 36px 16px; } .elem-agent-navigation-item-fab a { position: relative; padding-top: 12px; padding-right: 14px; padding-bottom: 16px; padding-left: 14px; color: #ffffff; font-size: 3em; } .elem-agent-navigation-item-fab a:hover { color: #ffffff; text-decoration: none; } .elem-agent-navigation-item-fab a:focus { color: #ffffff; text-decoration: none; } @media only screen and (max-width: 767px) { .elem-agent-navigation-item-fab { right: 24px; bottom: 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-navigation-item-fab { right: 24px; bottom: 0; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-navigation-item-fab { right: 24px; bottom: 0; } } .elem-agent-navigation-languages-language_popup { position: absolute; z-index: 10; top: 16px; right: 4px; } .elem-agent-navigation-languages-language_popup .card { overflow: hidden; margin: 0; height: 0; width: 0; -webkit-transition: height 0.5s ease, width 0.5s ease; -moz-transition: height 0.5s ease, width 0.5s ease; -ms-transition: height 0.5s ease, width 0.5s ease; -o-transition: height 0.5s ease, width 0.5s ease; transition: height 0.5s ease, width 0.5s ease; } .elem-agent-navigation-languages-language_popup .card .card-inner { padding: 0 24px; padding-bottom: 8px; width: 250px; } .elem-agent-navigation-languages-language_popup .card .card-inner p { padding-top: 14px; height: 40px; } .elem-agent-navigation-languages-language_popup .card .card-inner p a { width: 100%; } .elem-agent-navigation-languages-language_popup .card .card-inner p a img { margin-right: 16px; } .elem-agent-navigation-languages-language_popup .card .card-inner p a span { vertical-align: middle; } .elem-agent-navigation-languages-language_popup .card .card-inner p a:hover span { font-weight: 500; } .elem-agent-navigation-languages-language_popup .card.active { height: 169px; width: 250px; } .elem-agent-region-about_teaser .card-inner { position: relative; padding: 16px; padding-bottom: 8px; } .elem-agent-region-about_teaser .card-inner h1 { padding-bottom: 4px; padding-left: 50px; line-height: 100%; } .elem-agent-region-about_teaser .card-inner p { padding-left: 50px; } .elem-agent-region-about_teaser .card-inner span.icon { position: absolute; top: 16px; left: 12px; height: 42px; width: 42px; color: #9B0309; font-size: 4.4em; } .elem-agent-region-about_teaser .card-inner span.caption { display: inline-block; padding-top: 16px; color: rgba(0,0,0,0.26); } @media only screen and (max-width: 767px) { .elem-agent-region-about_teaser .card-inner { padding: 11.2px; padding-bottom: 5.6px; height: 104px; } .elem-agent-region-about_teaser .card-inner h1 { padding-bottom: 2.8px; padding-left: 28px; } .elem-agent-region-about_teaser .card-inner p { padding-left: 0; } .elem-agent-region-about_teaser .card-inner span.icon { top: 8.4px; left: 7px; height: 32px; width: 32px; font-size: 2.4em; } .elem-agent-region-about_teaser .card-inner span.caption { position: absolute; left: 12px; bottom: 8px; padding-top: 11.2px; } .elem-agent-region-about_teaser .card-inner a.button.attention { position: absolute; right: 6px; bottom: 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-region-about_teaser .card-inner { padding: 12.8px; padding-bottom: 6.4px; height: 122px; } .elem-agent-region-about_teaser .card-inner h1 { padding-bottom: 3.2px; } .elem-agent-region-about_teaser .card-inner span.icon { top: 12.8px; left: 9.6px; height: 33.6px; width: 33.6px; } .elem-agent-region-about_teaser .card-inner span.caption { padding-top: 12.8px; } } .elem-agent-region-beach_teaser h1 { padding: 12px 16px; line-height: 100%; } .elem-agent-region-beach_teaser ol { padding-left: 2px; height: 123px; } .elem-agent-region-beach_teaser ol li { float: left; padding: 0 2px; width: 168px; } .elem-agent-region-beach_teaser ol li a { display: block; position: relative; } .elem-agent-region-beach_teaser ol li a h2 { position: absolute; bottom: 0; left: 0; padding: 8px; width: 100%; background-color: rgba(0,0,0,0.4); color: #ffffff; } .elem-agent-region-beach_teaser ol li a img { height: 123px; width: 100%; } .elem-agent-region-beach_teaser p { padding: 16px; padding-bottom: 0; } .elem-agent-region-beach_teaser a.button { padding: 16px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-region-beach_teaser h1 { padding: 9.6px 16px; } .elem-agent-region-beach_teaser ol { height: 98.4px; } .elem-agent-region-beach_teaser ol li { width: 134.4px; } .elem-agent-region-beach_teaser ol li a h2 { padding: 6.4px; } .elem-agent-region-beach_teaser ol li a img { height: 98.4px; } .elem-agent-region-beach_teaser p { padding: 12.8px; } .elem-agent-region-beach_teaser a.button { padding: 12.8px; } } .elem-agent-region-contact_teaser .card-inner { position: relative; padding: 16px; padding-bottom: 8px; height: 104px; } .elem-agent-region-contact_teaser .card-inner h1 { padding-left: 50px; line-height: 80%; } .elem-agent-region-contact_teaser .card-inner p { padding-left: 50px; } .elem-agent-region-contact_teaser .card-inner p span { display: inline; } .elem-agent-region-contact_teaser .card-inner img { position: absolute; top: 16px; left: 16px; border-radius: 100%; height: 42px; width: 42px; } .elem-agent-region-contact_teaser .card-inner span.caption { display: inline-block; position: absolute; bottom: 12px; left: 16px; padding-top: 10px; color: rgba(0,0,0,0.26); } .elem-agent-region-contact_teaser .card-inner a.flat-button { position: absolute; right: 8px; bottom: 4px; } @media only screen and (max-width: 767px) { .elem-agent-region-contact_teaser .card-inner { padding: 11.2px; padding-bottom: 5.6px; height: 100px; } .elem-agent-region-contact_teaser .card-inner h1 { padding-bottom: 2.8px; } .elem-agent-region-contact_teaser .card-inner img { top: 11.2px; left: 11.2px; } .elem-agent-region-contact_teaser .card-inner .flat-button.button { margin-top: inherit; } .elem-agent-region-contact_teaser .card-inner span.caption { bottom: 8.4px; left: 11.2px; padding-top: 12px; } .elem-agent-region-contact_teaser .card-inner a.flat-button { right: 5.6px; bottom: 2.8px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-region-contact_teaser .card-inner { padding: 12.8px; padding-bottom: 6.4px; height: 122px; } .elem-agent-region-contact_teaser .card-inner h1 { padding-bottom: 3.2px; } .elem-agent-region-contact_teaser .card-inner img { top: 12.8px; left: 12.8px; } .elem-agent-region-contact_teaser .card-inner .flat-button.button { margin-top: -16px; } .elem-agent-region-contact_teaser .card-inner span.caption { bottom: 9.6px; left: 12.8px; padding-top: 0; } .elem-agent-region-contact_teaser .card-inner a.flat-button { right: 6.4px; bottom: 3.2px; } } .elem-agent-region-hero { position: relative; } .elem-agent-region-hero .card { margin-top: 0; } .elem-agent-region-hero .card-inner { border-top: none; } .elem-agent-region-hero ul.slides { height: 620px; } .elem-agent-region-hero ul.slides .hero-img { position: relative; height: 620px; overflow: hidden; } .elem-agent-region-hero ul.slides .hero-img .hero-content-inner { position: relative; height: 620px; } .elem-agent-region-hero ul.slides .hero-img article { position: absolute; bottom: 125px; left: 16px; z-index: 5; padding: 20px; width: 537px; background-color: rgba(255,255,255,0.7); } .elem-agent-region-hero ul.slides .hero-img article h1 { padding-bottom: 8px; } .elem-agent-region-hero ul.slides .hero-img span.image-title { position: absolute; right: 16px; bottom: 12px; z-index: 5; color: white; } .elem-agent-region-hero ul.slides .hero-img img { height: 448px; width: 100%; } .elem-agent-region-hero .flex-direction-nav .flex-next { display: none; color: #ffffff; } .elem-agent-region-hero .flex-direction-nav .flex-prev { display: none; color: #ffffff; } .elem-agent-region-hero .search-bar { height: 80px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-region-hero .card-inner { height: 345px; } .elem-agent-region-hero ul.slides { height: 344px; } .elem-agent-region-hero ul.slides .hero-img { height: 344px; } .elem-agent-region-hero ul.slides .hero-img .hero-content-inner { position: relative; height: 344px; } .elem-agent-region-hero ul.slides .hero-img article { bottom: 100px; left: 12.8px; padding: 16px; width: 429.6px; } .elem-agent-region-hero ul.slides .hero-img article h1 { padding-bottom: 6.4px; } .elem-agent-region-hero ul.slides .hero-img span.image-title { right: 12.8px; bottom: 9.6px; } .elem-agent-region-hero ul.slides .hero-img img { height: 358.4px; } .elem-agent-region-hero .search-bar { height: 64px; } } .elem-agent-region-no_results .card .card-inner { position: relative; padding-top: 16px; padding-bottom: 16px; padding-left: 184px; height: 216px; } .elem-agent-region-no_results .card .card-inner img { position: absolute; top: 16px; left: 16px; border-radius: 100%; height: 152px; width: 152px; } .elem-agent-region-no_results .card .card-inner span.team { position: absolute; bottom: 16px; left: 16px; width: 152px; color: rgba(0,0,0,0.26); } .elem-agent-region-no_results .card .card-inner h2 { padding-top: 4px; } .elem-agent-region-no_results .card .card-inner ul { padding-left: 18px; } .elem-agent-region-no_results .card .card-inner ul li:before { content: "-"; position: relative; left: -8px; } .elem-agent-region-no_results .card .card-inner ul li { text-indent: -8px; } .elem-agent-region-no_results .card .card-inner p { padding-top: 8px; } .elem-agent-region-no_results .card .card-inner p span { font-weight: 500; } @media only screen and (max-width: 767px) { .elem-agent-region-no_results .card .card-inner { padding: 12px 16px; height: inherit; } } .elem-agent-region-result_list .result-head { padding: 12px 16px; } .elem-agent-region-result_list .result-head h1 { display: inline-block; } .elem-agent-region-result_list .result-head span.pagination { display: inline-block; padding: 5px 0; padding-left: 16px; color: rgba(0,0,0,0.54); } .elem-agent-region-result_list .result-head span.caption { display: inline-block; padding: 8px; color: rgba(0,0,0,0.26); } .elem-agent-region-result_list ol.nav { border-top: 1px solid rgba(0,0,0,0.12); border-bottom: 1px solid rgba(0,0,0,0.12); height: 37px; } .elem-agent-region-result_list ul.body { position: relative; border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-region-result_list ul.body li.slide { display: none; width: 100%; } .elem-agent-region-result_list ul.body li.slide .result-list li:last-child .content { border-bottom: 0; } .elem-agent-region-result_list ul.body li.slide.focus { display: inherit; } @media only screen and (max-width: 767px) { .elem-agent-region-result_list .result-head { padding: 8.4px 11.2px; } .elem-agent-region-result_list .result-head h1 { display: block; } .elem-agent-region-result_list .result-head span.pagination { padding: 3.5px 0; } .elem-agent-region-result_list .result-head span.caption { padding: 5.6px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-region-result_list .result-head { padding: 9.6px 12.8px; } .elem-agent-region-result_list .result-head h1 { width: 400px; } .elem-agent-region-result_list .result-head span.pagination { padding: 4px 0; padding-left: 12.8px; } .elem-agent-region-result_list .result-head span.caption { padding: 6.4px; } .elem-agent-region-result_list ol.nav { height: 36px; } } .elem-agent-region-sights_teaser h1 { padding-top: 24px; padding-bottom: 8px; line-height: 100%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-region-sights_teaser h1 { padding-top: 19.2px; padding-bottom: 6.4px; } } .elem-agent-region-result_list-map { margin: 4px 0; } .elem-agent-region-result_list-map #map { height: 632px; width: 100%; } .elem-agent-region-result_list-map #map .test-class { height: auto !important; width: auto !important; } .elem-agent-region-result_list-map #map .gm-style-iw { overflow: visible !important; top: 0 !important; left: 0 !important; height: auto !important; width: auto !important; } .elem-agent-region-result_list-map #map .gm-style-iw div { overflow: visible !important; width: auto !important; } .elem-agent-region-result_list-map #map .gm-style-iw div div { overflow: visible !important; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-region-result_list-map #map { height: 505.6px; } } .elem-agent-region-result_list-order_by .button { display: none; } @media only screen and (max-width: 767px) { .elem-agent-region-result_list-order_by.pull-right { float: inherit !important; } } .elem-agent-region-result_list-pagination { position: relative; border-top: 1px solid rgba(0,0,0,0.12); padding: 8px 0; } .elem-agent-region-result_list-pagination ol { display: inline-block; } .elem-agent-region-result_list-pagination ol li { display: inline-block; } .elem-agent-region-result_list-pagination ol li a { display: inline-block; padding: 8px; color: rgba(0,0,0,0.87); } .elem-agent-region-result_list-pagination ol li a.attention { color: #9B0309; } .elem-agent-region-result_list-pagination ol > li + li:before { content: "· "; } .elem-agent-region-result_list-pagination a.button.right { position: absolute; right: 16px; font-size: 2em; } .elem-agent-region-result_list-pagination a.button.left { position: absolute; left: 16px; font-size: 2em; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-region-result_list-pagination { padding: 6.4px 0; } .elem-agent-region-result_list-pagination ol li a { padding: 6.4px; } .elem-agent-region-result_list-pagination a.button.right { right: 12.8px; } .elem-agent-region-result_list-pagination a.button.left { left: 12.8px; } } .elem-agent-region-result_list-result .card-inner { border: none; } .elem-agent-region-result_list-result a.listing { display: block; position: relative; padding-left: 368px; height: 220px; } .elem-agent-region-result_list-result a.listing .content { border-bottom: 1px solid rgba(0,0,0,0.12); padding: 16px; padding-left: 0; height: 220px; } .elem-agent-region-result_list-result a.listing .content h1 { overflow: hidden; padding-top: 8px; width: 80%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-region-result_list-result a.listing .content .img-outer { position: absolute; top: 16px; left: 16px; height: 188px; width: 336px; } .elem-agent-region-result_list-result a.listing .content .img-outer .discount { position: absolute; top: -2px; left: 8px; padding: 8px; height: 58px; width: 58px; background-color: #9B0309; } .elem-agent-region-result_list-result a.listing .content .img-outer .discount p { color: #ffffff; } .elem-agent-region-result_list-result a.listing .content .img-outer .discount span.discount-icon { display: block; font-size: 4em; color: #ffffff; } .elem-agent-region-result_list-result a.listing .content .img-outer .discount .shadow { position: absolute; top: -2px; right: 12px; height: 8px; width: 8px; background-color: #000000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .elem-agent-region-result_list-result a.listing .content .img-outer img.listing { height: 100%; width: 100%; } .elem-agent-region-result_list-result a.listing .content ul { padding: 20px 0; } .elem-agent-region-result_list-result a.listing .content ul li { display: inline-block; padding-right: 16px; color: rgba(0,0,0,0.54); vertical-align: middle; } .elem-agent-region-result_list-result a.listing .content ul li span.icon { display: inline-block; padding-right: 4px; height: 26px; font-size: 1.6em; color: rgba(0,0,0,0.54); vertical-align: middle; } .elem-agent-region-result_list-result a.listing .content span.caption { position: absolute; top: 62px; right: 16px; color: rgba(0,0,0,0.26); } .elem-agent-region-result_list-result a.listing .content span.rating { padding: 0 8px; } .elem-agent-region-result_list-result a.listing .content span.price { position: absolute; right: 16px; bottom: 16px; } .elem-agent-region-result_list-result div.favorites { display: inline-block; position: absolute; top: 24px; right: 24px; padding: 8px; height: 24px; width: 24px; } .elem-agent-region-result_list-result .card-inner:hover .content { border: none; } @media only screen and (max-width: 767px) { .elem-agent-region-result_list-result .hidden-sm { display: none; } .elem-agent-region-result_list-result .stars { display: none; } .elem-agent-region-result_list-result a.listing { padding-left: 0; height: auto; } .elem-agent-region-result_list-result a.listing .content { padding: 0; height: auto; } .elem-agent-region-result_list-result a.listing .content h1 { position: absolute; z-index: 1; bottom: 57px; left: 0; padding: 8px 12px; width: 100%; background-color: rgba(0,0,0,0.26); color: white; font-size: 1.4em; } .elem-agent-region-result_list-result a.listing .content .img-outer { position: relative; top: inherit; left: inherit; height: auto; width: 100%; } .elem-agent-region-result_list-result a.listing .content .img-outer img.listing { height: auto; width: 100%; } .elem-agent-region-result_list-result a.listing .content ul { padding: 6px 8px; padding-bottom: 0; } .elem-agent-region-result_list-result a.listing .content ul li { padding-right: 11.2px; } .elem-agent-region-result_list-result a.listing .content ul li span.icon { padding-right: 2.8px; height: 18.2px; } .elem-agent-region-result_list-result a.listing .content ul li.hidden-xs { display: none; } .elem-agent-region-result_list-result a.listing .content span.caption { top: 11.2px; right: 11.2px; } .elem-agent-region-result_list-result a.listing .content span.rating { padding: 0 5.6px; } .elem-agent-region-result_list-result a.listing .content span.price { display: block; position: relative; right: inherit; bottom: inherit; padding: 6px 8px; padding-top: 0; width: 100%; font-size: 1.6em; text-align: right; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-region-result_list-result .hidden-sm { display: none; } .elem-agent-region-result_list-result .stars { position: absolute; bottom: 8px; left: 302.4px; } .elem-agent-region-result_list-result a.listing { padding-left: 294.4px; height: 176px; } .elem-agent-region-result_list-result a.listing .content { padding: 12.8px; height: 176px; } .elem-agent-region-result_list-result a.listing .content h1 { padding-top: 0; } .elem-agent-region-result_list-result a.listing .content .img-outer { top: 12.8px; left: 12.8px; height: 150.4px; width: 268.8px; } .elem-agent-region-result_list-result a.listing .content ul { padding: 8px 0; } .elem-agent-region-result_list-result a.listing .content ul li { padding-right: 12.8px; } .elem-agent-region-result_list-result a.listing .content ul li span.icon { padding-right: 3.2px; height: 20.8px; } .elem-agent-region-result_list-result a.listing .content span.caption { top: 12.8px; right: 12.8px; } .elem-agent-region-result_list-result a.listing .content span.rating { padding: 0 6.4px; } .elem-agent-region-result_list-result a.listing .content span.price { right: 12.8px; bottom: 12.8px; } .elem-agent-region-result_list-result div.favorites { display: inline-block; position: absolute; top: 6px; right: 18px; padding: 8px; height: 24px; width: 24px; } } .elem-agent-region-result_list-tab_button { float: left; width: 50%; } .elem-agent-region-result_list-tab_button a { display: inline-block; padding: 7px 16px; width: 100%; color: inherit; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-region-result_list-tab_button a { padding: 5.6px 12.8px; } } .elem-agent-region-result_list-tab_button.focus { color: #9B0309; } .elem-agent-region-result_list-tab_button.focus a { border-bottom: 2px solid #9B0309; } .elem-agent-region-result_list-tab_button.border-right { border-right: 1px solid rgba(0,0,0,0.12); } .elem-agent-region-result_list-result-favorite_button { display: inline-block; } .elem-agent-region-result_list-result-favorite_button a.button { display: inline-block; margin: 0; width: 100%; color: #9B0309; font-size: 2em; } .elem-agent-region-result_list-result-favorite_button a.button:hover, .elem-agent-region-result_list-result-favorite_button a.button:active, .elem-agent-region-result_list-result-favorite_button a.button:focus { color: rgba(155,3,9,0.87); } .elem-agent-region-result_list-result-map { position: absolute; top: 85px; right: 16px; hight: 48px; width: 60px; } .elem-agent-region-result_list-result-map img { height: 100%; width: 100%; } .elem-agent-region-result_list-result-map span.dot { position: absolute; border-radius: 100%; height: 5px; width: 5px; background-color: #9B0309; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-region-result_list-result-map { top: 16px; right: 46px; hight: 38.4px; width: 48px; } } .elem-agent-region-sights-teaser .card-inner { position: relative; } .elem-agent-region-sights-teaser .card-inner h1 { overflow: hidden; padding: 12px 16px; width: 100%; line-height: 100%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-region-sights-teaser .card-inner a { display: block; position: relative; } .elem-agent-region-sights-teaser .card-inner a h2 { overflow: hidden; position: absolute; bottom: 0; left: 0; padding: 8px; width: 100%; background-color: rgba(0,0,0,0.4); color: #ffffff; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-region-sights-teaser .card-inner a img { height: auto; width: 100%; } .elem-agent-region-sights-teaser .card-inner p.body1 { padding: 16px; padding-bottom: 0; min-height: 113px; } .elem-agent-region-sights-teaser .card-inner .teaser-footer { position: relative; height: 32px; } .elem-agent-region-sights-teaser .card-inner .teaser-footer a.button { overflow: hidden; position: absolute; right: 0; bottom: 0; padding: 12px 16px; width: 100%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-region-sights-teaser .card-inner .teaser-footer a.button span { display: inline; color: inherit; } @media only screen and (max-width: 767px) { .elem-agent-region-sights-teaser .card-inner { height: auto; } .elem-agent-region-sights-teaser .card-inner h1 { padding: 8.4px 11.2px; } .elem-agent-region-sights-teaser .card-inner a h2 { padding: 5.6px; } .elem-agent-region-sights-teaser .card-inner p.body1 { padding: 11.2px; } .elem-agent-region-sights-teaser .card-inner a.button { padding: 12p 11.2px; } .elem-agent-region-sights-teaser .card-inner .teaser-footer { height: 25px; } .elem-agent-region-sights-teaser .card-inner .teaser-footer a.button { padding: 8.4px 11.2px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-region-sights-teaser .card-inner { height: auto; } .elem-agent-region-sights-teaser .card-inner h1 { padding: 9.6px 12.8px; } .elem-agent-region-sights-teaser .card-inner a h2 { padding: 6.4px; } .elem-agent-region-sights-teaser .card-inner p.body1 { padding: 12.8px; min-height: 131px; } .elem-agent-region-sights-teaser .card-inner .teaser-footer { height: 25px; } .elem-agent-region-sights-teaser .card-inner .teaser-footer a.button { padding: 9.6px 12.8pxx; } } .elem-agent-search-main_bar { background-color: #8C8B55; } .elem-agent-search-main_bar span.corporate { color: #9B0309 !important; } .elem-agent-search-main_bar form { position: relative; padding: 20px 0; height: 80px; } .elem-agent-search-main_bar input.button { margin-right: 16px; } .elem-agent-search-main_bar .first { display: block; float: left; width: 23%; } .elem-agent-search-main_bar .middle { display: block; float: left; width: 20%; } .elem-agent-search-main_bar .last { display: block; float: left; padding: 6px 0; height: 40px; width: 17%; background-color: #9B0309; color: #ffffff; cursor: pointer; } .elem-agent-search-main_bar .last input { height: 0; display: none; } .elem-agent-search-main_bar .last span { display: block; color: #ffffff; line-height: 100%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-main_bar form { padding: 6.4px; height: 70px; } } .elem-agent-search-poi_filter_bar { padding: 8px 0; height: 50px; } .elem-agent-search-poi_filter_bar .poi-type-nav { padding-top: 6px; } .elem-agent-search-poi_filter_bar .poi-type-nav ul li { float: left; padding-right: 12px; } .elem-agent-search-poi_filter_bar .poi-type-nav ul li span.icon { display: inline-block; margin-top: 3px; margin-right: 4px; border: 1px solid rgba(0,0,0,0.87); border-radius: 2px; height: 16px; width: 16px; vertical-align: top; } .elem-agent-search-poi_filter_bar .poi-type-nav ul li span.icon-oth_check { border-color: #9B0309; background-color: #9B0309; color: #ffffff; font-size: 1.4em; } .elem-agent-search-poi_filter_bar .poi-type-nav ul li a { display: inline-block; color: rgba(0,0,0,0.87); vertical-align: top; } .elem-agent-search-poi_filter_bar .poi-type-nav ul li a:hover { color: rgba(0,0,0,0.87); } .elem-agent-search-poi_filter_bar .poi-type-nav ul li a:focus { color: rgba(0,0,0,0.87); } .elem-agent-search-poi_filter_bar .poi-type-nav ul li:last-child { padding-right: 0; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-poi_filter_bar { padding: 6.4px; height: 40px; } .elem-agent-search-poi_filter_bar .poi-type-nav { padding-top: 4.8px; } .elem-agent-search-poi_filter_bar .poi-type-nav ul li { padding-right: 9.6px; } .elem-agent-search-poi_filter_bar .poi-type-nav ul li span.icon { margin-top: 2.4px; margin-right: 3.2px; } } .elem-agent-search-side_poi_filter { z-index: 12; position: fixed; -webkit-transform: translateZ(0); top: 0; right: -250px; height: 100%; width: 250px; -webkit-transition: right ease 0.5s; -moz-transition: right ease 0.5s; -ms-transition: right ease 0.5s; -o-transition: right ease 0.5s; transition: right ease 0.5s; } .elem-agent-search-side_poi_filter .card { margin: 0; height: 100%; } .elem-agent-search-side_poi_filter .card .card-inner { border-radius: 0; padding: 16px; height: 100%; } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav { padding-top: 6px; } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li { float: left; padding-right: 12px; } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li span.icon { display: inline-block; margin-top: 3px; margin-right: 4px; border: 1px solid rgba(0,0,0,0.87); border-radius: 2px; height: 16px; width: 16px; vertical-align: top; } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li span.icon-oth_check { border-color: #9B0309; background-color: #9B0309; color: #ffffff; font-size: 1.4em; } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li a { display: inline-block; color: rgba(0,0,0,0.87); vertical-align: top; } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li a:hover { color: rgba(0,0,0,0.87); } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li a:focus { color: rgba(0,0,0,0.87); } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li:last-child { padding-right: 0; } @media only screen and (max-width: 767px) { .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul { display: block; } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li { float: inherit; padding: 8px; } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li span.icon { display: inline-block; margin-top: 3px; margin-right: 4px; border: 1px solid rgba(0,0,0,0.87); border-radius: 2px; height: 16px; width: 16px; vertical-align: top; } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li span.icon-oth_check { border-color: #9B0309; background-color: #9B0309; color: #ffffff; font-size: 1.4em; } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li a { display: inline-block; color: rgba(0,0,0,0.87); vertical-align: top; } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li a:hover { color: rgba(0,0,0,0.87); } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li a:focus { color: rgba(0,0,0,0.87); } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li:last-child { padding-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul { display: block; } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li { float: inherit; padding: 8px; } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li span.icon { display: inline-block; margin-top: 3px; margin-right: 4px; border: 1px solid rgba(0,0,0,0.87); border-radius: 2px; height: 16px; width: 16px; vertical-align: top; } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li span.icon-oth_check { border-color: #9B0309; background-color: #9B0309; color: #ffffff; font-size: 1.4em; } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li a { display: inline-block; color: rgba(0,0,0,0.87); vertical-align: top; } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li a:hover { color: rgba(0,0,0,0.87); } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li a:focus { color: rgba(0,0,0,0.87); } .elem-agent-search-side_poi_filter .card .card-inner .poi-type-nav ul li:last-child { padding-right: 0; } } .elem-agent-search-side_poi_filter.in_use { right: 0; } .elem-agent-search-side_search { z-index: 12; position: fixed; -webkit-transform: translateZ(0); top: 0; right: -350px; height: 100%; width: 350px; -webkit-transition: right ease 0.5s; -moz-transition: right ease 0.5s; -ms-transition: right ease 0.5s; -o-transition: right ease 0.5s; transition: right ease 0.5s; } .elem-agent-search-side_search .card { margin: 0; height: 100%; } .elem-agent-search-side_search .card .card-inner { border-radius: 0; padding: 16px; height: 100%; } .elem-agent-search-side_search .card .card-inner h1 { padding: 0 8px; } .elem-agent-search-side_search .card .card-inner .popup { padding: 8px; } @media only screen and (max-width: 767px) { .elem-agent-search-side_search { right: -80%; width: 80%; } } .elem-agent-search-side_search.in_use { right: 0; } .elem-agent-search-filter_item-where { display: inline-block; padding: 0 8px; padding-left: 0; width: 100%; } .elem-agent-search-filter_item-where a.icon-oth_arrow_down { display: inline-block; position: absolute; top: 0; right: 0; height: 26px; background-color: #ffffff; color: rgba(0,0,0,0.54); font-size: 2.4em; } .elem-agent-search-filter_item-where .group { display: inline-block; position: relative; padding: 0; width: 78%; } .elem-agent-search-filter_item-where .group input { display: inline-block; padding-bottom: 2px; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); width: 85%; background-color: transparent; color: rgba(0,0,0,0.54); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search-filter_item-where .group .bar { display: block; position: relative; width: 85%; } .elem-agent-search-filter_item-where .group .bar:before, .elem-agent-search-filter_item-where .group .bar:after { position: absolute; bottom: 1px; height: 2px; width: 0; background: #9B0309; content: ''; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search-filter_item-where .group .bar:before { left: 50%; } .elem-agent-search-filter_item-where .group .bar:after { right: 50%; } .elem-agent-search-filter_item-where .group input:focus ~ .bar:before, .elem-agent-search-filter_item-where .group input:focus ~ .bar:after { width: 50%; } .elem-agent-search-filter_item-where .group .highlight { position: absolute; left: 0; opacity: 0.5; width: 100px; pointer-events: none; } .elem-agent-search-filter_item-where .group input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-search-filter_item-where .group from { background: rgba(0,0,0,0.1); } .elem-agent-search-filter_item-where .group to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-search-filter_item-where .group from { background: rgba(0,0,0,0.1); } .elem-agent-search-filter_item-where .group to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-search-filter_item-where .group from { background: rgba(0,0,0,0.1); } .elem-agent-search-filter_item-where .group to { width: 0; background: transparent; } } .elem-agent-search-filter_item-where span.label { display: inline-block; width: 20%; color: rgba(0,0,0,0.54); line-height: 29px; vertical-align: bottom; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-filter_item-where { padding: 0 6.4px; } .elem-agent-search-filter_item-where a.icon-oth_arrow_down { height: 20.8px; } .elem-agent-search-filter_item-where .group { width: 75%; } .elem-agent-search-filter_item-where .group .highlight { width: 80px; } .elem-agent-search-filter_item-where span.label { line-height: 23.2px; width: 25%; } } .elem-agent-search-filter_item-where-popup { z-index: 12; display: none; position: absolute; top: 0; right: 0; width: 230px; height: 0; opacity: 0; } .elem-agent-search-filter_item-where-popup .card-inner { position: relative; } .elem-agent-search-filter_item-where-popup .card-inner .icon-oth_close { position: absolute; top: 8px; right: 8px; font-size: 2em; color: rgba(0,0,0,0.26); } .elem-agent-search-filter_item-where-popup .card-inner .popup-head { padding: 12px 16px; padding-top: 36px; border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-search-filter_item-where-popup .card-inner .popup-head input { width: 100%; } .elem-agent-search-filter_item-where-popup .card-inner .popup-head .bar { width: 100%; } .elem-agent-search-filter_item-where-popup .card-inner .popup-body { padding: 8px; } .elem-agent-search-filter_item-where-popup .card-inner .popup-body h2 { padding: 8px; padding-top: 4px; color: rgba(0,0,0,0.26); } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-filter_item-where-popup { width: 184px; } .elem-agent-search-filter_item-where-popup .card-inner .icon-oth_close { top: 6.4px; right: 6.4px; } .elem-agent-search-filter_item-where-popup .card-inner .popup-head { padding: 9.6px 12.8px; padding-top: 28.8px; } .elem-agent-search-filter_item-where-popup .card-inner .popup-body { padding: 6.4px; } .elem-agent-search-filter_item-where-popup .card-inner .popup-body h2 { padding: 6.4px; padding-top: 3.2px; } } .elem-agent-search-filter_item-where-popup.show { display: inline-block; height: auto; right: 0; opacity: 1; } .elem-agent-search-filter_item-where-result_list a { display: inline-block; padding: 4px 8px; -webkit-transition: padding-left 1s ease; -moz-transition: padding-left 1s ease; -ms-transition: padding-left 1s ease; -o-transition: padding-left 1s ease; transition: padding-left 1s ease; } .elem-agent-search-filter_item-where-result_list a span.caption { padding-left: 16px; color: rgba(0,0,0,0.26); } .elem-agent-search-filter_item-where-result_list a:hover { padding-left: 16px; -webkit-transition: padding-left 1s ease; -moz-transition: padding-left 1s ease; -ms-transition: padding-left 1s ease; -o-transition: padding-left 1s ease; transition: padding-left 1s ease; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-filter_item-where-result_list a { padding: 3.2px 6.4px; } .elem-agent-search-filter_item-where-result_list a span.caption { padding-left: 12.8px; } .elem-agent-search-filter_item-where-result_list a:hover { padding-left: 12.8px; } } .elem-agent-search-form_item-what { display: inline-block; width: 100%; } .elem-agent-search-form_item-what a.icon-oth_arrow_down { display: inline-block; position: absolute; top: 8px; border: 1px solid transparent; border-left: none; right: 0; padding-right: 8px; height: 25px; background-color: #ffffff; color: rgba(0,0,0,0.54); font-size: 2.4em; } .elem-agent-search-form_item-what .group { display: inline-block; position: relative; padding: 0; width: 100%; } .elem-agent-search-form_item-what .group input { display: inline-block; padding-left: 16px; padding-bottom: 2px; border: 1px solid rgba(0,0,0,0.12); border-right: none; height: 40px; width: 100%; background-color: white; color: rgba(0,0,0,0.87); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search-form_item-what .group .bar { display: block; position: relative; width: 85%; } .elem-agent-search-form_item-what .group .bar:before, .elem-agent-search-form_item-what .group .bar:after { position: absolute; bottom: 1px; height: 2px; width: 0; background: #9B0309; content: ''; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search-form_item-what .group .bar:before { left: 50%; } .elem-agent-search-form_item-what .group .bar:after { right: 50%; } .elem-agent-search-form_item-what .group input:focus ~ .bar:before, .elem-agent-search-form_item-what .group input:focus ~ .bar:after { width: 50%; } .elem-agent-search-form_item-what .group .highlight { position: absolute; left: 0; opacity: 0.5; width: 100px; pointer-events: none; } .elem-agent-search-form_item-what .group input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-search-form_item-what .group from { background: rgba(0,0,0,0.1); } .elem-agent-search-form_item-what .group to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-search-form_item-what .group from { background: rgba(0,0,0,0.1); } .elem-agent-search-form_item-what .group to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-search-form_item-what .group from { background: rgba(0,0,0,0.1); } .elem-agent-search-form_item-what .group to { width: 0; background: transparent; } } .elem-agent-search-form_item-what span.label { display: inline-block; width: 20%; color: rgba(0,0,0,0.54); line-height: 29px; vertical-align: bottom; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-form_item-what { padding: 0 6.4px; } .elem-agent-search-form_item-what a.icon-oth_arrow_down { height: 20.8px; } .elem-agent-search-form_item-what span.label { line-height: 23.2px; } } .elem-agent-search-form_item-when { display: inline-block; width: 100%; } .elem-agent-search-form_item-when a.icon-oth_arrow_down { display: inline-block; position: absolute; top: 8px; border: 1px solid transparent; border-left: none; right: 0; padding-right: 8px; height: 25px; background-color: #ffffff; color: rgba(0,0,0,0.54); font-size: 2.4em; } .elem-agent-search-form_item-when .group { display: inline-block; position: relative; padding: 0; width: 100%; } .elem-agent-search-form_item-when .group input { display: inline-block; padding-left: 16px; padding-bottom: 2px; border: 1px solid rgba(0,0,0,0.12); border-right: none; height: 40px; width: 100%; background-color: white; color: rgba(0,0,0,0.87); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search-form_item-when .group .bar { display: block; position: relative; width: 85%; } .elem-agent-search-form_item-when .group .bar:before, .elem-agent-search-form_item-when .group .bar:after { position: absolute; bottom: 1px; height: 2px; width: 0; background: #9B0309; content: ''; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search-form_item-when .group .bar:before { left: 50%; } .elem-agent-search-form_item-when .group .bar:after { right: 50%; } .elem-agent-search-form_item-when .group input:focus ~ .bar:before, .elem-agent-search-form_item-when .group input:focus ~ .bar:after { width: 50%; } .elem-agent-search-form_item-when .group .highlight { position: absolute; left: 0; opacity: 0.5; width: 100px; pointer-events: none; } .elem-agent-search-form_item-when .group input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-search-form_item-when .group from { background: rgba(0,0,0,0.1); } .elem-agent-search-form_item-when .group to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-search-form_item-when .group from { background: rgba(0,0,0,0.1); } .elem-agent-search-form_item-when .group to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-search-form_item-when .group from { background: rgba(0,0,0,0.1); } .elem-agent-search-form_item-when .group to { width: 0; background: transparent; } } .elem-agent-search-form_item-when span.label { display: inline-block; width: 20%; color: rgba(0,0,0,0.54); line-height: 29px; vertical-align: bottom; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-form_item-when { padding: 0 6.4px; } .elem-agent-search-form_item-when a.icon-oth_arrow_down { height: 20.8px; } .elem-agent-search-form_item-when .group .highlight { width: 80px; } .elem-agent-search-form_item-when span.label { line-height: 23.2px; } } .elem-agent-search-form_item-where { display: inline-block; width: 100%; } .elem-agent-search-form_item-where a.icon-oth_arrow_down { display: inline-block; position: absolute; top: 8px; border: 1px solid transparent; border-left: none; right: 0; padding-right: 8px; height: 25px; background-color: #ffffff; color: rgba(0,0,0,0.54); font-size: 2.4em; } .elem-agent-search-form_item-where .group { display: inline-block; position: relative; padding: 0; width: 100%; } .elem-agent-search-form_item-where .group input { display: inline-block; padding-left: 16px; padding-bottom: 2px; border: 1px solid rgba(0,0,0,0.12); border-right: none; height: 40px; width: 100%; background-color: white; color: rgba(0,0,0,0.87); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search-form_item-where .group .bar { display: block; position: relative; width: 85%; } .elem-agent-search-form_item-where .group .bar:before, .elem-agent-search-form_item-where .group .bar:after { position: absolute; bottom: 1px; height: 2px; width: 0; background: #9B0309; content: ''; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search-form_item-where .group .bar:before { left: 50%; } .elem-agent-search-form_item-where .group .bar:after { right: 50%; } .elem-agent-search-form_item-where .group input:focus ~ .bar:before, .elem-agent-search-form_item-where .group input:focus ~ .bar:after { width: 50%; } .elem-agent-search-form_item-where .group .highlight { position: absolute; left: 0; opacity: 0.5; width: 100px; pointer-events: none; } .elem-agent-search-form_item-where .group input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-search-form_item-where .group from { background: rgba(0,0,0,0.1); } .elem-agent-search-form_item-where .group to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-search-form_item-where .group from { background: rgba(0,0,0,0.1); } .elem-agent-search-form_item-where .group to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-search-form_item-where .group from { background: rgba(0,0,0,0.1); } .elem-agent-search-form_item-where .group to { width: 0; background: transparent; } } .elem-agent-search-form_item-where span.label { display: inline-block; width: 20%; color: rgba(0,0,0,0.54); line-height: 29px; vertical-align: bottom; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-form_item-where { padding: 0 6.4px; } .elem-agent-search-form_item-where a.icon-oth_arrow_down { height: 20.8px; } .elem-agent-search-form_item-where .group { width: 75%; } .elem-agent-search-form_item-where .group .highlight { width: 80px; } .elem-agent-search-form_item-where span.label { line-height: 23.2px; width: 25%; } } .elem-agent-search-form_item-who { display: inline-block; width: 100%; } .elem-agent-search-form_item-who a.icon-oth_arrow_down { display: inline-block; position: absolute; top: 8px; border: 1px solid transparent; border-left: none; right: 0; padding-right: 8px; height: 25px; background-color: #ffffff; color: rgba(0,0,0,0.54); font-size: 2.4em; } .elem-agent-search-form_item-who .group { display: inline-block; position: relative; padding: 0; width: 100%; } .elem-agent-search-form_item-who .group input { display: inline-block; padding-left: 16px; padding-bottom: 2px; border: 1px solid rgba(0,0,0,0.12); border-right: none; height: 40px; width: 100%; background-color: white; color: rgba(0,0,0,0.87); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search-form_item-who .group .bar { display: block; position: relative; width: 85%; } .elem-agent-search-form_item-who .group .bar:before, .elem-agent-search-form_item-who .group .bar:after { position: absolute; bottom: 1px; height: 2px; width: 0; background: #9B0309; content: ''; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search-form_item-who .group .bar:before { left: 50%; } .elem-agent-search-form_item-who .group .bar:after { right: 50%; } .elem-agent-search-form_item-who .group input:focus ~ .bar:before, .elem-agent-search-form_item-who .group input:focus ~ .bar:after { width: 50%; } .elem-agent-search-form_item-who .group .highlight { position: absolute; left: 0; opacity: 0.5; width: 100px; pointer-events: none; } .elem-agent-search-form_item-who .group input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-search-form_item-who .group from { background: rgba(0,0,0,0.1); } .elem-agent-search-form_item-who .group to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-search-form_item-who .group from { background: rgba(0,0,0,0.1); } .elem-agent-search-form_item-who .group to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-search-form_item-who .group from { background: rgba(0,0,0,0.1); } .elem-agent-search-form_item-who .group to { width: 0; background: transparent; } } .elem-agent-search-form_item-who span.label { display: inline-block; width: 20%; color: rgba(0,0,0,0.54); line-height: 29px; vertical-align: bottom; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-form_item-who { padding: 0 6.4px; } .elem-agent-search-form_item-who a.icon-oth_arrow_down { height: 20.8px; } .elem-agent-search-form_item-who .group .highlight { width: 80px; } .elem-agent-search-form_item-who span.label { line-height: 23.2px; } } .elem-agent-search-form_item-what-amount_slider { padding: 8px; padding-left: 16px; } .elem-agent-search-form_item-what-amount_slider .ui-slider { display: inline-block; margin-bottom: -8px; width: 120px; border: none; border-top: 1px solid rgba(0,0,0,0.26); border-radius: 0; } .elem-agent-search-form_item-what-amount_slider .ui-slider-handle { top: -6px; border: 0; border-radius: 100%; height: 12px; width: 12px; background: none; background-color: #bdbdbd; color: #bdbdbd; } .elem-agent-search-form_item-what-amount_slider .ui-state-active { background: none; background-color: #757575; color: #757575; } .elem-agent-search-form_item-what-amount_slider .ui-slider.attention { border-color: #9B0309; } .elem-agent-search-form_item-what-amount_slider .ui-slider.attention .ui-slider-handle { background-color: #9B0309; color: #9B0309; } .elem-agent-search-form_item-what-amount_slider .ui-slider.attention .ui-state-active { background-color: #9B0309; color: #9B0309; } .elem-agent-search-form_item-what-amount_slider .group { display: inline-block; margin-left: 8px; width: 30px; } .elem-agent-search-form_item-what-amount_slider .group input { border: none; padding-left: 0; width: 100% !important; } .elem-agent-search-form_item-what-amount_slider label { display: inline-block; padding-left: 16px; vertical-align: bottom; color: rgba(0,0,0,0.87); } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-form_item-what-amount_slider { padding: 6.4px; padding-left: 12.8px; } .elem-agent-search-form_item-what-amount_slider .ui-slider { margin-bottom: -6.4px; width: 96px; } .elem-agent-search-form_item-what-amount_slider .ui-slider-handle { top: -4.8px; height: 9.6px; width: 9.6px; } .elem-agent-search-form_item-what-amount_slider .group { margin-left: 6.4px; width: 17.6px; } .elem-agent-search-form_item-what-amount_slider label { padding-left: 12.8px; } } .elem-agent-search-form_item-what-checkbox { display: inline-block; position: relative; padding: 4px; height: 29px !important; width: 32%; } .elem-agent-search-form_item-what-checkbox .disabled { color: rgba(0,0,0,0.26) !important; } .elem-agent-search-form_item-what-checkbox p { padding-left: 20px; } .elem-agent-search-form_item-what-checkbox input[type=checkbox] { display: none; } .elem-agent-search-form_item-what-checkbox #check-awesome { position: relative; } .elem-agent-search-form_item-what-checkbox label { cursor: pointer; } .elem-agent-search-form_item-what-checkbox label img { border-radius: 100%; margin-right: 8px; height: 14px; width: 14px; } .elem-agent-search-form_item-what-checkbox label span { display: block; position: absolute; top: 3px; left: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .elem-agent-search-form_item-what-checkbox label .circle { background: transparent; left: -22px; top: -5px; height: 49px; width: 49px; z-index: -1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .elem-agent-search-form_item-what-checkbox label .box { border: 1px solid rgba(0,0,0,0.26); height: 14px; width: 14px; z-index: 888; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .elem-agent-search-form_item-what-checkbox label .check { top: 3px; right: 106px; width: 7px; height: 14px; border: 2px solid #9B0309; border-top: none; border-left: none; opacity: 0; z-index: 888; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .elem-agent-search-form_item-what-checkbox label .circle { -webkit-animation: growCircle 0.3s ease; -moz-animation: growCircle 0.3s ease; animation: growCircle 0.3s ease; } .elem-agent-search-form_item-what-checkbox input[type=checkbox]:checked ~ label .box { opacity: 0; -webkit-transform: scale(0) rotate(-180deg); -moz-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } .elem-agent-search-form_item-what-checkbox input[type=checkbox]:checked ~ label .check { opacity: 1; -webkit-transform: scale(1) rotate(45deg); -moz-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } @-webkit-keyframes growCircle { .elem-agent-search-form_item-what-checkbox 0%, .elem-agent-search-form_item-what-checkbox 100% { -webkit-transform: scale(0); } .elem-agent-search-form_item-what-checkbox 70% { background: #000; -webkit-transform: scale(1.25); } } @-moz-keyframes growCircle { .elem-agent-search-form_item-what-checkbox 0%, .elem-agent-search-form_item-what-checkbox 100% { -moz-transform: scale(0); } .elem-agent-search-form_item-what-checkbox 70% { background: #000; -moz-transform: scale(1.25); } } @keyframes growCircle { .elem-agent-search-form_item-what-checkbox 0%, .elem-agent-search-form_item-what-checkbox 100% { transform: scale(0); } .elem-agent-search-form_item-what-checkbox 70% { background: #000; transform: scale(1.25); } } @media only screen and (max-width: 767px) { .elem-agent-search-form_item-what-checkbox { width: 49%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-form_item-what-checkbox { padding: 3.2px; height: 23.2px !important; } .elem-agent-search-form_item-what-checkbox p { padding-left: 16px; } .elem-agent-search-form_item-what-checkbox label img { margin-right: 6.4px; height: 11.2px; width: 11.2px; } .elem-agent-search-form_item-what-checkbox label span { top: 5px; } .elem-agent-search-form_item-what-checkbox label .circle { left: -17.6px; top: -3px; height: 39.2px; width: 39.2px; } .elem-agent-search-form_item-what-checkbox label .box { height: 11.2px; width: 11.2px; } .elem-agent-search-form_item-what-checkbox label .check { top: 5px; right: 84.8px; width: 5.6px; height: 11.2px; } } .elem-agent-search-form_item-what-fincas { display: inline-block; } .elem-agent-search-form_item-what-popup { z-index: 12; display: none; position: absolute; top: 0; right: 0; width: 491px; height: 0; } .elem-agent-search-form_item-what-popup .card-inner { position: relative; overflow: hidden; } .elem-agent-search-form_item-what-popup .card-inner .icon-oth_close { position: absolute; top: 8px; right: 8px; font-size: 2em; color: rgba(0,0,0,0.26); } .elem-agent-search-form_item-what-popup .card-inner .popup-body { padding: 8px; } .elem-agent-search-form_item-what-popup .card-inner .popup-body h2 { padding: 8px; } .elem-agent-search-form_item-what-popup .card-inner .popup-body .filters { padding: 0 4px; } .elem-agent-search-form_item-what-popup .card-inner .popup-footer { padding: 8px; height: 53px; } .elem-agent-search-form_item-what-popup .card-inner .popup-footer .listing-hint { display: inline-block; padding: 8px; color: #9B0309; } @media only screen and (max-width: 767px) { .elem-agent-search-form_item-what-popup { position: fixed; -webkit-transform: translateZ(0); top: 15%; right: 10% !important; width: 242px; } .elem-agent-search-form_item-what-popup .card-inner .icon-oth_close { top: 5.6px; right: 5.6px; } .elem-agent-search-form_item-what-popup .card-inner .popup-body { padding: 5.6px; } .elem-agent-search-form_item-what-popup .card-inner .popup-body h2 { padding: 5.6px; } .elem-agent-search-form_item-what-popup .card-inner .popup-body .filters { padding: 0 2.8px; } .elem-agent-search-form_item-what-popup .card-inner .popup-footer { padding: 5.6px; height: 37.1px; } .elem-agent-search-form_item-what-popup .card-inner .popup-footer .listing-hint { padding: 5.6px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-form_item-what-popup { position: fixed; -webkit-transform: translateZ(0); right: 10% !important; width: 450px; } .elem-agent-search-form_item-what-popup .card-inner .icon-oth_close { top: 6.4px; right: 6.4px; } .elem-agent-search-form_item-what-popup .card-inner .popup-body { padding: 6.4px; } .elem-agent-search-form_item-what-popup .card-inner .popup-body h2 { padding: 6.4px; } .elem-agent-search-form_item-what-popup .card-inner .popup-body .filters { padding: 0 3.2px; } .elem-agent-search-form_item-what-popup .card-inner .popup-footer { padding: 6.4px; height: 42.4px; } .elem-agent-search-form_item-what-popup .card-inner .popup-footer .listing-hint { padding: 6.4px; } } .elem-agent-search-form_item-what-popup.show { display: inline-block; height: auto; right: 0; -webkit-transition: height 2s ease; -moz-transition: height 2s ease; -ms-transition: height 2s ease; -o-transition: height 2s ease; transition: height 2s ease; } .elem-agent-search-form_item-when-calendar { position: relative; } .elem-agent-search-form_item-when-calendar a.icon { position: absolute; top: 16px; font-size: 2.6em; color: rgba(0,0,0,0.54); } .elem-agent-search-form_item-when-calendar a.prev { left: 0; } .elem-agent-search-form_item-when-calendar a.next { right: 0; } .elem-agent-search-form_item-when-calendar ul.calendar { padding-top: 16px; padding-left: 8px; height: 236px; width: 980px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-form_item-when-calendar a.icon { top: 12.8px; } .elem-agent-search-form_item-when-calendar ul.calendar { padding-top: 12.8px; height: 192px; width: 784px; } } .elem-agent-search-form_item-when-input { display: inline-block; width: 100%; } .elem-agent-search-form_item-when-input .group { position: relative; padding: 8px 0; } .elem-agent-search-form_item-when-input input { font-size: 12px; display: block; width: 100%; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); background-color: transparent; color: rgba(0,0,0,0.87); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search-form_item-when-input .bar { position: relative; display: block; width: 100%; } .elem-agent-search-form_item-when-input .bar:before, .elem-agent-search-form_item-when-input .bar:after { content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #9B0309; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search-form_item-when-input .bar:before { left: 50%; } .elem-agent-search-form_item-when-input .bar:after { right: 50%; } .elem-agent-search-form_item-when-input input:focus ~ .bar:before, .elem-agent-search-form_item-when-input input:focus ~ .bar:after { width: 50%; } .elem-agent-search-form_item-when-input .highlight { position: absolute; width: 100px; left: 0; pointer-events: none; opacity: 0.5; } .elem-agent-search-form_item-when-input input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-search-form_item-when-input from { background: rgba(0,0,0,0.1); } .elem-agent-search-form_item-when-input to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-search-form_item-when-input from { background: rgba(0,0,0,0.1); } .elem-agent-search-form_item-when-input to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-search-form_item-when-input from { background: rgba(0,0,0,0.1); } .elem-agent-search-form_item-when-input to { width: 0; background: transparent; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-form_item-when-input .group { padding: 6.4px 0; } .elem-agent-search-form_item-when-input .highlight { width: 80px; } } .elem-agent-search-form_item-when-popup { z-index: 12; display: none; position: absolute; top: 0; right: -300px !important; width: 635px; height: 0; } .elem-agent-search-form_item-when-popup .card-inner { position: relative; overflow: hidden; padding: 8px 16px; } .elem-agent-search-form_item-when-popup .card-inner .icon-oth_close { z-index: 2; position: absolute; top: 16px; right: 16px; font-size: 2em; color: rgba(0,0,0,0.26); } .elem-agent-search-form_item-when-popup .card-inner .popup-body { position: relative; overflow: hidden; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input label { padding-right: 5px; color: rgba(0,0,0,0.87); } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .date { display: inline-block; height: 28px; width: 500px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .date div.text-input { display: inline-block; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .date div.text-input input.when_input { display: inline-block; border: none; width: 160px; color: rgba(0,0,0,0.87); font-size: 1.4em; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .date div.text-input a.flat-button { display: inline-block; color: rgba(0,0,0,0.54); } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .date div.text-input a.flat-button:hover, .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .date div.text-input a.flat-button:active, .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .date div.text-input a.flat-button:focus { color: rgba(0,0,0,0.26); } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input label.caption { display: none; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .flexible { display: inline-block; padding-bottom: 4px; height: 28px; width: 270px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .flexible div.select-box { padding: 0; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .flexible div.select-box .group { width: 120px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .flexible div.select-box label { padding: 0; padding-bottom: 6px; height: 26px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .flexible div.select-box select.subhead { padding: 0; padding-bottom: 4px; width: 120px; font-size: 1.4em; } .elem-agent-search-form_item-when-popup .card-inner .popup-body p.caption { padding-top: 8px; width: 389px; } .elem-agent-search-form_item-when-popup .card-inner .popup-footer { position: relative; height: 53px; } .elem-agent-search-form_item-when-popup .card-inner .popup-footer a.button { position: absolute; right: -8px; bottom: 0; } .elem-agent-search-form_item-when-popup .card-inner .popup-footer .listing-hint { position: absolute; bottom: 8px; left: 0; display: inline-block; color: #9B0309; } @media only screen and (max-width: 767px) { .elem-agent-search-form_item-when-popup { position: fixed; -webkit-transform: translateZ(0); top: 15%; right: 10% !important; width: 244px; } .elem-agent-search-form_item-when-popup .card-inner { padding: 5.6px 11.2px; height: 350px; } .elem-agent-search-form_item-when-popup .card-inner .icon-oth_close { top: 11.2px; right: 11.2px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input label { padding-right: 3.5px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .date { height: 19.6px; width: 210px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .date div.text-input .group { width: 140px !important; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .flexible { padding-bottom: 2.8px; height: 19.6px; width: 270px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .flexible div.select-box .group { width: 120px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .flexible div.select-box label { padding-bottom: 6px; height: 26px; width: 30px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .flexible div.select-box select.subhead { padding-bottom: 2.8px; width: 120px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body p.caption { padding-top: 5.6px; width: 100%; } .elem-agent-search-form_item-when-popup .card-inner .popup-footer a.button { right: -5.6px; } .elem-agent-search-form_item-when-popup .card-inner .popup-footer .listing-hint { bottom: 5.6px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-form_item-when-popup { right: 10% !important; width: 508px; } .elem-agent-search-form_item-when-popup .card-inner { padding: 6.4px 12.8px; height: 350px; } .elem-agent-search-form_item-when-popup .card-inner .icon-oth_close { top: 12.8px; right: 12.8px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input label { padding-right: 4px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .date { height: 22.4px; width: 240px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .date div.text-input .group { width: 160px !important; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .flexible { padding-bottom: 3.2px; height: 22.4px; width: 270px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .flexible div.select-box .group { width: 120px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .flexible div.select-box label { padding-bottom: 6px; height: 26px; width: 30px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body .input .flexible div.select-box select.subhead { padding-bottom: 3.2px; width: 120px; } .elem-agent-search-form_item-when-popup .card-inner .popup-body p.caption { padding-top: 6.4px; width: 311.2px; } .elem-agent-search-form_item-when-popup .card-inner .popup-footer a.button { right: -6.4px; } .elem-agent-search-form_item-when-popup .card-inner .popup-footer .listing-hint { bottom: 6.4px; } } .elem-agent-search-form_item-when-popup.show { display: inline-block; height: auto; right: 0; -webkit-transition: height 2s ease; -moz-transition: height 2s ease; -ms-transition: height 2s ease; -o-transition: height 2s ease; transition: height 2s ease; } .elem-agent-search-form_item-when-calendar-day { background-color: #BDBDBD; } .elem-agent-search-form_item-when-calendar-day span.date { display: inline-block; padding-top: 1px; height: 100%; width: 100%; color: white; cursor: pointer; } .elem-agent-search-form_item-when-calendar-day.date.first-taken { background: #bdbdbd; background: -moz-linear-gradient(-45deg,#bdbdbd 0%,#bdbdbd 50%,#9B0309 50%,#9B0309 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#bdbdbd),color-stop(50%,#bdbdbd),color-stop(50%,#9B0309),color-stop(100%,#9B0309)); background: -webkit-linear-gradient(-45deg,#bdbdbd 0%,#bdbdbd 50%,#9B0309 50%,#9B0309 100%); background: -o-linear-gradient(-45deg,#bdbdbd 0%,#bdbdbd 50%,#9B0309 50%,#9B0309 100%); background: -ms-linear-gradient(-45deg,#bdbdbd 0%,#bdbdbd 50%,#9B0309 50%,#9B0309 100%); background: linear-gradient(135deg,#bdbdbd 0%,#bdbdbd 50%,#9B0309 50%,#9B0309 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd',endColorstr='@attention2-color',GradientType=1); } .elem-agent-search-form_item-when-calendar-day.date.taken { background-color: #9B0309; } .elem-agent-search-form_item-when-calendar-day.date.last-taken { background: #9B0309; background: -moz-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#bdbdbd 50%,#bdbdbd 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#9B0309),color-stop(50%,#9B0309),color-stop(50%,#bdbdbd),color-stop(100%,#bdbdbd)); background: -webkit-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#bdbdbd 50%,#bdbdbd 100%); background: -o-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#bdbdbd 50%,#bdbdbd 100%); background: -ms-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#bdbdbd 50%,#bdbdbd 100%); background: linear-gradient(135deg,#9B0309 0%,#9B0309 50%,#bdbdbd 50%,#bdbdbd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@attention2-color',endColorstr='#bdbdbd',GradientType=1); } .elem-agent-search-form_item-when-calendar-day.date:hover { background-color: #9B0309; } .elem-agent-search-form_item-when-calendar-day.date.occupied { background-color: #E51C23; } .elem-agent-search-form_item-when-calendar-day.empty { background-color: white; cursor: inherit; } .elem-agent-search-form_item-when-calendar-day.empty a { cursor: inherit; } .elem-agent-search-form_item-when-calendar-day.empty:hover { background-color: white; } .elem-agent-search-form_item-when-calendar-month { float: left; white-space: nowrap; padding: 4px 8px; height: 200px; width: 196px; } .elem-agent-search-form_item-when-calendar-month h1 { color: rgba(0,0,0,0.54); line-height: 100%; } .elem-agent-search-form_item-when-calendar-month table tr th { border: 4px solid white; height: 28px; width: 28px; vertical-align: middle; font-family: 'Roboto', sans-serif; } .elem-agent-search-form_item-when-calendar-month table tr th.day { height: 20px; color: rgba(0,0,0,0.26); } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-form_item-when-calendar-month { padding: 3.2px 6.4px; height: 160px; width: 156.8px; } .elem-agent-search-form_item-when-calendar-month table tr th { height: 22.4px; width: 22.4px; } .elem-agent-search-form_item-when-calendar-month table tr th.day { height: 16px; } } .elem-agent-search-form_item-where-popup { z-index: 12; display: none; position: absolute; top: 0; right: 0; width: 230px; height: 0; opacity: 0; } .elem-agent-search-form_item-where-popup .card-inner { position: relative; } .elem-agent-search-form_item-where-popup .card-inner .icon-oth_close { position: absolute; top: 8px; right: 8px; font-size: 2em; color: rgba(0,0,0,0.26); } .elem-agent-search-form_item-where-popup .card-inner .popup-head { padding: 12px 16px; padding-top: 36px; border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-search-form_item-where-popup .card-inner .popup-head input { border: none; width: 100%; } .elem-agent-search-form_item-where-popup .card-inner .popup-head .bar { width: 100%; } .elem-agent-search-form_item-where-popup .card-inner .popup-body { padding: 8px; } .elem-agent-search-form_item-where-popup .card-inner .popup-body h2 { padding: 8px; padding-top: 4px; color: rgba(0,0,0,0.26); } @media only screen and (max-width: 767px) { .elem-agent-search-form_item-where-popup { position: absolute; top: 0; right: 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-form_item-where-popup { position: fixed; -webkit-transform: translateZ(0); right: 10% !important; width: 184px; } .elem-agent-search-form_item-where-popup .card-inner .icon-oth_close { top: 6.4px; right: 6.4px; } .elem-agent-search-form_item-where-popup .card-inner .popup-head { padding: 9.6px 12.8px; padding-top: 28.8px; } .elem-agent-search-form_item-where-popup .card-inner .popup-body { padding: 6.4px; } .elem-agent-search-form_item-where-popup .card-inner .popup-body h2 { padding: 6.4px; padding-top: 3.2px; } } .elem-agent-search-form_item-where-popup.show { display: inline-block; height: auto; right: 0; opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-form_item-where-popup.show { right: -10px; } } .elem-agent-search-form_item-where-result_list a { display: inline-block; padding: 4px 8px; -webkit-transition: padding-left 1s ease; -moz-transition: padding-left 1s ease; -ms-transition: padding-left 1s ease; -o-transition: padding-left 1s ease; transition: padding-left 1s ease; } .elem-agent-search-form_item-where-result_list a span.caption { padding-left: 16px; color: rgba(0,0,0,0.26); } .elem-agent-search-form_item-where-result_list a:hover { padding-left: 16px; -webkit-transition: padding-left 1s ease; -moz-transition: padding-left 1s ease; -ms-transition: padding-left 1s ease; -o-transition: padding-left 1s ease; transition: padding-left 1s ease; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-form_item-where-result_list a { padding: 3.2px 6.4px; } .elem-agent-search-form_item-where-result_list a span.caption { padding-left: 12.8px; } .elem-agent-search-form_item-where-result_list a:hover { padding-left: 12.8px; } } .elem-agent-search-form_item-who-amount_slider { position: relative; padding: 8px; padding-left: 16px; } .elem-agent-search-form_item-who-amount_slider .ui-slider { display: inline-block; margin-bottom: -8px; width: 120px; border: none; border-top: 1px solid rgba(0,0,0,0.26); border-radius: 0; } .elem-agent-search-form_item-who-amount_slider .ui-slider-handle { top: -6px; border: 0; border-radius: 100%; height: 12px; width: 12px; background: none; background-color: #bdbdbd; color: #bdbdbd; } .elem-agent-search-form_item-who-amount_slider .ui-state-active { background: none; background-color: #757575; color: #757575; } .elem-agent-search-form_item-who-amount_slider .ui-slider.attention { border-color: #9B0309; } .elem-agent-search-form_item-who-amount_slider .ui-slider.attention .ui-slider-handle { background-color: #9B0309; color: #9B0309; } .elem-agent-search-form_item-who-amount_slider .ui-slider.attention .ui-state-active { background-color: #9B0309; color: #9B0309; } .elem-agent-search-form_item-who-amount_slider .group { position: absolute; top: 10px; right: 12px; display: block; margin-left: 8px; width: 400px; } .elem-agent-search-form_item-who-amount_slider .group i { display: inline-block; border: 1px solid rgba(0,0,0,0.12); padding: 8px; font-size: 16px; } .elem-agent-search-form_item-who-amount_slider .group i.attention { color: #9B0309; } .elem-agent-search-form_item-who-amount_slider .group input { border: none; padding-right: 8px; padding-left: 8px; width: 40px !important; color: rgba(0,0,0,0.87); -webkit-text-fill-color: rgba(0,0,0,0.87); opacity: 1; } .elem-agent-search-form_item-who-amount_slider .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .elem-agent-search-form_item-who-amount_slider label { display: inline-block; padding-right: 16px; vertical-align: bottom; color: rgba(0,0,0,0.87); } .elem-agent-search-form_item-who-amount_slider label span.hint { font-size: 1em; } .elem-agent-search-form_item-who-popup { z-index: 12; display: none; position: absolute; top: 0; right: 0; width: 380px; height: 0; } .elem-agent-search-form_item-who-popup .card-inner { position: relative; overflow: hidden; } .elem-agent-search-form_item-who-popup .card-inner .icon-oth_close { position: absolute; top: 8px; right: 8px; font-size: 2em; color: rgba(0,0,0,0.26); } .elem-agent-search-form_item-who-popup .card-inner .popup-body { padding: 8px; padding-top: 32px; } .elem-agent-search-form_item-who-popup .card-inner .popup-footer { padding: 8px; height: 53px; } .elem-agent-search-form_item-who-popup .card-inner .popup-footer .listing-hint { display: inline-block; padding: 8px; color: #9B0309; } @media only screen and (max-width: 767px) { .elem-agent-search-form_item-who-popup { position: fixed; -webkit-transform: translateZ(0); top: 15%; right: 10% !important; width: 242px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search-form_item-who-popup { position: fixed; -webkit-transform: translateZ(0); right: 10% !important; width: 380px; } .elem-agent-search-form_item-who-popup .card-inner { height: 206px; } .elem-agent-search-form_item-who-popup .card-inner .icon-oth_close { top: 6.4px; right: 6.4px; } .elem-agent-search-form_item-who-popup .card-inner .popup-body { padding: 6.4px; } .elem-agent-search-form_item-who-popup .card-inner .popup-footer { padding: 6.4px; height: 42.4px; } .elem-agent-search-form_item-who-popup .card-inner .popup-footer .listing-hint { padding: 6.4px; } } .elem-agent-search-form_item-who-popup.show { display: inline-block; height: auto; right: 0; -webkit-transition: height 2s ease; -moz-transition: height 2s ease; -ms-transition: height 2s ease; -o-transition: height 2s ease; transition: height 2s ease; } .elem-agent-search_xs-header { padding: 0 8px; height: 44px; background-color: #8C8B55; } .elem-agent-search_xs-header a { font-size: 4em; color: white; } .elem-agent-search_xs-header a:hover, .elem-agent-search_xs-header a:focus, .elem-agent-search_xs-header a:active { color: rgba(255,255,255,0.86); } .elem-agent-search_xs-side_search .card { margin: 0; height: 100%; } .elem-agent-search_xs-side_search .card .card-inner { overflow: hidden; border-radius: 0; padding: 16px; height: 100%; } .elem-agent-search_xs-side_search .card .card-inner h1 { padding: 0 8px; } .elem-agent-search_xs-side_search .card .card-inner .popup { padding: 8px; } .elem-agent-search_xs-form_item-what { display: inline-block; padding: 8px; width: 100%; } .elem-agent-search_xs-form_item-what span.icon-oth_arrow_down { display: inline-block; position: absolute; top: 0; right: 0; height: 26px; background-color: #ffffff; color: rgba(0,0,0,0.54); font-size: 2.4em; } .elem-agent-search_xs-form_item-what .group { display: inline-block; position: relative; padding: 0; width: 78%; } .elem-agent-search_xs-form_item-what .group input { display: inline-block; margin-top: 8px; padding-bottom: 2px; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); width: 85%; background-color: transparent; color: rgba(0,0,0,0.54); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search_xs-form_item-what .group .bar { display: block; position: relative; width: 85%; } .elem-agent-search_xs-form_item-what .group .bar:before, .elem-agent-search_xs-form_item-what .group .bar:after { position: absolute; bottom: 1px; height: 2px; width: 0; background: #9B0309; content: ''; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search_xs-form_item-what .group .bar:before { left: 50%; } .elem-agent-search_xs-form_item-what .group .bar:after { right: 50%; } .elem-agent-search_xs-form_item-what .group input:focus ~ .bar:before, .elem-agent-search_xs-form_item-what .group input:focus ~ .bar:after { width: 50%; } .elem-agent-search_xs-form_item-what .group .highlight { position: absolute; left: 0; opacity: 0.5; width: 100px; pointer-events: none; } .elem-agent-search_xs-form_item-what .group input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-search_xs-form_item-what .group from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-what .group to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-search_xs-form_item-what .group from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-what .group to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-search_xs-form_item-what .group from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-what .group to { width: 0; background: transparent; } } .elem-agent-search_xs-form_item-what span.label { display: inline-block; width: 20%; color: rgba(0,0,0,0.54); line-height: 29px; vertical-align: bottom; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search_xs-form_item-what { padding: 0 6.4px; } .elem-agent-search_xs-form_item-what a.icon-oth_arrow_down { height: 20.8px; } .elem-agent-search_xs-form_item-what span.label { line-height: 23.2px; } } .elem-agent-search_xs-form_item-when { display: inline-block; padding: 8px; width: 100%; } .elem-agent-search_xs-form_item-when span.icon-oth_arrow_down { display: inline-block; position: absolute; top: 0; right: 0; height: 26px; background-color: #ffffff; color: rgba(0,0,0,0.54); font-size: 2.4em; } .elem-agent-search_xs-form_item-when .group { display: inline-block; position: relative; padding: 0; width: 78%; } .elem-agent-search_xs-form_item-when .group input { display: inline-block; margin-top: 8px; padding-bottom: 2px; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); width: 85%; background-color: transparent; color: rgba(0,0,0,0.54); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search_xs-form_item-when .group .bar { display: block; position: relative; width: 85%; } .elem-agent-search_xs-form_item-when .group .bar:before, .elem-agent-search_xs-form_item-when .group .bar:after { position: absolute; bottom: 1px; height: 2px; width: 0; background: #9B0309; content: ''; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search_xs-form_item-when .group .bar:before { left: 50%; } .elem-agent-search_xs-form_item-when .group .bar:after { right: 50%; } .elem-agent-search_xs-form_item-when .group input:focus ~ .bar:before, .elem-agent-search_xs-form_item-when .group input:focus ~ .bar:after { width: 50%; } .elem-agent-search_xs-form_item-when .group .highlight { position: absolute; left: 0; opacity: 0.5; width: 100px; pointer-events: none; } .elem-agent-search_xs-form_item-when .group input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-search_xs-form_item-when .group from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-when .group to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-search_xs-form_item-when .group from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-when .group to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-search_xs-form_item-when .group from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-when .group to { width: 0; background: transparent; } } .elem-agent-search_xs-form_item-when span.label { display: inline-block; width: 20%; color: rgba(0,0,0,0.54); line-height: 29px; vertical-align: bottom; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search_xs-form_item-when { padding: 0 6.4px; } .elem-agent-search_xs-form_item-when a.icon-oth_arrow_down { height: 20.8px; } .elem-agent-search_xs-form_item-when .group .highlight { width: 80px; } .elem-agent-search_xs-form_item-when span.label { line-height: 23.2px; } } .elem-agent-search_xs-form_item-where { display: inline-block; padding: 8px; width: 100%; } .elem-agent-search_xs-form_item-where span.icon-oth_arrow_down { display: inline-block; position: absolute; top: 0; right: 0; height: 26px; background-color: #ffffff; color: rgba(0,0,0,0.54); font-size: 2.4em; } .elem-agent-search_xs-form_item-where .group { display: inline-block; position: relative; padding: 0; width: 78%; } .elem-agent-search_xs-form_item-where .group input { display: inline-block; margin-top: 8px; padding-bottom: 2px; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); width: 85%; background-color: transparent; color: rgba(0,0,0,0.54); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search_xs-form_item-where .group .bar { display: block; position: relative; width: 85%; } .elem-agent-search_xs-form_item-where .group .bar:before, .elem-agent-search_xs-form_item-where .group .bar:after { position: absolute; bottom: 1px; height: 2px; width: 0; background: #9B0309; content: ''; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search_xs-form_item-where .group .bar:before { left: 50%; } .elem-agent-search_xs-form_item-where .group .bar:after { right: 50%; } .elem-agent-search_xs-form_item-where .group input:focus ~ .bar:before, .elem-agent-search_xs-form_item-where .group input:focus ~ .bar:after { width: 50%; } .elem-agent-search_xs-form_item-where .group .highlight { position: absolute; left: 0; opacity: 0.5; width: 100px; pointer-events: none; } .elem-agent-search_xs-form_item-where .group input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-search_xs-form_item-where .group from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-where .group to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-search_xs-form_item-where .group from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-where .group to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-search_xs-form_item-where .group from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-where .group to { width: 0; background: transparent; } } .elem-agent-search_xs-form_item-where span.label { display: inline-block; width: 20%; color: rgba(0,0,0,0.54); line-height: 29px; vertical-align: bottom; } .elem-agent-search_xs-form_item-who { display: inline-block; padding: 8px; width: 100%; } .elem-agent-search_xs-form_item-who span.icon-oth_arrow_down { display: inline-block; position: absolute; top: 0; right: 0; height: 26px; background-color: #ffffff; color: rgba(0,0,0,0.54); font-size: 2.4em; } .elem-agent-search_xs-form_item-who .group { display: inline-block; position: relative; padding: 0; width: 78%; } .elem-agent-search_xs-form_item-who .group input { display: inline-block; margin-top: 8px; padding-bottom: 2px; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); width: 85%; background-color: transparent; color: rgba(0,0,0,0.54); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search_xs-form_item-who .group .bar { display: block; position: relative; width: 85%; } .elem-agent-search_xs-form_item-who .group .bar:before, .elem-agent-search_xs-form_item-who .group .bar:after { position: absolute; bottom: 1px; height: 2px; width: 0; background: #9B0309; content: ''; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search_xs-form_item-who .group .bar:before { left: 50%; } .elem-agent-search_xs-form_item-who .group .bar:after { right: 50%; } .elem-agent-search_xs-form_item-who .group input:focus ~ .bar:before, .elem-agent-search_xs-form_item-who .group input:focus ~ .bar:after { width: 50%; } .elem-agent-search_xs-form_item-who .group .highlight { position: absolute; left: 0; opacity: 0.5; width: 100px; pointer-events: none; } .elem-agent-search_xs-form_item-who .group input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-search_xs-form_item-who .group from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-who .group to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-search_xs-form_item-who .group from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-who .group to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-search_xs-form_item-who .group from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-who .group to { width: 0; background: transparent; } } .elem-agent-search_xs-form_item-who span.label { display: inline-block; width: 20%; color: rgba(0,0,0,0.54); line-height: 29px; vertical-align: bottom; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search_xs-form_item-who { padding: 0 6.4px; } .elem-agent-search_xs-form_item-who a.icon-oth_arrow_down { height: 20.8px; } .elem-agent-search_xs-form_item-who .group .highlight { width: 80px; } .elem-agent-search_xs-form_item-who span.label { line-height: 23.2px; } } .elem-agent-search_xs-form_item-what-amount_slider { padding: 8px; padding-left: 16px; } .elem-agent-search_xs-form_item-what-amount_slider .ui-slider { display: inline-block; margin-bottom: -4px; width: 120px; border: none; border-top: 1px solid rgba(0,0,0,0.26); border-radius: 0; } .elem-agent-search_xs-form_item-what-amount_slider .ui-slider-handle { top: -6px; border: 0; border-radius: 100%; height: 12px; width: 12px; background: none; background-color: #bdbdbd; color: #bdbdbd; } .elem-agent-search_xs-form_item-what-amount_slider .ui-state-active { background: none; background-color: #757575; color: #757575; } .elem-agent-search_xs-form_item-what-amount_slider .ui-slider.attention { border-color: #9B0309; } .elem-agent-search_xs-form_item-what-amount_slider .ui-slider.attention .ui-slider-handle { background-color: #9B0309; color: #9B0309; } .elem-agent-search_xs-form_item-what-amount_slider .ui-slider.attention .ui-state-active { background-color: #9B0309; color: #9B0309; } .elem-agent-search_xs-form_item-what-amount_slider .group { display: inline-block; margin-left: 8px; width: 30px; } .elem-agent-search_xs-form_item-what-amount_slider .group input { border: none; width: 100% !important; } .elem-agent-search_xs-form_item-what-amount_slider label { display: inline-block; padding-left: 16px; vertical-align: bottom; color: rgba(0,0,0,0.87); } @media only screen and (max-width: 767px) { .elem-agent-search_xs-form_item-what-amount_slider { padding: 8px; padding-left: 16px; } .elem-agent-search_xs-form_item-what-amount_slider .ui-slider { margin-bottom: -4px; width: 100px; } .elem-agent-search_xs-form_item-what-amount_slider .ui-slider-handle { top: -6px; height: 12px; width: 12px; } .elem-agent-search_xs-form_item-what-amount_slider .group { margin-left: 8px; width: 30px; } .elem-agent-search_xs-form_item-what-amount_slider label { padding-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search_xs-form_item-what-amount_slider { padding: 8px; padding-left: 16px; } .elem-agent-search_xs-form_item-what-amount_slider .ui-slider { margin-bottom: -4px; width: 120px; } .elem-agent-search_xs-form_item-what-amount_slider .ui-slider-handle { top: -6px; height: 12px; width: 12px; } .elem-agent-search_xs-form_item-what-amount_slider .group { margin-left: 8px; width: 30px; } .elem-agent-search_xs-form_item-what-amount_slider label { padding-left: 16px; } } .elem-agent-search_xs-form_item-what-checkbox { display: inline-block; position: relative; padding: 4px; height: 48px !important; width: 32%; } .elem-agent-search_xs-form_item-what-checkbox .disabled { color: rgba(0,0,0,0.26) !important; background-color: transparent; } .elem-agent-search_xs-form_item-what-checkbox p { padding-top: 8px; padding-left: 40px; padding-bottom: 8px; } .elem-agent-search_xs-form_item-what-checkbox input[type=checkbox] { display: none; } .elem-agent-search_xs-form_item-what-checkbox #check-awesome { position: relative; } .elem-agent-search_xs-form_item-what-checkbox label { cursor: pointer; } .elem-agent-search_xs-form_item-what-checkbox label img { border-radius: 100%; margin-right: 8px; height: 14px; width: 14px; } .elem-agent-search_xs-form_item-what-checkbox label span { display: block; position: absolute; top: 3px; left: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .elem-agent-search_xs-form_item-what-checkbox label .circle { background: transparent; left: -22px; top: -5px; height: 48px; width: 48px; z-index: -1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .elem-agent-search_xs-form_item-what-checkbox label .box { border: 1px solid rgba(0,0,0,0.26); height: 28px; width: 28px; z-index: 888; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .elem-agent-search_xs-form_item-what-checkbox label .check { top: 3px; right: 106px; width: 14px; height: 28px; border: 2px solid #9B0309; border-top: none; border-left: none; opacity: 0; z-index: 888; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .elem-agent-search_xs-form_item-what-checkbox label .circle { -webkit-animation: growCircle 0.3s ease; -moz-animation: growCircle 0.3s ease; animation: growCircle 0.3s ease; } .elem-agent-search_xs-form_item-what-checkbox input[type=checkbox]:checked ~ label .box { opacity: 0; -webkit-transform: scale(0) rotate(-180deg); -moz-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } .elem-agent-search_xs-form_item-what-checkbox input[type=checkbox]:checked ~ label .check { opacity: 1; -webkit-transform: scale(1) rotate(45deg); -moz-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } @-webkit-keyframes growCircle { .elem-agent-search_xs-form_item-what-checkbox 0%, .elem-agent-search_xs-form_item-what-checkbox 100% { -webkit-transform: scale(0); } .elem-agent-search_xs-form_item-what-checkbox 70% { background: #000; -webkit-transform: scale(1.25); } } @-moz-keyframes growCircle { .elem-agent-search_xs-form_item-what-checkbox 0%, .elem-agent-search_xs-form_item-what-checkbox 100% { -moz-transform: scale(0); } .elem-agent-search_xs-form_item-what-checkbox 70% { background: #000; -moz-transform: scale(1.25); } } @keyframes growCircle { .elem-agent-search_xs-form_item-what-checkbox 0%, .elem-agent-search_xs-form_item-what-checkbox 100% { transform: scale(0); } .elem-agent-search_xs-form_item-what-checkbox 70% { background: #000; transform: scale(1.25); } } @media only screen and (max-width: 767px) { .elem-agent-search_xs-form_item-what-checkbox { width: 49%; } } .elem-agent-search_xs-form_item-what-fincas { display: inline-block; } .elem-agent-search_xs-form_item-what-popup { margin: 0; } .elem-agent-search_xs-form_item-what-popup .card-inner { position: relative; overflow: hidden; } .elem-agent-search_xs-form_item-what-popup .card-inner .icon-oth_close { position: absolute; top: 8px; right: 8px; font-size: 2em; color: rgba(0,0,0,0.26); } .elem-agent-search_xs-form_item-what-popup .card-inner .popup-body { padding: 8px; } .elem-agent-search_xs-form_item-what-popup .card-inner .popup-body h2 { padding: 8px; } .elem-agent-search_xs-form_item-what-popup .card-inner .popup-body .filters { padding: 0 4px; } .elem-agent-search_xs-form_item-what-popup .card-inner .popup-footer { padding: 8px; height: 53px; } .elem-agent-search_xs-form_item-what-popup .card-inner .popup-footer .listing-hint { display: inline-block; padding: 8px; color: #9B0309; } @media only screen and (max-width: 767px) { .elem-agent-search_xs-form_item-what-popup .card-inner .icon-oth_close { top: 5.6px; right: 5.6px; } .elem-agent-search_xs-form_item-what-popup .card-inner .popup-body { padding: 5.6px; } .elem-agent-search_xs-form_item-what-popup .card-inner .popup-body h2 { padding: 5.6px; } .elem-agent-search_xs-form_item-what-popup .card-inner .popup-body .filters { padding: 0 2.8px; } .elem-agent-search_xs-form_item-what-popup .card-inner .popup-footer { padding: 5.6px; height: 37.1px; } .elem-agent-search_xs-form_item-what-popup .card-inner .popup-footer .listing-hint { padding: 5.6px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search_xs-form_item-what-popup .card-inner .icon-oth_close { top: 6.4px; right: 6.4px; } .elem-agent-search_xs-form_item-what-popup .card-inner .popup-body { padding: 6.4px; } .elem-agent-search_xs-form_item-what-popup .card-inner .popup-body h2 { padding: 6.4px; } .elem-agent-search_xs-form_item-what-popup .card-inner .popup-body .filters { padding: 0 3.2px; } .elem-agent-search_xs-form_item-what-popup .card-inner .popup-footer { padding: 6.4px; height: 42.4px; } .elem-agent-search_xs-form_item-what-popup .card-inner .popup-footer .listing-hint { padding: 6.4px; } } .elem-agent-search_xs-form_item-when-calendar { position: relative; height: 270px; } .elem-agent-search_xs-form_item-when-calendar a.icon { position: absolute; top: 16px; font-size: 2.6em; color: rgba(0,0,0,0.54); } .elem-agent-search_xs-form_item-when-calendar a.prev { left: 0; } .elem-agent-search_xs-form_item-when-calendar a.next { right: 0; } .elem-agent-search_xs-form_item-when-calendar div.calendar-outer { position: absolute; top: 4px; left: 50%; margin-left: -329px; padding-top: 16px; padding-right: 8px; padding-left: 8px; height: 238px; width: 658px; } .elem-agent-search_xs-form_item-when-calendar div.calendar-outer ul.calendar { width: 980px; } @media only screen and (max-width: 767px) { .elem-agent-search_xs-form_item-when-calendar { height: 270px; } .elem-agent-search_xs-form_item-when-calendar a.icon { top: 16px; } .elem-agent-search_xs-form_item-when-calendar div.calendar-outer { overflow: hidden; position: absolute; top: 0; left: 50%; margin-left: -116px; padding-top: 16px; padding-right: 8px; height: 238px; width: 232px; } .elem-agent-search_xs-form_item-when-calendar div.calendar-outer ul.calendar { width: 1600px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search_xs-form_item-when-calendar a.icon { top: 16px; } } .elem-agent-search_xs-form_item-when-input { display: inline-block; width: 100%; } .elem-agent-search_xs-form_item-when-input .group { position: relative; padding: 8px 0; } .elem-agent-search_xs-form_item-when-input input { font-size: 12px; display: block; width: 100%; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); background-color: transparent; color: rgba(0,0,0,0.87); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search_xs-form_item-when-input .bar { position: relative; display: block; width: 100%; } .elem-agent-search_xs-form_item-when-input .bar:before, .elem-agent-search_xs-form_item-when-input .bar:after { content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #9B0309; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search_xs-form_item-when-input .bar:before { left: 50%; } .elem-agent-search_xs-form_item-when-input .bar:after { right: 50%; } .elem-agent-search_xs-form_item-when-input input:focus ~ .bar:before, .elem-agent-search_xs-form_item-when-input input:focus ~ .bar:after { width: 50%; } .elem-agent-search_xs-form_item-when-input .highlight { position: absolute; width: 100px; left: 0; pointer-events: none; opacity: 0.5; } .elem-agent-search_xs-form_item-when-input input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-search_xs-form_item-when-input from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-when-input to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-search_xs-form_item-when-input from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-when-input to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-search_xs-form_item-when-input from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-when-input to { width: 0; background: transparent; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-search_xs-form_item-when-input .group { padding: 6.4px 0; } .elem-agent-search_xs-form_item-when-input .highlight { width: 80px; } } .elem-agent-search_xs-form_item-when-popup { margin: 0; } .elem-agent-search_xs-form_item-when-popup .card-inner { position: relative; overflow: hidden; padding: 8px 16px; } .elem-agent-search_xs-form_item-when-popup .card-inner .icon-oth_close { z-index: 2; position: absolute; top: 16px; right: 16px; font-size: 2em; color: rgba(0,0,0,0.26); } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body { position: relative; overflow: hidden; } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body .input { overflow: hidden; } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body .input label { padding-right: 5px; color: rgba(0,0,0,0.87); } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body .input .date { display: inline-block; } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body .input .date div.text-input { display: inline-block; } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body .input .date div.text-input input.when_input { display: inline-block; border: none; width: 160px; color: rgba(0,0,0,0.87); font-size: 1.4em; } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body .input .date div.text-input a.flat-button { display: inline-block; color: rgba(0,0,0,0.54); } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body .input .date div.text-input a.flat-button:hover, .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body .input .date div.text-input a.flat-button:active, .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body .input .date div.text-input a.flat-button:focus { color: rgba(0,0,0,0.26); } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body .input label.caption { display: none; } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body .input .flexible { display: inline-block; padding-bottom: 4px; height: 28px; width: 270px; } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body .input .flexible div.select-box { padding: 0; } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body .input .flexible div.select-box .group { width: 120px; } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body .input .flexible div.select-box label { padding: 0; padding-bottom: 6px; height: 26px; } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body .input .flexible div.select-box select.subhead { padding: 0; padding-bottom: 4px; width: 120px; font-size: 1.4em; } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-body p.caption { padding-top: 8px; width: 389px; } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-footer { position: relative; height: 53px; } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-footer input.title { position: absolute; right: -8px; bottom: 0; } .elem-agent-search_xs-form_item-when-popup .card-inner .popup-footer .listing-hint { position: absolute; bottom: 8px; left: 0; display: inline-block; color: #9B0309; } .elem-agent-search_xs-form_item-when-calendar-day { background-color: #BDBDBD; } .elem-agent-search_xs-form_item-when-calendar-day span.date { display: inline-block; padding-top: 1px; height: 100%; width: 100%; color: white; cursor: pointer; } .elem-agent-search_xs-form_item-when-calendar-day.date.first-taken { background: #bdbdbd; background: -moz-linear-gradient(-45deg,#bdbdbd 0%,#bdbdbd 50%,#9B0309 50%,#9B0309 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#bdbdbd),color-stop(50%,#bdbdbd),color-stop(50%,#9B0309),color-stop(100%,#9B0309)); background: -webkit-linear-gradient(-45deg,#bdbdbd 0%,#bdbdbd 50%,#9B0309 50%,#9B0309 100%); background: -o-linear-gradient(-45deg,#bdbdbd 0%,#bdbdbd 50%,#9B0309 50%,#9B0309 100%); background: -ms-linear-gradient(-45deg,#bdbdbd 0%,#bdbdbd 50%,#9B0309 50%,#9B0309 100%); background: linear-gradient(135deg,#bdbdbd 0%,#bdbdbd 50%,#9B0309 50%,#9B0309 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd',endColorstr='@attention2-color',GradientType=1); } .elem-agent-search_xs-form_item-when-calendar-day.date.taken { background-color: #9B0309; } .elem-agent-search_xs-form_item-when-calendar-day.date.last-taken { background: #9B0309; background: -moz-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#bdbdbd 50%,#bdbdbd 100%); background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#9B0309),color-stop(50%,#9B0309),color-stop(50%,#bdbdbd),color-stop(100%,#bdbdbd)); background: -webkit-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#bdbdbd 50%,#bdbdbd 100%); background: -o-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#bdbdbd 50%,#bdbdbd 100%); background: -ms-linear-gradient(-45deg,#9B0309 0%,#9B0309 50%,#bdbdbd 50%,#bdbdbd 100%); background: linear-gradient(135deg,#9B0309 0%,#9B0309 50%,#bdbdbd 50%,#bdbdbd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@attention2-color',endColorstr='#bdbdbd',GradientType=1); } .elem-agent-search_xs-form_item-when-calendar-day.date:hover { background-color: #9B0309; } .elem-agent-search_xs-form_item-when-calendar-day.date.occupied { background-color: #E51C23; } .elem-agent-search_xs-form_item-when-calendar-day.empty { background-color: white; cursor: inherit; } .elem-agent-search_xs-form_item-when-calendar-day.empty a { cursor: inherit; } .elem-agent-search_xs-form_item-when-calendar-day.empty:hover { background-color: white; } .elem-agent-search_xs-form_item-when-calendar-month { float: left; white-space: nowrap; padding: 4px 8px; width: 216px; } .elem-agent-search_xs-form_item-when-calendar-month h1 { color: rgba(0,0,0,0.54); line-height: 100%; } .elem-agent-search_xs-form_item-when-calendar-month table tr { height: 30px; } .elem-agent-search_xs-form_item-when-calendar-month table tr th { border: 4px solid white; height: 25px; width: 30px; vertical-align: middle; font-family: 'Roboto', sans-serif; } .elem-agent-search_xs-form_item-when-calendar-month table tr th.day { height: 30px; width: 30px; color: rgba(0,0,0,0.26); } .elem-agent-search_xs-form_item-where-popup { margin: 0; } .elem-agent-search_xs-form_item-where-popup .card-inner { overflow: hidden; position: relative; } .elem-agent-search_xs-form_item-where-popup .card-inner .icon-oth_close { position: absolute; top: 8px; right: 8px; font-size: 2em; color: rgba(0,0,0,0.26); } .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head { padding: 12px 16px; padding-top: 36px; border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head input { display: inline-block; margin-top: 8px; padding-bottom: 2px; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); width: 100%; background-color: transparent; color: rgba(0,0,0,0.54); transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head .bar { display: block; position: relative; width: 85%; } .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head .bar:before, .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head .bar:after { position: absolute; bottom: 1px; height: 2px; width: 0; background: #9B0309; content: ''; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head .bar:before { left: 50%; } .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head .bar:after { right: 50%; } .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head input:focus ~ .bar:before, .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head input:focus ~ .bar:after { width: 50%; } .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head .highlight { position: absolute; left: 0; opacity: 0.5; width: 100px; pointer-events: none; } .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head to { width: 0; background: transparent; } } @keyframes inputHighlighter { .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head from { background: rgba(0,0,0,0.1); } .elem-agent-search_xs-form_item-where-popup .card-inner .popup-head to { width: 0; background: transparent; } } .elem-agent-search_xs-form_item-where-popup .card-inner .popup-body { padding: 8px; } .elem-agent-search_xs-form_item-where-popup .card-inner .popup-body h2 { padding: 8px; padding-top: 4px; color: rgba(0,0,0,0.26); } .elem-agent-search_xs-form_item-where-result_list a { display: inline-block; padding: 12px 8px; -webkit-transition: padding-left 1s ease; -moz-transition: padding-left 1s ease; -ms-transition: padding-left 1s ease; -o-transition: padding-left 1s ease; transition: padding-left 1s ease; } .elem-agent-search_xs-form_item-where-result_list a span.caption { padding-left: 16px; color: rgba(0,0,0,0.26); } .elem-agent-search_xs-form_item-where-result_list a:hover { padding-left: 16px; -webkit-transition: padding-left 1s ease; -moz-transition: padding-left 1s ease; -ms-transition: padding-left 1s ease; -o-transition: padding-left 1s ease; transition: padding-left 1s ease; } .elem-agent-search_xs-form_item-who-amount_slider { position: relative; padding: 8px; padding-left: 16px; } .elem-agent-search_xs-form_item-who-amount_slider .ui-slider { display: inline-block; margin-bottom: -8px; width: 120px; border: none; border-top: 1px solid rgba(0,0,0,0.26); border-radius: 0; } .elem-agent-search_xs-form_item-who-amount_slider .ui-slider-handle { top: -6px; border: 0; border-radius: 100%; height: 12px; width: 12px; background: none; background-color: #bdbdbd; color: #bdbdbd; } .elem-agent-search_xs-form_item-who-amount_slider .ui-state-active { background: none; background-color: #757575; color: #757575; } .elem-agent-search_xs-form_item-who-amount_slider .ui-slider.attention { border-color: #9B0309; } .elem-agent-search_xs-form_item-who-amount_slider .ui-slider.attention .ui-slider-handle { background-color: #9B0309; color: #9B0309; } .elem-agent-search_xs-form_item-who-amount_slider .ui-slider.attention .ui-state-active { background-color: #9B0309; color: #9B0309; } .elem-agent-search_xs-form_item-who-amount_slider .group { position: absolute; top: 10px; right: 12px; display: block; margin-left: 8px; width: 200px; } .elem-agent-search_xs-form_item-who-amount_slider .group i { display: inline-block; border: 1px solid rgba(0,0,0,0.12); padding: 8px; font-size: 16px; } .elem-agent-search_xs-form_item-who-amount_slider .group i.attention { color: #9B0309; } .elem-agent-search_xs-form_item-who-amount_slider .group input { border: none; padding-right: 8px; padding-left: 8px; width: 40px !important; color: rgba(0,0,0,0.87); -webkit-text-fill-color: rgba(0,0,0,0.87); opacity: 1; } .elem-agent-search_xs-form_item-who-amount_slider .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .elem-agent-search_xs-form_item-who-amount_slider label { display: inline-block; padding-right: 16px; vertical-align: bottom; color: rgba(0,0,0,0.87); } .elem-agent-search_xs-form_item-who-amount_slider label span.hint { font-size: 1em; } .elem-agent-search_xs-form_item-who-popup { margin: 0; } .elem-agent-search_xs-form_item-who-popup .card-inner { position: relative; overflow: hidden; } .elem-agent-search_xs-form_item-who-popup .card-inner .icon-oth_close { position: absolute; top: 8px; right: 8px; font-size: 2em; color: rgba(0,0,0,0.26); } .elem-agent-search_xs-form_item-who-popup .card-inner .popup-body { padding: 8px; } .elem-agent-search_xs-form_item-who-popup .card-inner .popup-footer { position: relative; padding: 8px; height: 53px; } .elem-agent-search_xs-form_item-who-popup .card-inner .popup-footer .listing-hint { display: inline-block; position: absolute; bottom: 8px; left: 8px; padding: 8px; color: #9B0309; } .elem-agent-sight-description .card-inner { overflow: hidden; padding-bottom: 2px; min-height: 867px; } .elem-agent-sight-description .card-inner h1 { padding: 12px 16px; } .elem-agent-sight-description .card-inner article.features { min-height: 164px; } .elem-agent-sight-description .card-inner article.features h2.features { padding: 12px 16px; } .elem-agent-sight-description .card-inner p.description { border-top: 1px solid rgba(0,0,0,0.12); border-bottom: 1px solid rgba(0,0,0,0.12); padding: 16px; min-height: 150px; } .elem-agent-sight-description .card-inner ul.feature_list { padding: 0 16px; } .elem-agent-sight-description .card-inner article.gallery { min-height: 392px; } .elem-agent-sight-description .card-inner article.gallery h2.gallery { border-top: 1px solid rgba(0,0,0,0.12); padding: 10px 14px; padding-bottom: 7px; } .elem-agent-sight-description .card-inner article.gallery ul.gallery { padding: 3px; } .elem-agent-sight-description .card-inner article.gallery ul.gallery li { float: left; padding: 2px; width: 231.3px; } .elem-agent-sight-description .card-inner article.gallery ul.gallery li img { height: auto; width: 100%; } @media only screen and (max-width: 767px) { .elem-agent-sight-description .card-inner { min-height: 50px; } .elem-agent-sight-description .card-inner h1 { padding: 8.4px 11.2px; } .elem-agent-sight-description .card-inner article.features { min-height: 114.8px; } .elem-agent-sight-description .card-inner article.features h2.features { padding: 8.4px 11.2px; } .elem-agent-sight-description .card-inner p.description { padding: 11.2px; min-height: 25px; } .elem-agent-sight-description .card-inner ul.feature_list { padding: 0 11.2px; } .elem-agent-sight-description .card-inner article.gallery { min-height: 265px; } .elem-agent-sight-description .card-inner article.gallery h2.gallery { padding: 7px 9.8px; padding-bottom: 4.9px; } .elem-agent-sight-description .card-inner article.gallery ul.gallery li { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-sight-description .card-inner { min-height: 783px; } .elem-agent-sight-description .card-inner h1 { padding: 9.6px 12.8px; } .elem-agent-sight-description .card-inner article.features { min-height: 131.2px; } .elem-agent-sight-description .card-inner article.features h2.features { padding: 9.6px 12.8px; } .elem-agent-sight-description .card-inner p.description { padding: 12.8px; min-height: 274px; } .elem-agent-sight-description .card-inner ul.feature_list { padding: 0 12.8px; } .elem-agent-sight-description .card-inner article.gallery { min-height: 240px; } .elem-agent-sight-description .card-inner article.gallery h2.gallery { padding: 8px 11.2px; padding-bottom: 5.6px; } .elem-agent-sight-description .card-inner article.gallery ul.gallery li { width: 157.3px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-sight-description .card-inner { min-height: 894px; } .elem-agent-sight-description .card-inner article.gallery { min-height: 235px; } .elem-agent-sight-description .card-inner article.gallery ul.gallery li { width: 208.3px; } } .elem-agent-sight-hero { position: relative; } .elem-agent-sight-hero .card { margin-top: 0; } .elem-agent-sight-hero .card-inner { border-top: none; } .elem-agent-sight-hero .hero-img { position: relative; height: 520px; width: 100%; overflow: hidden; } .elem-agent-sight-hero .hero-img h1 { position: absolute; bottom: 0; left: 0; z-index: 5; padding: 20px 24px; color: rgba(255,255,255,0.87); line-height: 100%; } .elem-agent-sight-hero .hero-img img { height: auto; width: 100%; } .elem-agent-sight-hero .hero-img a.arrow { display: inline-block; position: absolute; top: 0; right: 8px; padding: 198px 8px; } .elem-agent-sight-hero .hero-img a.arrow span { color: #ffffff; font-size: 10em; line-height: 60%; } .elem-agent-sight-hero .hero-img span.copyright { display: inline-block; position: absolute; top: 8px; right: 8px; color: white; } .elem-agent-sight-hero .hero-img span.copyright a { display: inline; color: white; } .elem-agent-sight-hero .hero-img span.copyright a:hover, .elem-agent-sight-hero .hero-img span.copyright a:active, .elem-agent-sight-hero .hero-img span.copyright a:focus { color: white; } .elem-agent-sight-hero article { position: relative; padding: 8px !important; height: 72px; } .elem-agent-sight-hero article h2 { padding: 10px 8px; color: rgba(0,0,0,0.87); } .elem-agent-sight-hero article ul { position: absolute; top: 0; left: 8px; height: 72px; } @media only screen and (max-width: 767px) { .elem-agent-sight-hero .card { margin-top: 0; } .elem-agent-sight-hero .card .card-inner { border: none; } .elem-agent-sight-hero .hero-img { height: 320px; } .elem-agent-sight-hero .hero-img h1 { padding: 14px 16.8px; font-size: 2.4em; } .elem-agent-sight-hero .hero-img a.arrow { right: 5.6px; padding: 132px 5.6px; } .elem-agent-sight-hero article { padding: 5.6px !important; height: 50.4px; } .elem-agent-sight-hero article h2 { padding: 7px 5.6px; } .elem-agent-sight-hero article ul { left: 5.6px; height: 50.4px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-sight-hero .hero-img { height: 324px; } .elem-agent-sight-hero .hero-img h1 { padding: 16px 19.2px; } .elem-agent-sight-hero .hero-img a.arrow { right: 6.4px; padding: 132px 6.4px; } .elem-agent-sight-hero article { padding: 6.4px !important; height: 57.6px; } .elem-agent-sight-hero article h2 { overflow: hidden; padding: 8px 6.4px; width: 55%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-sight-hero article ul { left: 6.4px; height: 57.6px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-sight-hero .hero-img { height: 428px; } .elem-agent-sight-hero .hero-img h1 { padding: 18px 21.6px; } .elem-agent-sight-hero .hero-img a { right: 7.2px; padding: 178.2px 7.2px; } .elem-agent-sight-hero article { padding: 7.2px !important; height: 64.8px; } .elem-agent-sight-hero article h2 { padding: 9px 7.2px; } .elem-agent-sight-hero article ul { left: 7.2px; height: 64.8px; } } .elem-agent-sight-listing_teaser .card-inner { overflow: hidden; background-color: #8C8B55; } .elem-agent-sight-listing_teaser .card-inner h1 { padding: 12px 16px; } .elem-agent-sight-listing_teaser .card-inner ul { padding: 0 4px; } .elem-agent-sight-listing_teaser .card-inner div.action-button { padding: 0 8px; } .elem-agent-sight-listing_teaser .card-inner div.action-button a.button { overflow: hidden; width: 100%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } @media only screen and (max-width: 767px) { .elem-agent-sight-listing_teaser .card-inner h1 { overflow: hidden; padding: 8.4px 11.2px; width: 100%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-sight-listing_teaser .card-inner div.action-button { padding: 0 8px; } .elem-agent-sight-listing_teaser ul li { display: none; } .elem-agent-sight-listing_teaser ul li:first-child { display: block !important; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-sight-listing_teaser .card-inner { map-height: 525px; } .elem-agent-sight-listing_teaser .card-inner h1 { overflow: hidden; padding: 9.6px 12.8px; width: 100%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-sight-listing_teaser .card-inner div.action-button { padding: 0 8px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-sight-listing_teaser .card-inner { map-height: 666px; } .elem-agent-sight-listing_teaser .card-inner h1 { overflow: hidden; padding: 9.6px 12.8px; width: 100%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .elem-agent-sight-listing_teaser .card-inner div.action-button { padding: 0 8px; } } .elem-agent-sight-map { margin: 4px 0; border-top: 1px solid rgba(0,0,0,0.12); border-bottom: 1px solid rgba(0,0,0,0.12); } .elem-agent-sight-map .container .row .map-nav { position: relative; } .elem-agent-sight-map #map { height: 632px; width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-sight-map { margin: 3.2px 0; } .elem-agent-sight-map #map { height: 505.6px; } } .elem-agent-sight-newsletter_teaser .card-inner { position: relative; padding: 12px 16px; height: 219px; overflow: hidden; } .elem-agent-sight-newsletter_teaser .card-inner h1 { padding-left: 40px; line-height: 100%; } .elem-agent-sight-newsletter_teaser .card-inner span.icon { position: absolute; top: 8px; left: 10px; font-size: 4.4em; } .elem-agent-sight-newsletter_teaser .card-inner p { padding: 8px 0; padding-bottom: 4px; line-height: 120%; } .elem-agent-sight-newsletter_teaser .card-inner input.button { margin-top: -8px; margin-right: -8px; } @media only screen and (max-width: 767px) { .elem-agent-sight-newsletter_teaser .card-inner { padding: 9.8px 11.2px; height: 144px; } .elem-agent-sight-newsletter_teaser .card-inner h1 { padding-top: 4px; padding-bottom: 24px; } .elem-agent-sight-newsletter_teaser .card-inner span.icon { top: 8.4px; left: 7px; } .elem-agent-sight-newsletter_teaser .card-inner input.button { margin-top: -5.6px; margin-right: -5.6px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-sight-newsletter_teaser .card-inner { padding: 9.6px 12.8px; height: 250px; } .elem-agent-sight-newsletter_teaser .card-inner h1 { padding-top: 4px; padding-left: 40px; } .elem-agent-sight-newsletter_teaser .card-inner span.icon { top: 20px; left: 8px; } .elem-agent-sight-newsletter_teaser .card-inner p { padding: 6.4px 0; padding-bottom: 3.2px; } .elem-agent-sight-newsletter_teaser .card-inner input.button { margin-top: -6.4px; margin-right: -6.4px; } } .elem-agent-sight-poi_teaser .card-inner { float: left; position: relative; } .elem-agent-sight-poi_teaser .card-inner h1 { padding: 12px 16px; } .elem-agent-sight-poi_teaser .card-inner a.further { position: absolute; top: 0; right: 0; padding: 16px; } .elem-agent-sight-poi_teaser .card-inner ul { overflow: hidden; padding: 2px; } .elem-agent-sight-poi_teaser div.attention-footer { display: none; } @media only screen and (max-width: 767px) { .elem-agent-sight-poi_teaser .card-inner { float: none; } .elem-agent-sight-poi_teaser .card-inner h1 { padding: 8.4px 11.2px; } .elem-agent-sight-poi_teaser .card-inner a.further { top: auto; bottom: 0; padding: 11.2px; } .elem-agent-sight-poi_teaser .card-inner ul { padding: 2px 4px; } .elem-agent-sight-poi_teaser .card-inner div.attention-footer { display: block; } .elem-agent-sight-poi_teaser .card-inner div.attention-footer a.further { display: inline-block; position: relative; top: inherit; bottom: inherit; padding: 11.2px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-sight-poi_teaser .card-inner h1 { padding: 9.6px 12.8px; } .elem-agent-sight-poi_teaser .card-inner a.further { padding: 12.8px; } } .elem-agent-sight-listing-image { display: block; position: relative; margin: 4px 0; width: 100%; } .elem-agent-sight-listing-image img { height: auto; width: 100%; } .elem-agent-sight-listing-image h1 { position: absolute; bottom: 0; left: 0; padding: 12px 16px; width: 100%; background-color: rgba(0,0,0,0.4); color: white; } @media only screen and (max-width: 767px) { .elem-agent-sight-listing-image h1 { padding: 8.4px 11.2px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-sight-listing-image h1 { padding: 9.6px 12.8px; } } .elem-agent-sight-map-one_with_tab { z-index: 3; position: absolute; top: 4px; width: auto; } .elem-agent-sight-map-one_with_tab .card-inner { width: 316px; } .elem-agent-sight-map-one_with_tab .card-inner h1 { overflow: hidden; padding: 10px 16px; width: 95%; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; text-align: left; } .elem-agent-sight-map-one_with_tab .card-inner .navi { position: relative; height: 48px; } .elem-agent-sight-map-one_with_tab .card-inner .navi .nav { position: absolute; top: 0; padding: 0 2px; height: 48px; width: 52px; background-color: #ffffff; } .elem-agent-sight-map-one_with_tab .card-inner .navi .nav a { display: inline-block; height: 48px; width: 48px; font-size: 2.4em; padding: 4px 16px !important; } .elem-agent-sight-map-one_with_tab .card-inner .navi .nav a i { width: 100%; text-align: center; } .elem-agent-sight-map-one_with_tab .card-inner .navi .nav.right { right: 0; width: 56px; } .elem-agent-sight-map-one_with_tab .card-inner .navi .nav.left { left: 0; width: 56px; } .elem-agent-sight-map-one_with_tab .card-inner .navi ul.navigation { position: absolute; left: 2px; white-space: nowrap !important; padding: 0 2px; height: 49px; } .elem-agent-sight-map-one_with_tab .card-inner .navi ul.navigation li { display: inline-block; padding: 0; height: 48px; } .elem-agent-sight-map-one_with_tab .card-inner .navi ul.navigation li a { display: inline-block; height: 48px; width: 48px; background-position: center; background-repeat: no-repeat; background-size: 24px auto; } .elem-agent-sight-map-one_with_tab .card-inner ul.list { border-top: 1px solid rgba(0,0,0,0.12); height: 307px; } .elem-agent-sight-map-one_with_tab .card-inner ul.list li.outer { display: none; } .elem-agent-sight-map-one_with_tab .card-inner ul.list li.outer ul.sub-list { padding: 8px 0; overflow: auto; height: 306px; } .elem-agent-sight-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li { position: relative; padding: 16px; height: 72px; } .elem-agent-sight-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li h2 { margin-left: 56px; line-height: 140%; color: rgba(0,0,0,0.87); } .elem-agent-sight-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li img { position: absolute; top: 16px; left: 16px; border-radius: 100%; height: 40px; width: 40px; } .elem-agent-sight-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li p { margin-left: 56px; line-height: 120%; color: rgba(0,0,0,0.54); } .elem-agent-sight-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li:hover, .elem-agent-sight-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li:active, .elem-agent-sight-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li:focus { background-color: rgba(0,0,0,0.12); } .elem-agent-sight-map-one_with_tab .card-inner ul.list li.outer.focus { display: inline-block; width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-sight-map-one_with_tab { top: 3.2px; } .elem-agent-sight-map-one_with_tab .card-inner { width: 252.8px; } .elem-agent-sight-map-one_with_tab .card-inner h1 { padding: 8px 12.8px; } .elem-agent-sight-map-one_with_tab .card-inner .navi { height: 38.4px; } .elem-agent-sight-map-one_with_tab .card-inner .navi .nav { height: 38.4px; width: 41.6px; } .elem-agent-sight-map-one_with_tab .card-inner .navi .nav a { height: 38.4px; width: 38.4px; padding: 3.2px 12.8px !important; } .elem-agent-sight-map-one_with_tab .card-inner .navi .nav.right { width: 44.8px; } .elem-agent-sight-map-one_with_tab .card-inner .navi .nav.left { width: 44.8px; } .elem-agent-sight-map-one_with_tab .card-inner .navi ul.navigation { height: 39.2px; } .elem-agent-sight-map-one_with_tab .card-inner .navi ul.navigation li { height: 38.4px; } .elem-agent-sight-map-one_with_tab .card-inner .navi ul.navigation li a { height: 38.4px; width: 38.4px; background-size: 19.2px auto; } .elem-agent-sight-map-one_with_tab .card-inner ul.list { height: 245.6px; } .elem-agent-sight-map-one_with_tab .card-inner ul.list li.outer ul.sub-list { padding: 6.4px 0; height: 244.8px; } .elem-agent-sight-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li { padding: 12.8px; height: 57.6px; } .elem-agent-sight-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li h2 { margin-left: 44.8px; } .elem-agent-sight-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li img { top: 12.8px; left: 12.8px; height: 32px; width: 32px; } .elem-agent-sight-map-one_with_tab .card-inner ul.list li.outer ul.sub-list li p { margin-left: 44.8px; } } .elem-agent-sight-map-tab_button { display: inline-block; } .elem-agent-sight-map-tab_button a { display: inline-block; padding: 8px 0; color: rgba(0,0,0,0.26); font-size: 3.4em; } .elem-agent-sight-map-tab_button a:hover { color: rgba(0,0,0,0.54); text-decoration: none; } .elem-agent-sight-map-tab_button a:active { color: rgba(0,0,0,0.54); text-decoration: none; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-sight-map-tab_button a { padding: 6.4px 0; } } .elem-agent-sight-map-tab_button.focus { color: #9B0309; } .elem-agent-sight-map-tab_button.focus a { border-bottom: 2px solid #9B0309; color: #9B0309; } .elem-agent-sight-poi-feature_icon { float: left; padding: 12px 8px; color: rgba(0,0,0,0.54); } .elem-agent-sight-poi-feature_icon span { display: block; font-size: 2em; color: rgba(0,0,0,0.54); } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-sight-poi-feature_icon { padding: 9.6px 6.4px; } } .elem-agent-sight-poi-small_feature_icon { float: left; position: relative; padding: 8px 4px; padding-left: 36px; width: 32%; color: rgba(0,0,0,0.54); } .elem-agent-sight-poi-small_feature_icon span { display: inline-block; position: absolute; top: 4px; left: 4px; font-size: 1.6em; color: rgba(0,0,0,0.54); } @media only screen and (max-width: 767px) { .elem-agent-sight-poi-small_feature_icon { padding: 5.6px 2.8px; padding-left: 25.2px; width: 49%; } .elem-agent-sight-poi-small_feature_icon span { top: 3.2px; left: 3.2px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-sight-poi-small_feature_icon { padding: 6.4px 3.2px; padding-left: 28.8px; } .elem-agent-sight-poi-small_feature_icon span { top: 3.2px; left: 3.2px; } } .elem-agent-sight-poi-teaser { position: relative; float: left; padding: 2px; } .elem-agent-sight-poi-teaser img { height: 380px; width: 501px; } .elem-agent-sight-poi-teaser h2 { position: absolute; bottom: 2px; left: 2px; padding: 12px 16px; width: 502px; background-color: rgba(0,0,0,0.4); color: white; } @media only screen and (max-width: 767px) { .elem-agent-sight-poi-teaser { display: inline-block; padding: 2px 0; width: 100%; } .elem-agent-sight-poi-teaser img { height: auto; width: 100%; } .elem-agent-sight-poi-teaser h2 { left: 0; padding: 8.4px 11.2px; width: 100%; font-size: 1.8em; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .elem-agent-sight-poi-teaser { width: 364px; } .elem-agent-sight-poi-teaser img { height: auto; width: 100%; } .elem-agent-sight-poi-teaser h2 { overflow: hidden; padding: 9.6px 12.8px; width: 360px; text-align: right; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .elem-agent-sight-poi-teaser { width: 483px; } .elem-agent-sight-poi-teaser img { height: auto; width: 100%; } .elem-agent-sight-poi-teaser h2 { overflow: hidden; padding: 9.6px 12.8px; width: 478px; text-align: right; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } } .elem-agent-success-corona_special { display: none; position: fixed; z-index: 12; -webkit-transform: translateZ(0); top: 80px; left: 50%; margin-left: -180px; } .elem-agent-success-corona_special .card { position: relative; z-index: 12; } .elem-agent-success-corona_special .card .card-inner { position: relative; padding: 16px; width: 360px; } .elem-agent-success-corona_special .card .card-inner ul { padding-left: 24px; list-style: disc; } .elem-agent-success-corona_special .card .card-inner ul li { list-style: disc; } .elem-agent-success-corona_special.active { display: block; } .elem-agent-success-favorite { display: none; position: fixed; z-index: 12; -webkit-transform: translateZ(0); top: 25%; left: 50%; } .elem-agent-success-favorite .elem-agent-success-favorite { display: block; position: relative; top: auto; left: auto; } .elem-agent-success-favorite .card { position: relative; } .elem-agent-success-favorite .card .card-inner { position: relative; padding: 16px; height: 180px; width: 360px; } .elem-agent-success-favorite .card .card-inner a.close { position: absolute; right: 7px; bottom: 8px; } @media only screen and (max-width: 767px) { .elem-agent-success-favorite { left: 1%; } } .elem-agent-success-favorite.show { display: block; } .elem-agent-success-inquiry { display: none; position: fixed; z-index: 12; -webkit-transform: translateZ(0); top: 25%; left: 50%; width: 400px; } .elem-agent-success-inquiry .card { margin: 0; } .elem-agent-success-inquiry .card .card-inner { overflow: hidden; } .elem-agent-success-inquiry .card .card-inner .popup-head { position: relative; border-bottom: 1px solid rgba(0,0,0,0.12); padding: 12px 16px; } .elem-agent-success-inquiry .card .card-inner .popup-head a.icon { position: absolute; top: 16px; right: 16px; color: rgba(0,0,0,0.26); font-size: 2em; } .elem-agent-success-inquiry .card .card-inner .popup-head a.icon:hover, .elem-agent-success-inquiry .card .card-inner .popup-head a.icon:active, .elem-agent-success-inquiry .card .card-inner .popup-head a.icon:focus { color: rgba(0,0,0,0.54); } .elem-agent-success-inquiry .card .card-inner .popup-body { padding: 12px 16px; } .elem-agent-success-inquiry .card .card-inner .popup-body ul li { display: table; padding: 8px 0; height: 40px; width: 100%; } .elem-agent-success-inquiry .card .card-inner .popup-body ul li span { display: table-cell; vertical-align: middle; width: 184px; } .elem-agent-success-inquiry .card .card-inner .popup-body ul li a { display: table-cell; vertical-align: middle; width: 184px; } .elem-agent-success-inquiry .card .card-inner .popup-body ul li a img { height: 30px; width: auto; } .elem-agent-success-inquiry .card .card-inner .popup-footer { border-top: 1px solid rgba(0,0,0,0.12); padding: 12px 8px; padding-top: 3px; height: 42px; } .elem-agent-success-inquiry.show { display: block; } .elem-agent-success-newsletter { display: none; position: fixed; z-index: 12; -webkit-transform: translateZ(0); top: 25%; left: 50%; } .elem-agent-success-newsletter .card { position: relative; z-index: 12; } .elem-agent-success-newsletter .card .card-inner { position: relative; padding: 16px; height: 180px; width: 360px; } .elem-agent-success-newsletter .card .card-inner a.close { position: absolute; right: 7px; bottom: 8px; } @media only screen and (max-width: 767px) { .elem-agent-success-newsletter { left: 1%; } } .elem-agent-success-newsletter.active { display: block; } body { z-index: 0; position: relative; background-color: #FAF6E1; font-size: 10px; font-family: 'Roboto', sans-serif; color: #9e9e9e; } @keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; } } @keyframes color { 100%, 0% { stroke: #9B0309; } 40% { stroke: #9B0309; } 66% { stroke: #9B0309; } 80%, 90% { stroke: #9B0309; } } .lb-caption { color: #999999; } .lb-caption a, .lb-caption a:hover, .lb-caption a:focus, .lb-caption a:active { color: #999999; } textarea, input { outline: none; } .no-js { display: inherit; } a { color: #9B0309; } a:hover { color: rgba(155,3,9,0.87); text-decoration: none; } a:focus { color: rgba(155,3,9,0.87); text-decoration: none; outline: none; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .fixed { position: fixed; -webkit-transform: translateZ(0); top: 0; } .text-active { display: inline-block !important; } .important { display: none; } .visible-xs { display: none; } .hidden-md { display: none; } input { -webkit-appearance: none; } @media only screen and (max-width: 767px) { .hidden-xs { display: none; } .hidden-xs { display: none; } .hidden-sm { display: none; } .no-padding-xs { padding: 0; } .visible-xs { display: block; } .hidden-md { display: inherit; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .container { width: 748px; } .breadcrumb-sm { margin-bottom: 28px; } .hidden-xs { display: inherit; } .hidden-sm { display: none; } .hidden-md { display: inherit; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .container { width: 986px; } .hidden-md { display: none; } }