@font-face {
  font-family: 'Eraser';
  font-style: normal;
  font-weight: normal;
  src: local('EraserDust'), url('erasdust.woff') format('woff');
}


@font-face {
  font-family: 'Eraser Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Eraser Regular'), url('ERDUST__.woff') format('woff');
}

html { background-color: #ffffff; font-size: 16px; }

body { font-family: "benton-sans","Segoe UI", "Helvetica Neue", "Trebuchet MS", Verdana, sans-serif; background-color: #ffffff; min-width: 320px; }

*, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; border: 0; outline: 0; -webkit-font-feature-settings: "kern" 1,"lnum" 1,"liga" 1, "ss01" 1, "tnum" 1; font-feature-settings: "kern" 1,"lnum" 1,"liga" 1, "ss01" 1, "tnum" 1; list-style: none; text-indent: 0; -webkit-tap-highlight-color: transparent; }

h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: normal; line-height: 100%; margin: 0; }

strong { font-family: inherit; font-weight: 500; }

.noscriptwarning { background-color: #f00; color: #fff; text-align: center; padding: 1rem; font-weight: 500; }

.w100p { width: 100%; }

img.shadow { border: 1px solid #f4f4f4; box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); }

.alignRight { text-align: right; }

.alignLeft { text-align: left; }

.alignCenter { text-align: center; }

.wrapper { max-width: 980px; margin-left: auto; margin-right: auto; padding-left: 0.5rem; padding-right: 0.5rem; }

.row { display: block; clear: both; margin-left: -0.5rem; margin-right: -0.5rem; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; vertical-align: top; padding-left: 0.5rem; padding-right: 0.5rem; }

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { display: inline-block; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (min-width: 768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { display: inline-block; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; } }
@media (min-width: 1069px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { display: inline-block; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }
@media (min-width: 1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { display: inline-block; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }
.spacer-xsmall { height: 1rem; }

.spacer-small { height: 2rem; }

.spacer-medium { height: 3rem; }

.spacer-large { height: 4rem; }

.spacer-xlarge { height: 5rem; }

#app-loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); color: #fff; text-align: center; z-index: 5000; display: flex; flex-direction: column; align-content: center; justify-content: center; padding-left: 2rem; padding-right: 2rem; font-size: 20px; font-weight: 200; transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); transform: scale(1.2); opacity: 0; pointer-events: none; visibility: collapse; }

#app-loading.open { visibility: visible; transform: scale(1); opacity: 1; pointer-events: all; }

#contact-form { display: block; max-width: 640px; margin-left: auto; margin-right: auto; margin-bottom: 84px; }

#app-loading:after { display: block; position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem; text-align: center; font-size: 14px; }

#app-loading img { display: block; margin-left: auto; margin-right: auto; }

#app-loading .app-loading-t1, #app-loading .app-loading-t2, #app-loading .app-loading-t3 { display: none; }

#app-loading.type1 .app-loading-t1 { display: block; }

#app-loading.type2 .app-loading-t2 { display: block; }

#app-loading.type3 .app-loading-t3 { display: block; }

#cookiebar { background-color: rgba(0, 0, 0, 0.9); color: #ccc; position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; font-size: 14px; }

#cookiebar .wrapper { position: relative; padding: 1rem; padding-right: 5rem; }

#cookiebar a { color: inherit; text-decoration: underline; cursor: pointer; }

#cookiebar button { position: absolute; right: 0; top: 0.5rem; color: #fff; cursor: pointer; margin: 0; border: 0; height: 48px; min-width: 0; padding: 0; width: 48px; min-width: 0; display: inline; }

#cookiebar button:before { content: ''; display: block; position: absolute; width: 22px; height: 1px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(-45deg); background-color: #fff; }

#cookiebar button:after { content: ''; display: block; position: absolute; width: 22px; height: 1px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); background-color: #fff; }

#cookiebar.hidden { display: none; }

nav { display: block; position: relative; z-index: 500; }

body.menu-top #header { position: fixed; top: 0; left: 0; right: 0; z-index: 2000; margin: 0; border-radius: 0; }

body.menu-bottom #header { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; margin: 0; border-radius: 0; }

nav a { display: block; /*text-transform:uppercase;*/ }

nav .menubar { height: 64px; background-color: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #ccc; -webkit-backdrop-filter: saturate(180%) blur(20px); -moz-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }

nav .menubar > ul { display: block; display: -webkit-flex; display: flex; flex-direction: row; font-size: 0; }

nav li, nav ul { list-style: none !important; }

nav .menubar > ul > li { font-size: 1rem; display: block; width: 100%; position: relative; line-height: 64px; height: 64px; color: #343434; font-weight: 400; transition: all 0.2s ease-out; border-bottom: 2px solid transparent; text-align: center; font-family: 'operetta-12'; text-transform: uppercase; }

nav .menubar > ul > li .caret { width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #343434 transparent transparent transparent; vertical-align: middle; display: inline-block; }

nav .menubar > ul > li:hover { color: #142239; }

nav .menubar > ul > li.logo { color: #000; border: none !important; }

nav .menubar > ul > li:hover .caret { border-color: #343434 transparent transparent transparent; }

nav .menubar > ul > li a { padding: 1rem 0 1rem 0; line-height: 2rem; color: inherit; text-decoration: none; }

nav .menubar > ul > li.logo a { padding: 0.5rem 0 0.5rem 0; }

nav .menubar > ul > li > ul { position: absolute; display: none; width: auto; min-width: 120px; height: auto; top: 100%; color: #333; left: 50%; background-color: rgba(50, 50, 51, 0.9); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4); border-radius: 0 0 3px 3px; transform: translateX(-50%); }

nav .menubar > ul > li > ul > li a { padding: 0.75rem; color: #fff; text-decoration: none; white-space: nowrap; text-transform: none; }

nav .menubar > ul > li > ul > li:last-child a { font-weight: 500; }

nav .menubar > ul > li > ul > li:hover { background-color: #000; }

nav .menubar > ul > li:hover > ul { display: block; }

nav .menubar-submenu { display: block; text-align: right; }

nav .menubar-submenu > ul > li { font-size: 0.85rem; display: inline-block; position: relative; line-height: 3rem; min-height: 3rem; color: #343434; font-weight: 500; transition: all 0.2s ease-out; border-bottom: 2px solid transparent; letter-spacing: 1px; }

nav .menubar-submenu > ul > li a { padding: 1rem; line-height: 1rem; color: inherit; transition: all 0.2s ease-out; text-decoration: none; opacity: 0.5; }

nav .menubar-submenu > ul > li.active a, nav .menubar-submenu > ul > li:hover a { opacity: 1; }

#header .menubar-mobile { display: none; }

.solum-contactinfo { background-color: #f1f1f1; padding: 1rem; padding-top: 4rem; padding-bottom: 4rem; text-align: center; font-size: 14px; }

.solum-contactinfo h1 { text-align: center; text-transform: uppercase; }

#footer { font-size: 14px; background-color: #fff; padding-top: 2rem; color: #333; line-height: 24px; font-weight: 400; }

#footer h2 { font-size: 20px; font-weight: 200; line-height: 1rem; height: 1rem; }

#footer h3 { font-size: 16px; font-weight: 500; line-height: 1rem; height: 1rem; text-transform: uppercase; }

#footer .collapser-content a { font-size: 14px; display: block; text-transform: uppercase; }

#footer a:hover { text-decoration: none; }

#footer .footer-lower { border-top: 1px solid #ccc; padding-top: 1rem; padding-bottom: 2rem; line-height: 1rem; margin-top: 3rem; font-size: 14px; color: #ccc; }

#footer .footer-lower a { color: #343434; }

.breadcrumbs { margin-top: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 500; font-size: 0.8rem; text-transform: uppercase; color: #777; display: none; }

.breadcrumbs a { color: inherit; text-decoration: underline; }

body.page-privacy p { margin-top: 1rem; }

#contact-slider { position: fixed; top: 50%; left: 0; width: 20rem; height: 34rem; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); z-index: 99; transform: translateX(-100%) translateY(-50%); }

#contact-slider h6 { color: #fff; font-size: 1.1rem; }

#contact-slider.isopen { transform: translateX(0%) translateY(-50%); }

#contact-slider .content { position: relative; color: #333; padding: 1rem; z-index: 2; background-color: #fff; width: 100%; height: 100%; overflow: hidden; border-radius: 0px 4px 4px 0px; box-shadow: 0px 0px 0 transparent; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

#contact-slider.isopen .content { box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.4); }

#contact-slider .content a { color: #333; }

#contact-slider .content .contact-slider-info { text-align: center; margin-top: 1rem; }

#contact-slider .content .row { margin: 0; }

#contact-slider .content label { color: inherit; }

#contact-slider .content input { color: inherit; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

#contact-slider .content textarea { height: 4rem; color: inherit; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

#contact-slider .content button { margin-top: 1rem; width: 100%; font-size: 0.8rem; text-transform: uppercase; font-weight: 500; }

#contact-slider .handle { background-color: #25A5DF; cursor: pointer; position: absolute; right: -5rem; top: calc(50% - 5rem); height: 10rem; width: 5rem; color: #fff; z-index: 1; border-radius: 0px 4px 4px 0px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); text-align: center; font-size: 2rem; font-weight: 300; display: flex; flex-direction: column; align-content: center; align-items: center; justify-content: center; flex-wrap: wrap; text-transform: uppercase; }

#contact-slider .handle svg { width: 3rem; height: 3rem; }

#contact-slider .handle span { display: block; font-size: 16px; font-weight: normal; line-height: 100%; margin-top: 20px; letter-spacing: -0.5px; padding-left: 0.5rem; padding-right: 0.5rem; width: 100%; }

.le-newsletter { background-color: #25A5DF; padding-top: 2rem; padding-bottom: 2rem; color: #fff; }

.le-newsletter * { vertical-align: top; }

.le-newsletter h1 { color: #fff !important; }

.le-newsletter h1:after { background-color: #fff !important; }

.le-newsletter button { background-color: #fff; color: #25A5DF; }

.le-newsletter #newsletterform-name, .le-newsletter #newsletterform-email { border-color: #fff; }

.le-newsletter #newsletterform-name, .le-newsletter #newsletterform-email, .le-newsletter button { width: 100%; }

.bannerBlock { display: block; position: relative; overflow: hidden; height: 100vh; max-height: 1150px; background-color: #000; }

.bannerBlock .bb-overlay { position: absolute; bottom: 0; left: 0; right: 0; top: 0; -webkit-pointer-events: none; -ms-pointer-events: none; pointer-events: none; z-index: 2; }

.bannerBlock .bb-banners { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

.bannerBlock .bb-banners .bb-banners-item { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transform: translate3d(0, 0, 0); }

.bannerBlock .bb-banners .bb-banners-item > div { position: absolute; top: -100px; left: -100px; right: -100px; bottom: -100px; padding: 100px; background-color: #f4f4f4; background-position: center center; background-size: cover; transform: translate3d(0, 0, 0); color: #fff; }

.bannerBlock .bb-banners .bb-banners-item .bb-text { text-align: center; color: inherit; height: 100%; display: flex; flex-direction: column; justify-content: center; }

.bannerBlock .bb-banners .bb-banners-item .bb-title { font-size: 40px; font-weight: 100; letter-spacing: -0.02em; font-family: 'operetta-12'; text-transform: uppercase; }

.bannerBlock .bb-banners .bb-banners-item .bb-description { font-size: 24px; font-weight: 300; }

@media (max-width: 480px) { .bannerBlock .bb-banners .bb-banners-item .bb-text { padding-top: 100px; }
  .bannerBlock .bb-banners .bb-banners-item .bb-title { font-size: 32px; }
  .bannerBlock .bb-banners .bb-banners-item .bb-description { font-size: 20px; } }
.bannerBlock .bb-banners .bb-banners-item.in { z-index: 3; }

.bannerBlock .bb-banners .bb-banners-item.in > div { transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0) scale(0.9); opacity: 0; }

.bannerBlock .bb-banners .bb-banners-item.in > div .bb-text { transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0) translateY(100px) scale(0.9); opacity: 0; }

.bannerBlock .bb-banners .bb-banners-item.inprogress { z-index: 2; }

.bannerBlock .bb-banners .bb-banners-item.inprogress > div { transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0) scale(1); opacity: 1; }

.bannerBlock .bb-banners .bb-banners-item.inprogress > div .bb-text { transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0) translateY(0px) scale(1); opacity: 1; }

.bannerBlock .bb-banners .bb-banners-item.out { z-index: 1; }

.bannerBlock .bb-banners .bb-banners-item.out > div { transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0) scale(1.2); opacity: 0; }

.bannerBlock .bb-banners .bb-banners-item.out > div .bb-text { transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0) translateY(-100px) scale(1.1); opacity: 0; }

.bannerBlock .bb-overlay .bb-controls { position: absolute; right: 1rem; bottom: 1rem; left: 1rem; line-height: 0; font-size: 0; -webkit-pointer-events: auto; -ms-pointer-events: auto; pointer-events: auto; text-align: center; }

.bannerBlock .bb-overlay .bb-goback { width: 64px; height: 64px; border-radius: 100%; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); background-color: #fff; opacity: 0.5; transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); pointer-events: auto; cursor: pointer; }

.bannerBlock .bb-overlay .bb-goforward { width: 64px; height: 64px; border-radius: 100%; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); opacity: 0.5; transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); background-color: #fff; pointer-events: auto; cursor: pointer; }

.bannerBlock .bb-overlay .bb-goback:hover, .bannerBlock .bb-overlay .bb-goforward:hover { opacity: 0.9; }

.bannerBlock .bb-overlay .bb-goback:before, .bannerBlock .bb-overlay .bb-goback:after, .bannerBlock .bb-overlay .bb-goforward:after, .bannerBlock .bb-overlay .bb-goforward:before { content: ''; position: absolute; display: block; width: 12px; height: 2px; background-color: #333; left: 50%; top: 50%; }

.bannerBlock .bb-overlay .bb-goback:before { transform-origin: left center; transform: translateX(-50%) translateY(-50%) rotate(45deg); }

.bannerBlock .bb-overlay .bb-goback:after { transform-origin: left center; transform: translateX(-50%) translateY(-50%) rotate(-45deg); }

.bannerBlock .bb-overlay .bb-goforward:before { transform-origin: right center; transform: translateX(-50%) translateY(-50%) rotate(45deg); }

.bannerBlock .bb-overlay .bb-goforward:after { transform-origin: right center; transform: translateX(-50%) translateY(-50%) rotate(-45deg); }

.bannerBlock.fullwidth .bb-overlay .bb-controls { right: 0rem; }

.bannerBlock .bb-overlay .bb-controls li { display: inline-block; margin-left: 0.25rem; margin-right: 0.25rem; width: 40px; height: 3px; border-radius: 4px; background-color: #fff; opacity: 0.5; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }

.bannerBlock .bb-overlay .bb-controls li.active { opacity: 1; }

.homeparts { margin-bottom: 2px; background-image: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%); }

.homeparts .hp-item { width: 25%; height: 200px; text-align: center; padding-top: 32px; display: inline-block; text-decoration: none; background-position: center center; background-repeat: no-repeat; background-size: 640px 200px; font-size: 20px; line-height: 20px; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); vertical-align: top; font-family: 'operetta-12'; text-transform: uppercase; }

.homeparts .hp-item small { font-size: 14px; line-height: 14px; font-weight: 500; color: #777; }

.homeparts .hp-item:hover { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); background-size: 680px 213px; }

.homeparts .hp-item.hp-light { background-color: #111111; color: #fff; }

.homeparts .hp-item.hp-1 { background-image: url(../../skins/solum/images/homepart1.png); }

.homeparts .hp-item.hp-2 { background-image: url(../../skins/solum/images/homepart1.png); }

.homeparts .hp-item.hp-3 { background-image: url(../../skins/solum/images/homepart3.png); }

.homeparts .hp-item.hp-4 { background-image: url(../../skins/solum/images/homepart4.png); }

@media (max-width: 768px) { .homeparts .hp-item { width: 50%; } }
@media (max-width: 480px) { .homeparts .hp-item { width: 100%; } }
.article { padding-bottom: 2rem; }

.article h1 { font-size: 2rem; font-weight: normal; }

.article header { padding-bottom: 2rem; }

.article time { font-size: 0.75rem; font-weight: 500; color: #777; }

.article footer { padding-top: 2rem; }

.articles { padding-bottom: 2rem; }

.articles-list a { display: block; padding: 0.5rem; background-color: #f4f4f4; margin-bottom: 0.25rem; border-radius: 3px; color: inherit; text-decoration: none; }

.articles-list a span { display: inline-block; width: 8rem; font-weight: 500; font-size: 0.8rem; }

.articles-list a:hover { background-color: #ededed; text-decoration: underline; }

h1 { font-size: 1.5rem; line-height: 2rem; font-weight: normal; margin-top: 0.5rem; margin-bottom: 1.5rem; text-align: left; }

h5 { font-size: 1.5rem; line-height: 2rem; font-weight: normal; margin-top: 0.5rem; margin-bottom: 1.5rem; text-transform: uppercase; text-align: center; color: #333; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 0.45em 0; }

a { color: inherit; text-decoration: underline; }

p { line-height: 1.618; }

ol li { line-height: 1.75rem; list-style: decimal-leading-zero; list-style-position: inside; }

ul li { line-height: 1.75rem; list-style: disc; list-style-position: inside; }

ol li ul { padding-left: 2rem; }

ol li ul li { list-style-type: disc; }

.ismobile { display: none; }

.block { display: block; }

.block.block-text { padding-top: 128px; padding-bottom: 128px; }

body.apartments .block.block-text { padding-top: 64px; padding-bottom: 64px; }

.block.block-text p { margin-bottom: 16px; }

.block.block-text .block-text .block-text-title { font-size: 32px; line-height: 1.0625; font-weight: 200; letter-spacing: -0.02em; font-family: 'operetta-12'; text-transform: uppercase; }

.block.block-text .block-text .block-text-body { font-size: 16px; line-height: 1.3334; font-weight: 300; letter-spacing: 0em; }

.block.block-image { height: 640px; /*background-image: url(../../skins/solum/images/image_placeholder_2560x1150.png);*/ background-position: center center; background-size: cover; }

.block.block-image-hero { height: 640px; /*background-image: url(../../skins/solum/images/image_placeholder_2560x900.png);*/ background-size: cover; background-position: center center; }

.block.block-image-homepage { height: 100vh !important; background-size: cover !important; }

.block .wrapper { width: 980px; height: 100%; position: relative; }

.block.block-image .block-text, .block.block-image-hero .block-text { height: 100%; width: 66.66%; position: relative; padding-top: 128px; padding-bottom: 128px; display: flex; flex-direction: column; justify-content: center; }

.block.block-image .block-text .block-text-title, .block.block-image-hero .block-text .block-text-title { font-size: 32px; line-height: 1.0625; font-weight: 200; letter-spacing: -0.02em; font-family: 'operetta-12'; text-transform: uppercase; }

.block.block-image .block-text .block-text-body, .block.block-image-hero .block-text .block-text-body { font-size: 16px; line-height: 1.3334; font-weight: 300; letter-spacing: 0em; }

.block.block-column2-image { padding-top: 4rem; padding-bottom: 4rem; }

.block.block-column2-image .block-text { margin-bottom: 4rem; }

.block.block-column2-image .block-text .block-text-title { font-size: 24px; line-height: 1.0625; font-weight: 300; letter-spacing: -0.02em; font-family: 'operetta-12'; text-transform: uppercase; }

.block.block-column2-image .block-text .block-text-body { font-size: 16px; line-height: 168% !important; letter-spacing: 0em; }

.block.sec-boy { background-image: url(../../skins/solum/images/foto1_2560x11506654.jpg?v1); color: #fff; }

.block.sec-retiredwoman { background-image: url(../../skins/solum/images/foto2_2560x11506654.jpg?v1); color: #111; }

.block.sec-family { background-image: url(../../skins/solum/images/foto3_2560x11506654.jpg?v1); color: #111; }

.block.sec-hero-apartments { background-image: url(../../skins/solum/images/foto4_2560x11506654.jpg?v1); color: #fff; }

.block.sec-grass { background-image: url(../../skins/solum/images/foto5_2560x11506654.jpg?v1); color: #fff; }

.block.block-heropricing { padding-top: 400px; background-image: url(../../skins/solum/images/foto6_2560x9006654.jpg?v1); color: #fff; }

.block.block-heroproject { background-image: url(../../skins/solum/images/foto7_2560x9006654.jpg?v1); background-position: center top; color: #fff; padding-top: 400px; }

.block.block-herogirlbed { background-image: url(../../skins/solum/images/foto13_2560x9006654.jpg?v1); color: #fff; background-position: center bottom; }

.block.sec-proj1 { background-image: url(../../skins/solum/images/foto8_2560x11506654.jpg?v1); color: #fff; }

.block.sec-proj2 { background-image: url(../../skins/solum/images/foto10_2560x11506654.jpg?v1); color: #fff; }

.block.sec-proj3 { background-image: url(../../skins/solum/images/foto9_2560x11506654.jpg?v1); color: #fff; }

.block.sec-proj4 { background-image: url(../../skins/solum/images/foto11_2560x11506654.jpg?v1); color: #fff; }

.block.sec-proj5 { background-image: url(../../skins/solum/images/foto12_2560x11506654.jpg?v1); color: #fff; }

.block.block-video { background-color: #000; color: #fff; }

.block.block-video h1 { text-align: center; font-weight: 100; font-size: 32px; font-family: 'operetta-12'; text-transform: uppercase; }

#videopromo { background-color: #000; width: 100%; height: 480px; position: relative; }

#videopromo iframe { position: absolute; height: 100%; width: 100%; }

.demo-gallery { line-height: 0; }

.demo-gallery a { display: inline-block; margin-bottom: 16px; }

.demo-gallery a figure { display: none; }

.demo-gallery img { display: block; width: 100%; }

@media (max-width: 1068px) { .block .wrapper { width: 692px; }
  .block.block-image { /*height: 835px;*/ /*background-image: url(../../skins/solum/images/image_placeholder_1068x835.png);*/ /*background-size: 1068px 835px;*/ }
  .block.block-image-hero { /*background-size: 1068px 835px;*/ }
  /*.block.sec-boy { 	background-image: url(../../skins/solum/images/foto1_1068x835.jpg?v1); } .block.sec-retiredwoman { 	background-image: url(../../skins/solum/images/foto2_1068x835.jpg?v1); } .block.sec-family { 	background-image: url(../../skins/solum/images/foto3_1068x835.jpg?v1); } .block.sec-grass { 	background-image: url(../../skins/solum/images/foto5_1068x835.jpg?v1); } .block.sec-hero-apartments { 	background-image: url(../../skins/solum/images/foto4_1068x835.jpg?v1); } .block.block-heropricing { 	background-image: url(../../skins/solum/images/foto6_1068x835.jpg?v1); }*/
  .block.block-image .block-text, .block.block-image-hero .block-text { width: 100%; }
  .block.block-image .block-text .block-text-title, .block.block-image-hero .block-text .block-text-title { font-size: 52px; line-height: 1.0772; font-weight: 200; letter-spacing: -0.01em; }
  .block.block-image .block-text .block-text-body, .block.block-image-hero .block-text .block-text-body { font-size: 24px; line-height: 1.3334; font-weight: 300; letter-spacing: 0em; } }
@media (max-width: 735px) { .block.block-simple { padding-left: 0.5rem; padding-right: 0.5rem; }
  .block .wrapper { width: 100%; }
  .block.block-image { /*height: 886px;*/ /*background-image: url(../../skins/solum/images/image_placeholder_736x886.png);*/ /*background-size: 736px 886px;
background-position: center bottom;*/ }
  .block.block-image-hero { /*height: 600px;*/ /*background-image: url(../../skins/solum/images/image_placeholder_736x886.png);*/ /*background-size: 736px 886px;
background-position: center bottom;*/ }
  /*.block.sec-boy { 	background-image: url(../../skins/solum/images/foto1_736x886.jpg); } .block.sec-retiredwoman { 	background-image: url(../../skins/solum/images/foto2_736x886.jpg); } .block.sec-family { 	background-image: url(../../skins/solum/images/foto3_736x886.jpg); } .block.sec-grass { 	background-image: url(../../skins/solum/images/foto5_736x886.jpg); } .block.sec-hero-apartments { 	background-image: url(../../skins/solum/images/foto4_736x886.jpg); } .block.block-heropricing { 	background-image: url(../../skins/solum/images/foto6_736x886.jpg); }*/
  .block.block-heroproject { background-position: left -160px top; }
  .block.block-image .block-text, .block.block-image-hero .block-text { width: 90%; margin-left: auto; margin-right: auto; }
  .block.block-image .block-text .block-text-title, .block.block-image-hero .block-text .block-text-title { font-size: 32px; line-height: 1.1; font-weight: 300; letter-spacing: 0em; }
  .block.block-image .block-text .block-text-body, .block.block-image-hero .block-text .block-text-body { font-size: 20px; }
  #footer .solum-logo { display: block; margin-bottom: 2rem; }
  #footer .collapser { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom: -1px; width: 100%; }
  #footer .collapser .collapser-header { padding-top: 1rem; line-height: 1rem; padding-bottom: 1rem; height: 3rem; padding-left: 1rem; padding-right: 1rem; position: relative; }
  #footer .collapser .collapser-header span { width: 2rem; height: 2rem; position: relative; position: absolute; right: 0.5rem; top: 0.5rem; transform: rotate(45deg); transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }
  #footer .collapser.open .collapser-header span { transform: rotate(0deg); }
  #footer .collapser .collapser-header span:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 12px; height: 1px; background-color: #343434; transform: translateX(-50%) translateY(-50%) rotate(45deg); }
  #footer .collapser .collapser-header span:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 12px; height: 1px; background-color: #343434; transform: translateX(-50%) translateY(-50%) rotate(-45deg); }
  #footer .collapser .collapser-content { display: none; padding: 1rem; line-height: 2rem; }
  #footer .collapser.open .collapser-content { display: block; }
  #footer .row { margin: 0; }
  #footer .row > div { padding: 0; }
  #footer .footer-lower { border: 0; }
  #footer .footer-lower span { clear: both; display: block; height: 1rem; } }
@media (min-width: 768px) { body.home nav .home, body.location nav .location, body.concepts nav .concepts, body.floor-plans nav .floor-plans, body.apartments nav .apartments, body.gallerie nav .gallerie { color: #142239; } }
@media (min-width: 1350px) { #contact-slider .content .col-sm-4, #contact-slider .content .col-sm-12 { width: 100%; padding: 0; display: block; } }
@media (max-width: 1350px) { #contact-slider h6 { color: #fff; font-size: 2rem; font-weight: normal; margin-bottom: 2rem; text-align: center; }
  #contact-slider .content .row { margin-left: -0.5rem; margin-right: -0.5rem; }
  #contact-slider { position: static; top: calc(50% - 190px); left: 0; width: 100%; height: auto; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); z-index: 99; transform: none !important; margin-top: 48px; }
  #contact-slider .handle { display: none; }
  #contact-slider .content { position: relative; color: #fff; padding: 20px; z-index: 2; width: 100%; height: auto; overflow: hidden; border-radius: 0; box-shadow: none; background-color: #323233; }
  #contact-slider .content button { background-color: #25A5DF; color: #fff; }
  #contact-slider .content a { color: #fff; } }
@media (max-width: 1050px) { .le-newsletter #newsletterform-name, .le-newsletter #newsletterform-email, .le-newsletter button { margin-top: 1rem; } }
@media (max-width: 1430px) { nav .menubar > ul > li:first-child { margin-left: 0; }
  #header { height: 48px; }
  #header .menubar-mobile { display: block; height: 48px; position: relative; background-color: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: saturate(180%) blur(20px); -moz-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }
  #header .menubar-mobile .menubar-mobile-toggler { width: 48px; height: 48px; padding: 0.25rem; border-radius: 0; background: none; box-shadow: none; margin: 0; display: block; position: absolute; left: 0; top: 0; border: 0; }
  #header .menubar-mobile .logo { margin-left: auto; margin-right: auto; display: block; width: 100%; text-align: center; padding-top: 6px; height: 48px; }
  #header .menubar-mobile .logo svg { display: block; width: 105px; height: 36px; }
  nav { position: fixed; top: 0; left: 0; right: 0; z-index: 999; margin: 0; height: 48px; border-radius: 0; padding-top: 0; color: #343434; }
  #header .menubar-mobile .menubar-mobile-toggler svg { width: 100%; height: 100%; }
  #header .menubar-mobile .menubar-mobile-toggler svg path { fill: #343434; }
  @keyframes menu-open { 0% { opacity: 0; }
    100% { opacity: 1; } }
  nav .menubar { display: none; max-height: 100%; position: fixed; width: 100%; top: 48px; left: 0; bottom: 0px; overflow: auto; height: auto !important; background-color: rgba(255, 255, 255, 0.9); animation-name: menu-open; animation-duration: 1s; animation-fill-mode: forwards; animation-play-state: running; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  nav.open .menubar { display: block; }
  nav .menubar > ul { display: block; }
  @keyframes nav-intro { 0% { opacity: 0; transform: translateY(-100%); }
    100% { opacity: 1; transform: translateY(0%); } }
  nav .menubar > ul > li { display: block; float: none; color: #343434; animation-name: nav-intro; animation-fill-mode: forwards; animation-play-state: running; animation-duration: 0.8s; transform: translateY(-100%); opacity: 0; }
  nav .menubar > ul > li:nth-child(1) { animation-delay: 100ms; }
  nav .menubar > ul > li:nth-child(2) { animation-delay: 150ms; }
  nav .menubar > ul > li:nth-child(3) { animation-delay: 200ms; }
  nav .menubar > ul > li:nth-child(4) { animation-delay: 250ms; }
  nav .menubar > ul > li:nth-child(5) { animation-delay: 300ms; }
  nav .menubar > ul > li:nth-child(6) { animation-delay: 350ms; }
  nav .menubar > ul > li:nth-child(7) { animation-delay: 400ms; }
  nav .menubar > ul > li:nth-child(8) { animation-delay: 450ms; }
  nav .menubar > ul > li:nth-child(9) { animation-delay: 500ms; }
  nav .menubar > ul > li:nth-child(10) { animation-delay: 550ms; }
  nav .menubar > ul > li .caret { display: none; }
  nav .menubar > ul > li > ul { position: static; display: none; width: auto; height: auto; top: auto; background-color: inherit; box-shadow: none; color: #fff; border: 0; transform: none; }
  nav .menubar > ul > li:hover ul { display: none; }
  nav .menubar > ul > li:hover, nav .menubar > ul > li > ul > li:hover { background: none; color: #142239; }
  nav .menubar > ul > li:hover > ul { color: #142239; }
  nav .menubar > ul > li > ul > li { padding-left: 1rem; }
  nav .menubar > ul > li.logo { display: none; }
  #header { position: fixed; top: 0; left: 0; right: 0; z-index: 900; }
  #header .wrapper { padding: 0; }
  nav .menubar > ul > li a { font-size: 1.2rem; line-height: 2rem; } }
@media (max-width: 480px) { .le-newsletter .row { display: none; }
  .le-newsletter.visible .row { display: block; }
  .le-newsletter h1 { position: relative; margin: 0; cursor: pointer; }
  .le-newsletter h1:before { content: ''; position: absolute; width: 12px; height: 2px; background-color: #d6d6d6; right: 12px; top: 13px; -webkit-transform-origin: left center; -webkit-transform: rotate(45deg); transform-origin: left center; transform: rotate(45deg); margin: 0; }
  .le-newsletter h1:after { content: ''; position: absolute; width: 12px; height: 2px; background-color: #d6d6d6; right: 8px; top: 13px; -webkit-transform-origin: right center; -webkit-transform: rotate(-45deg); transform-origin: right center; transform: rotate(-45deg); margin: 0; }
  .block.block-heropricing, .block.block-heroproject { padding-top: 300px; } }
@media (max-width: 768px) { .breadcrumbs { display: none; }
  .ismobile { display: block; }
  .le-newsletter .row > div { padding-left: 0px; padding-right: 0px; }
  #contact-slider { margin: 0; }
  #contact-slider .content .col { display: block; width: 100%; padding-left: 0px; padding-right: 0px; }
  .fullpage-wrapper { height: auto !important; } }
.messagetocustomer { background-color: #575656; color: #fff; text-align: center; font-size: 1rem; padding: 1.5rem; }
.tinymce *,.tinymce *:before,.tinymce *:after{box-sizing:border-box;margin:0;padding:0;border:0;outline:0;-webkit-font-feature-settings:"kern" 1, "tnum" 1;font-feature-settings:"kern" 1, "tnum" 1;list-style:none;text-indent:0}.tinymce h1,.tinymce h2,.tinymce h3,.tinymce h4,.tinymce h5,.tinymce h6{font-size:inherit;font-weight:normal;line-height:100%;margin:0}.tinymce strong{font-family:inherit;font-weight:bold}.tinymce ol li{line-height:1.75rem;list-style:decimal-leading-zero;list-style-position:inside}.tinymce ul li{line-height:1.75rem;list-style:disc;list-style-position:inside}.tinymce ol li ul{padding-left:2rem}.tinymce ol li ul li{list-style-type:disc}.tinymce h1.page-title{font-size:1.5rem;line-height:2rem;font-weight:normal;margin-top:0.5rem;margin-bottom:1.5rem;text-transform:uppercase;text-align:center;color:#23A6DF}.tinymce h1.page-title:after{content:'';display:block;margin-left:auto;margin-right:auto;clear:both;width:6rem;margin-top:1.5rem;height:1px;background-color:#23A6DF}.tinymce h2{font-size:1.2rem;font-weight:bold;margin-top:1rem}
*:focus { outline: none !important; }

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="url"] { -webkit-appearance: none; appearance: normal; background: none; width: 100%; height: 2.5rem; padding-top: 9px; padding-bottom: 9px; line-height: 20px; border: 1px solid #CCCCCC; font-size: inherit; font-family: inherit; color: inherit; -moz-box-sizing: border-box; box-sizing: border-box; transition: border-color 0.4s ease-out; position: relative; vertical-align: top; border-radius: 3px; padding-left: 0.5rem; padding-right: 0.5rem; font-weight: 300; }

input[type="text"][disabled], input[type="password"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="url"][disabled], input[readonly], textarea[readonly] { border-style: dashed; background-color: #f2f2f2; color: #d6d6d6; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

input:-ms-input-placeholder { color: #d6d6d6; }

input::-moz-placeholder { color: #d6d6d6; }

input::-webkit-input-placeholder { color: #d6d6d6; }

textarea:-ms-input-placeholder { color: #d6d6d6; }

textarea::-moz-placeholder { color: #d6d6d6; }

textarea::-webkit-input-placeholder { color: #d6d6d6; }

input[type="range"] { -webkit-appearance: none; background-color: transparent; display: block; width: 100%; margin: 0px; padding: 0px; height: 30px; overflow: visible; }

input[type="range"]::-ms-track { background-color: #CECECE; box-sizing: border-box; border: 0px; color: transparent; height: 2px; border-radius: 3px; overflow: visible; }

input[type="range"]::-moz-range-track { background-color: #CECECE; box-sizing: border-box; border: 0px; color: transparent; height: 2px; border-radius: 3px; overflow: visible; }

input[type="range"]::-webkit-slider-runnable-track { -webkit-appearance: none; background-color: #CECECE; box-sizing: border-box; border: 0px; color: transparent; height: 2px; border-radius: 3px; overflow: visible; }

input[type="range"]::-ms-thumb { box-sizing: border-box; background: #40C400; border: 0px; height: 12px; width: 12px; border-radius: 100%; overflow: visible; }

input[type="range"]:active::-ms-thumb { transform: scale(1.5); }

input[type="range"]::-moz-range-thumb { box-sizing: border-box; background: #40C400; border: 0px; height: 12px; width: 12px; border-radius: 100%; overflow: visible; }

input[type="range"]:active::-moz-range-thumb { transform: scale(1.5); }

input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; box-sizing: border-box; background: #40C400; border: 0px; height: 12px; width: 12px; margin-top: -5px; border-radius: 100%; overflow: visible; }

input[type="range"]:active::-webkit-slider-thumb { -webkit-transform: scale(1.5); }

input[type="range"]::-ms-fill-lower { box-sizing: border-box; background-color: #40C400; border-radius: 3px; height: 2px; overflow: visible; }

input[type="range"]::-ms-fill-upper { box-sizing: border-box; background-color: transparent; height: 2px; overflow: visible; }

input[type=text]:focus, input[type=password]:focus, textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="url"]:focus { border-color: #142239; border-bottom-width: 2px; padding-bottom: 8px; }

input[readonly]:focus, textarea[readonly]:focus { border-bottom-style: dotted !important; }

input[type="file"] { -moz-box-sizing: border-box; font-family: inherit; font-size: inherit; width: 100%; border-radius: 2px; -webkit-appearance: textfield; position: relative; background: none; height: 40px; cursor: pointer; border-bottom: 1px solid #d6d6d6; }

input[type=file]::-webkit-file-upload-button { width: 0; padding: 0; margin: 0; -webkit-appearance: none; border: none; line-height: 40px; height: 40px; }

x::-webkit-file-upload-button, input[type=file]:after { content: 'Procurar...'; display: block; left: calc(100% - 100px); margin: 0px; position: relative; -webkit-appearance: none; border: 0px; text-align: center; line-height: 40px; border-radius: 2px; width: 100px; height: 40px; padding: 0px; color: #fff; position: absolute; right: 0px; top: 0px; background-color: #40C400; cursor: pointer; }

input[type="file"]::-ms-value { border: 0px; margin: 0px; background: none; }

input[type="file"]::-ms-browse { border: 0px; border-radius: 2px; width: 100px; height: 40px; padding: 0px; color: #fff; background-color: #40C400; cursor: pointer; }

textarea { background: none; border: none; border: 1px solid #CCCCCC; border-radius: 3px; width: 100%; margin-bottom: 5px; resize: none; outline: none; overflow: auto; font-size: inherit; font-family: inherit; padding: 8px; line-height: 16px; color: inherit; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-touch-action: pan-y; transition: border-color 0.4s ease-out; -moz-box-sizing: border-box; box-sizing: border-box; height: 200px; max-height: 600px; }

textarea[elastic] { overflow: hidden; height: 40px; min-height: 40px; max-height: 300px; }

[disabled] { cursor: default !important; pointer-events: none; }

.le-checkbox[disabled], .le-menu[disabled], .le-listbox[disabled], .le-menu ul li[disabled] { opacity: 0.3 !important; }

[disabled] * { opacity: 1 !important; cursor: default; pointer-events: none; }

/*#######################################################################*/
/*BUTTONS*/
button, .button { background-color: #343434; height: 2.5rem; line-height: 2.5rem; text-align: center; padding: 0px; border: 2px solid #343434; cursor: pointer; display: block; color: #fff; margin: 0px; border-radius: 2px; font-weight: normal; -moz-box-sizing: border-box; box-sizing: border-box; font-family: inherit; font-size: inherit; transition: all 0.2s ease-in-out; position: relative; overflow: hidden; min-width: 2.5rem; width: 100%; font-size: 1rem; text-decoration: none; font-weight: normal; }

button.light, .button.light { border-color: #fff; color: #fff; }

button[default] { background-color: #339900 !important; }

button[disabled] { background-color: #000; opacity: 0.10; box-shadow: none; }

button > *, .button > * { background: none; transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); white-space: nowrap; }

button .text, .button .text { position: relative; padding-left: 16px; padding-right: 16px; }

button .success, .button .success { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding-left: 16px; padding-right: 16px; color: #fff; border: 0; }

button .fail, .button .fail { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding-left: 16px; padding-right: 16px; color: #fff; border: 0; }

button .processing, .button .processing { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding-left: 16px; padding-right: 16px; color: #fff; border: 0; }

button .fail, .button .fail, button .success, .button .success, button .processing, .button .processing { transform: translateY(-100%); opacity: 0; }

button.processing, .button.processing { background-color: #575661 !important; border-color: #575661 !important; }

button.fail, .button.fail { background-color: #D90000 !important; border-color: #D90000 !important; }

button.success, .button.success { background-color: #9CC520 !important; border-color: #9CC520 !important; }

button.processing .processing, .button.processing .processing { transform: translateY(0%); opacity: 1; }

button.fail .fail, .button.fail .fail { transform: translateY(0%); opacity: 1; }

button.success .success, .button.success .success { transform: translateY(0%); opacity: 1; }

button.processing .text, .button.processing .text, button.success .text, .button.success .text, button.fail .text, .button.fail .text { transform: translateY(100%); opacity: 0; }

button .fail, .button .fail { background-image: url(../../skins/alamedas/images/icon_fail.svg); background-size: contain; background-position: center center; background-repeat: no-repeat; }

button .success, .button .success { background-image: url(../../skins/alamedas/images/icon_check.svg); background-size: contain; background-position: center center; background-repeat: no-repeat; }

/*#######################################################################*/
/*RADIO*/
.le-radiooptions { width: 100%; background-color: #fff; border-radius: 2px; height: 40px; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; }

.le-radiooptions li { list-style: none; width: 100%; border: 0px; border-top: 1px solid #40C400; border-bottom: 1px solid #40C400; text-align: center; height: 40px; cursor: pointer; text-align: center; line-height: 38px; z-index: 3; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.le-radiooptions li:nth-child(2) { border-left: 1px solid #40C400; border-radius: 3px 0 0 3px; }

.le-radiooptions li:last-child { border-right: 1px solid #40C400; border-radius: 0 3px 3px 0; }

.le-radiooptions li[active] { background-color: #40C400 !important; color: #fff !important; }

/*#######################################################################*/
/*SWITCH*/
.le-switch { height: 20px; width: 42px; overflow: visible; cursor: pointer; display: inline-block; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 10px; position: relative; }

.le-switch[disabled] { opacity: 0.5 !important; }

.le-switch:before { content: ''; display: block; position: absolute; width: 34px; height: 2px; left: 4px; top: 9px; background-color: #D0CFCF; }

.le-switch[active]:before { background-color: #99CC7F; }

.le-switch header { display: block; background: #fff; float: left; height: 20px; width: 20px; position: relative; left: 0px; margin-top: px; margin-left: 0px; transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 100%; border: 1px solid #6E6E6E; }

.le-switch[active] header { left: 20px; background-color: #40C400; border-color: #40C400; }

/*#######################################################################*/
/*PROGRESSBARS*/
.le-progressbar { background-color: #B3E799; width: 100%; height: 6px; border-radius: 4px; overflow: hidden; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; color: #40C400; border: none; }

.le-progressbar::-ms-fill { border: none; }

.le-progressbar[circular] { width: 30px; height: 30px; border-radius: 100%; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; color: inherit; vertical-align: top; }

.le-progressbar[circular] i { display: block; height: inherit; width: inherit; text-align: center; line-height: 30px; font-style: normal; }

.le-progressbar[circular][isanimating]:before { content: ''; display: block; position: absolute; left: 0%; top: 0%; width: 100%; background-color: #40C400; border-radius: 100%; height: 100%; -webkit-animation-name: progressCircularAnimation; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 2s; -webkit-animation-play-state: running; -webkit-transform: scale(0); animation-name: progressCircularAnimation; animation-iteration-count: infinite; animation-duration: 2s; animation-play-state: running; transform: scale(0); }

.le-progressbar[circular][isanimating]:after { content: ''; display: block; position: absolute; -moz-box-sizing: border-box; box-sizing: border-box; left: 0px; top: 0px; width: inherit; border-radius: 100%; height: inherit; border: 2px solid transparent; border-top-color: #40C400; -webkit-animation-name: progressCircularAnimation2; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-play-state: running; animation-name: progressCircularAnimation2; animation-iteration-count: infinite; animation-duration: 1s; animation-timing-function: linear; animation-play-state: running; }

@-webkit-keyframes progressCircularAnimation { 0% { -webkit-transform: scale(0); opacity: 1; }
  50% { -webkit-transform: scale(1.5); opacity: 0; }
  100% { -webkit-transform: scale(1.5); opacity: 0; } }
@-webkit-keyframes progressCircularAnimation2 { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }
@keyframes progressCircularAnimation { 0% { transform: scale(0); opacity: 1; }
  50% { transform: scale(1.5); opacity: 0; }
  100% { transform: scale(1.5); opacity: 0; } }
@keyframes progressCircularAnimation2 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
/*#######################################################################*/
/*LISTBOX*/
.le-listbox { width: 100%; position: relative; height: 40px; overflow: visible; -moz-box-sizing: border-box; box-sizing: border-box; }

.le-listbox header, select { -webkit-appearance: none; display: block; height: 40px; width: 100%; position: relative; cursor: pointer; z-index: 4; line-height: 38px; border: 1px solid #ccc; background-color: #fff; border-radius: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; -moz-box-sizing: border-box; box-sizing: border-box; font-family: inherit; font-size: inherit; background-image: url(../../skins/solum/images/controls_listbox_arrow.svg); background-repeat: no-repeat; background-position: right center; }

select::-ms-expand { background: none; border: 0; display: none; }

.le-listbox header:before { content: ''; position: absolute; width: 12px; height: 2px; background-color: #d6d6d6; right: 12px; top: 13px; -webkit-transform-origin: left center; -webkit-transform: rotate(45deg); transform-origin: left center; transform: rotate(45deg); }

.le-listbox header:after { content: ''; position: absolute; width: 12px; height: 2px; background-color: #d6d6d6; right: 8px; top: 13px; -webkit-transform-origin: right center; -webkit-transform: rotate(-45deg); transform-origin: right center; transform: rotate(-45deg); }

.le-listbox ul { padding: 0px; margin: 0px; text-indent: 0px; list-style: none; display: block; background-color: #fff; position: relative; overflow-y: hidden; overflow-x: hidden; clear: both; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-touch-action: pan-y; border: 1px solid #d6d6d6; border-radius: 2px; font-weight: 500; height: 0px; top: -40px; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.3); visibility: collapse; }

.le-listbox[isvisible="true"] ul { visibility: visible; z-index: 999; overflow-y: auto; opacity: 1; top: -50px; }

.le-listbox ul li { display: block; list-style: none; line-height: 40px; list-style: none; padding-left: 10px; cursor: pointer; position: relative; transition: all 0.4s ease-out; -moz-box-sizing: border-box; box-sizing: border-box; }

.le-listbox ul li:hover { background-color: #ededed; }

/*#######################################################################*/
/*MENU*/
.le-menu { position: relative; height: 40px; overflow: visible; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; }

.le-menu header { float: left; height: 40px; padding-left: 8px; padding-right: 40px; width: 100%; position: relative; cursor: pointer; z-index: 4; line-height: 38px; border: 1px solid #d6d6d6; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; }

.le-menu header:before { content: ''; position: absolute; width: 12px; height: 2px; background-color: #d6d6d6; right: 12px; top: 13px; -webkit-transform-origin: left center; -webkit-transform: rotate(45deg); transform-origin: left center; transform: rotate(45deg); transition: all 0.2s ease-out; }

.le-menu header:after { content: ''; position: absolute; width: 12px; height: 2px; background-color: #d6d6d6; right: 8px; top: 13px; -webkit-transform-origin: right center; -webkit-transform: rotate(-45deg); transform-origin: right center; transform: rotate(-45deg); transition: all 0.2s ease-out; }

.le-menu ul { padding: 0px; margin: 0px; text-indent: 0px; list-style: none; display: block; background-color: #fff; position: absolute; width: 100%; overflow-y: hidden; overflow-x: hidden; clear: both; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-touch-action: pan-y; border: 1px solid #d6d6d6; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); border-radius: 0 0 2px 2px; font-weight: 500; height: 0px; top: 10px; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; visibility: collapse; }

.le-menu[isvisible="true"] ul { visibility: visible; z-index: 999; overflow-y: hidden; opacity: 1; top: 39px; }

.le-menu[isvisible="true"] header:before { top: 19px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.le-menu[isvisible="true"] header:after { top: 19px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.le-menu ul li { display: block; list-style: none; line-height: 40px; list-style: none; padding-left: 10px; cursor: pointer; position: relative; transition: all 0.2s ease-out; -moz-box-sizing: border-box; box-sizing: border-box; }

.le-menu ul li:hover { background-color: #ededed; }

/*#######################################################################*/
/*CHECKBOX*/
input[type="checkbox"] { -webkit-appearance: none; background-color: #fff; border: 2px solid #CCCCCC; border-radius: 2px; height: 20px; width: 20px; position: relative; float: left; display: block; margin-right: 10px; cursor: pointer; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; transition: all 0.3s cubic-bezier(0.515, 0.025, 0.055, 0.98); vertical-align: top; }

input[type="checkbox"]::-ms-check { background-color: #fff; border: 2px solid #CCCCCC; border-radius: 2px; height: 20px; width: 20px; display: block; cursor: pointer; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; transition: all 0.3s cubic-bezier(0.515, 0.025, 0.055, 0.98); padding: 2px; }

input[type="checkbox"]:checked { background-color: #339900; border-color: #339900; color: #fff; }

input[type="checkbox"]:checked::-ms-check { background-color: #339900; border-color: #339900; color: #fff; }

input[type="checkbox"]:checked:after { content: ''; display: block; width: 6px; height: 2px; background-color: #fff; -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; transform: rotate(45deg); position: absolute; top: 8px; left: 2px; transition: all 0.3s cubic-bezier(0.515, 0.025, 0.055, 0.98); }

input[type="checkbox"]:checked:before { content: ''; display: block; width: 13px; height: 2px; background-color: #fff; -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; transform: rotate(-45deg); position: absolute; top: 12px; left: 7px; transition: all 0.3s cubic-bezier(0.515, 0.025, 0.055, 0.98); }

label { display: block; clear: both; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: central; color: #777; min-height: 20px; line-height: 20px; margin-bottom: 5px; margin-top: 10px; font-family: 'operetta-12'; text-transform: uppercase; }

input[type="checkbox"] + label { display: inline; vertical-align: top; clear: none; margin-top: 10px; }

ul.checkbox-list li { display: block; padding-top: 6px; padding-bottom: 6px; }

/*#######################################################################*/
/*DIALOG*/
.le-dialoglock { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 9000; opacity: 0; display: none; background-color: #000; background-color: rgba(0, 0, 0, 0.5); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-box-sizing: border-box; box-sizing: border-box; }

.le-dialog { max-width: 450px; width: 100%; height:200px; background-color: #FFF; z-index: 9001; opacity: 0; top: 50%; left: 50%; border-radius: 2px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: fixed; box-shadow: 0px 19px 19px rgba(0, 0, 0, 0.3); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-box-sizing: border-box; box-sizing: border-box; }

.le-dialogcontent { height: 100%; width: 100%; position: relative; padding: 20px; -moz-box-sizing: border-box; box-sizing: border-box; color: #444; font-size: 16px; font-weight: 300; }

.le-dialogtitle { font-size: 24px; font-weight: 300; margin-bottom: 10px; -moz-box-sizing: border-box; box-sizing: border-box; }

.le-dialogcontent .le-dialog-buttons { position: absolute; bottom: 20px; right: 20px; font-size: 14px; }

.le-dialogcontent #le-dialogresult-ok { display: inline-block; padding-left: 10px; padding-right: 10px; height: 40px; line-height: 40px; font-weight: 300; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; color: #142239; cursor: pointer; }

.le-dialogcontent #le-dialogresult-yes { text-align: center; height: 40px; line-height: 40px; padding-left: 10px; padding-right: 10px; font-weight: 600; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; color: #25A5DF; cursor: pointer; display: inline-block; margin-right: 10px; }

.le-dialogcontent #le-dialogresult-no { height: 40px; text-align: center; line-height: 40px; padding-left: 10px; padding-right: 10px; font-weight: 600; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; cursor: pointer; display: inline-block; }

/*#######################################################################*/
/*TABS*/
tabs { display: block; position: relative; }

tabs tabheader { min-height: 3rem; z-index: 0; display: block; position: relative; }

tabs tabheader tabitem { background-color: #EDEDED; border-radius: 3px; list-style: none; height: 3rem; position: relative; text-align: center; font-weight: bold; padding: 0.5rem; z-index: 1; cursor: pointer; font-size: 1rem; transition: border 0.2s ease-out, color 0.2s ease-out; text-transform: uppercase; color: #AAAAAA; }

tabs tabheader tabitem[active] { background-color: #333; color: #fff; z-index: 99; }

tabs tabpanels { padding: 0px; margin: 0; list-style: none; text-indent: 0px; z-index: 1; display: block; position: relative; }

tabs tabpanels tabpanel { display: block; list-style: none; display: none; padding-top: 20px; transition: all 0.4s ease-out; }

tabs tabpanels tabpanel[active] { display: block; }
#apartmentFilters {
	margin-bottom: 2rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ccc;
	position: relative;
}
#apartmentFilters .af-item {
	display: inline-block;
	width: 24.6%;
	height: 64px;
	position: relative;
	border-right: 1px solid #ccc;
}
#apartmentFilters .af-item:last-child {
	border-right: 0;
}
#apartmentFilters .af-item .af-i-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 64px;
	overflow: hidden;
	box-shadow: 0 0 0px rgba(0,0,0,0);
	background-color: rgba(255,255,255,0);
	transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
#apartmentFilters .af-item .af-i-header {
	height:64px;
	padding: 16px 8px 16px 8px;
	line-height: 32px;
	position: relative;
	cursor: pointer;
	background-color: #fff;
}
#apartmentFilters .af-item .af-i-header .af-i-h-icon {
	width: 32px;
	height: 32px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}
#apartmentFilters .af-item .af-i-header .af-i-h-icon img {
	width: 32px;
	height: 32px;
}
#apartmentFilters .af-item .af-i-header .af-i-h-label {
	padding-left: 40px;
	line-height: 32px;
	pointer-events: none;
	font-size: 14px;
}
#apartmentFilters .af-item .af-i-header .af-i-h-arrow {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}
#apartmentFilters .af-item .af-i-header .af-i-h-arrow:before {
	content: '';
	display: block;
	width: 12px;
	height: 1px;
	background-color: #979797;
	position: absolute;
	right: 50%;
	top: 50%;
	transform-origin: right bottom;
	transform: translateY(100%) rotate(45deg);
	transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
#apartmentFilters .af-item .af-i-header .af-i-h-arrow:after {
	content: '';
	display: block;
	width: 12px;
	height: 1px;
	background-color: #979797;
	position: absolute;
	left: 50%;
	top: 50%;
	transform-origin: left bottom;
	transform: translateY(100%) rotate(-45deg);
	transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
#apartmentFilters .af-item.isopen .af-i-header .af-i-h-arrow:before {
	transform-origin: right top;
	transform: translateY(-200%) rotate(-45deg);
}
#apartmentFilters .af-item.isopen .af-i-header .af-i-h-arrow:after {
	transform-origin: left top;
	transform: translateY(-200%) rotate(45deg);
}
#apartmentFilters .af-i-list {
	font-size: 14px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: 64px;
	width: 100%;
	left:0;
	bottom:0;
}


#apartmentFilters .af-i-list .af-i-l-item {
	line-height: 24px;
	padding: 8px;
	height: 40px;
	cursor: pointer;
	opacity: 0;
	transform: translateY(100%);
	transition: transform 1s cubic-bezier(0.230, 1.000, 0.320, 1.000), opacity 1s cubic-bezier(0.230, 1.000, 0.320, 1.000), background-color 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	
}
#apartmentFilters .af-i-list .af-i-l-item:nth-child(1) { transition-delay: 100ms, 100ms, 0ms; }
#apartmentFilters .af-i-list .af-i-l-item:nth-child(2) { transition-delay: 150ms, 150ms, 0ms; }
#apartmentFilters .af-i-list .af-i-l-item:nth-child(3) { transition-delay: 200ms, 200ms, 0ms; }
#apartmentFilters .af-i-list .af-i-l-item:nth-child(4) { transition-delay: 250ms, 250ms, 0ms; }
#apartmentFilters .af-i-list .af-i-l-item:nth-child(5) { transition-delay: 300ms, 300ms, 0ms; }
#apartmentFilters .af-i-list .af-i-l-item:nth-child(6) { transition-delay: 350ms, 350ms, 0ms; }
#apartmentFilters .af-i-list .af-i-l-item:nth-child(7) { transition-delay: 400ms, 400ms, 0ms; }
#apartmentFilters .af-i-list .af-i-l-item:nth-child(8) { transition-delay: 450ms, 450ms, 0ms; }
#apartmentFilters .af-i-list .af-i-l-item:nth-child(9) { transition-delay: 500ms, 500ms, 0ms; }
#apartmentFilters .af-i-list .af-i-l-item:hover, #apartmentFilters .af-i-list .af-i-l-item:active {
	background-color: #f4f4f4;
}
#apartmentFilters .af-item.isopen {
	z-index: 400;
}
#apartmentFilters .af-item.isopen .af-i-container {
	height: calc(64px + (6 * 40px));
	background-color: rgba(255,255,255,1);
	box-shadow: 0 0 16px rgba(0,0,0,0.2);
}
#apartmentFilters .af-item.isopen .af-i-list .af-i-l-item {
	opacity: 1;
	transform: translateY(0%);
}
#apartment-itemlist {
	margin-bottom: 1rem;
}
#apartment-itemlist .apartment-empty {
	text-align: center;
padding-top: 64px;
	padding-bottom: 64px;
}
#apartment-itemlist button {
	display: block;
	border:1px solid #ccc;
	border-radius: 2px;
	width: 100%;
	background: none;
	height: 21rem;
	line-height: 1rem;
	text-align: left;
	margin-bottom: 1rem;
	background-color: #fff;
	transition: all 0.8s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
#apartment-itemlist button.sold {
	opacity: 0.5;
}
#apartment-itemlist button.hidden {
	transform: scale(0.9);
	opacity: 0;
}
#apartment-itemlist button:hover {
	box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}
#apartment-itemlist button > span {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	right: 0;
}
#apartment-itemlist button .energyclass {
	height: 1rem;
	border-radius: 1rem;
	background-color: #142239;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	line-height: 1rem;
	margin-top: 15px;
	margin-right: 1rem;
	float: right;
	width: 3rem;
	color: #fff;
	text-transform: uppercase;
}
#apartment-itemlist button .name {
	clear: both;
	padding-left: 1rem;
	font-size: 20px;
	font-weight: 200;
	line-height: 1rem;
	height: 1rem;
	color: #343434;
}
#apartment-itemlist button .floor {
	padding-left: 1rem;
	color: #808080;
	font-size: 14px;
	margin-bottom: 2rem;
}
#apartment-itemlist button .rooms {
	height: 10rem;
	padding: 1rem;
}
#apartment-itemlist button .rooms li {
	list-style: none;
	line-height: 1rem;
	height: 1rem;
	margin-bottom: 1rem;
	padding-left: 3rem;
	position: relative;
	color: #808080;
	font-weight: 300;
}
#apartment-itemlist button .rooms li strong {
	font-weight: 300;
}
#apartment-itemlist button .rooms li span {
	width: 2rem;
	display: block;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
#apartment-itemlist button .rooms li span img {
	
}
#apartment-itemlist button .price {
	line-height: 1rem;
	padding: 1rem;
	font-size: 16px;
	font-weight: 300;
	color: #142239;
	text-align: right;
	float: right;
	height: 5rem;
	display: flex;
    align-content: flex-end;
    flex-direction: column;
    justify-content: flex-end;
}
#apartment-itemlist button .price .budgetinfo {
	display: block;
	font-size: 12px;
	color: #777;
}
#apartment-itemlist button.sold .price {
	color: #808080;
}
#apartment-itemlist button .floorplan {
	height: 9rem;
	/*border-bottom: 1px solid #ccc;*/
	border-top: 1px solid #ccc;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
}
#apartment-itemlist button .goto {
	height: 3rem;
	line-height: 15px;
	padding: 1rem;
	text-align: center;
	color: #142239;
	text-decoration: underline;
	font-weight: 500;
	display: flex;
	float: left;
	font-size: 0.9rem;
	text-transform: uppercase;
	height: 5rem;
    align-content: flex-end;
    flex-direction: column;
    justify-content: flex-end;
}

.info-dialog {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1000;
	-webkit-pointer-events: none;
	pointer-events: none;
	display: none;
}
.info-dialog .info-dialog-cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
	-webkit-pointer-events: none;
	pointer-events: none;
	transition: all 0.4s cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.info-dialog.open .info-dialog-cover {
	-webkit-pointer-events: all;
	pointer-events: all;
}
.info-dialog.open .info-dialog-cover {
	background-color: rgba(0,0,0,0.5);
}
.info-dialog .info-dialog-positioner {
	width: 48px;
	height: 48px;
	position: absolute;
	right: 16px;
	bottom: 16px;
}
.info-dialog .info-dialog-container {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	overflow: hidden;
	transition: all 0.4s cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.info-dialog.open .info-dialog-container {
	width: 200vh;
	height: 200vh;
}
.info-dialog .info-dialog-container .info-dialog-content {
	position: absolute;
	left: calc(50% + 32px);
	top: calc(50% + 32px);
	transform: translateX(-100%) translateY(-100%);
	background-color: #fff;
	width: calc(100vw - 16px);
	height: auto;
	padding: 1.5rem 1rem 1rem 1rem;
	min-height: 200px;
	border-radius: 2px;
}
.info-dialog .info-dialog-container .info-dialog-content h2 {
	font-size: 20px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 2rem;
}
.info-dialog .info-dialog-container .info-dialog-content li {
	list-style: none;
	line-height: 1rem;
	height: 1rem;
	margin-bottom: 1.5rem;
	padding-left: 3rem;
	position: relative;
	color: #808080;
	font-weight: 300;
}
.info-dialog .info-dialog-container .info-dialog-content span {
	width: 2rem;
	display: block;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.info-dialog .info-dialog-toggler {
	position: absolute;
	background-color:#142239;
	width: 48px;
	height: 48px;
	border-radius: 100%;
	right: 16px;
	bottom: 16px;
	z-index: 4;
	border: 0;
	box-shadow: 0 4px 8px rgba(0,0,0,0.20);
	transition: all 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-webkit-pointer-events: all;
	pointer-events: all;
}
.info-dialog.open .info-dialog-toggler {
	transform: rotate(45deg);
}
.info-dialog .info-dialog-toggler:after {
	content: '';
	display: block;
	width: 2px;
	height: 12px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(0%) rotate(0deg);
	transition: all 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.info-dialog.open .info-dialog-toggler:after {
	height: 24px;
	background-color: #979797;
	transform: translateX(-50%) translateY(-50%) rotate(0deg);
}
.info-dialog .info-dialog-toggler:before {
	content: '';
	display: block;
	width: 2px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-400%) rotate(0deg);
	transition: all 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.info-dialog.open .info-dialog-toggler:before {
	width: 24px;
	background-color: #979797;
	transform: translateX(-50%) translateY(-50%) rotate(0deg);
}
.info-dialog.open .info-dialog-toggler {
	background-color: #fff;
	box-shadow: none;
}
#apartment-details {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
	pointer-events: none;
	overflow: hidden;
	perspective: 1000px;
}
body.apartment-details-open {
	overflow: hidden;
}
body.apartment-details-open #apartment-details {
	pointer-events: auto;
}
#apartment-details .apartment-details-cover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.8);
	opacity: 0;
	transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
body.apartment-details-open #apartment-details .apartment-details-cover {
	opacity: 1;
}
#apartment-details .apartment-details-container {
	position: absolute;
	background-color: #fff;
	width: calc(100% - 1rem);
	max-width: 928px;
	height: 736px;
	max-height: calc(100% - 96px);
	border-radius: 2px;
	left:50%;
	top: 80px;
	opacity: 0;
	transform: translateX(-50%) scale(0.8);
	overflow: hidden;
	z-index: 2;
	transition: all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
body.apartment-details-open #apartment-details .apartment-details-container {
	opacity: 1;
	transform: translateX(-50%) scale(1);
}
#apartment-details  .apartment-details-container .apartment-panel {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 56px;
	transform: translateX(100%);
	transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	background-color: #fff;
}

#apartment-details  .apartment-details-container .apartment-panel.panel1 {
	padding-top: 3.5rem;
}
#apartment-details  .apartment-details-container .apartment-panel.panel1 .efficiency {
	height: 16px;
	width: 48px;
	background-color: #142239;
	border-radius: 8px;
	text-align: center;
	line-height: 16px;
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	float: right;
	margin-right: 1rem;
	text-transform: uppercase;
}
#apartment-details  .apartment-details-container .apartment-panel.panel1 .name {
	font-size: 28px;
	padding-left: 1rem;
	line-height: 1rem;
	height: 1rem;
	margin-bottom: 1rem;
}
#apartment-details  .apartment-details-container .apartment-panel.panel1 .area {
	font-size: 16px;
	line-height: 1rem;
	height: 1rem;
	float: right;
	padding-right: 1rem;
}
#apartment-details  .apartment-details-container .apartment-panel.panel1 .sku {
	/*font-size: 14px;
	color: #808080;
	margin-left: 0.5rem;*/
}
#apartment-details  .apartment-details-container .apartment-panel.panel1 .floor {
	font-size: 16px;
	line-height: 1rem;
	height: 1rem;
	padding-left: 1rem;
	margin-top: 1rem;
}
#apartment-details  .apartment-details-container .apartment-panel.panel1 .features {
	border-top: 1px solid #ccc;
	padding: 1rem;
	margin-top: 2rem;
}
#apartment-details  .apartment-details-container .apartment-panel.panel1 .features li {
	line-height: 1rem;
	height: 1rem;
	margin-bottom: 1rem;
	padding-left: 2.5rem;
	position: relative;
}
#apartment-details  .apartment-details-container .apartment-panel.panel1 .features li span {
	width: 2rem;
	display: block;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
#apartment-details  .apartment-details-container .apartment-panel.panel1 .aditional-features {
	padding: 1rem;
	display: none;
}
#apartment-details  .apartment-details-container .apartment-panel.panel1 .budgetexplain {
	padding: 1rem;
	font-size: 14px;
}
#apartment-details  .apartment-details-container .apartment-panel.panel1 .aditional-features li {
	line-height: 1rem;
	height: 1rem;
	margin-bottom: 1rem;
}
#apartment-details  .apartment-details-container .apartment-panel.panel1 .price {
	height: 1rem;
	line-height: 1rem;
	position: absolute;
	right: 1rem;
	bottom: 2.5rem;
	font-size: 24px;
	color: #808080;
	z-index: 1;
	text-align: right;
}
#apartment-details  .apartment-details-container .apartment-panel.panel1 .price .budgetinfo {
	display: block;
	font-size: 14px;
	text-align: right;
	margin-bottom: 0.5rem;
}

#apartment-details  .apartment-details-container .apartment-panel.panel2 {
	z-index: 2;
	overflow: hidden;
}
#apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-panzoom {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
}
#apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-panzoom img {
	position: absolute;
	display: block;
	top: 0;
	left:0;
	transition: all 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
#apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-compass{
	z-index: 4;
	width: 3rem;
	height: 3rem;
	left:1rem;
	top: 1rem;
	position: absolute;
	border-radius: 100%;
	background-color: #142239;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	transition: all 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
#apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-compass span {
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
	display: block;
	position: absolute;
}
#apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-compass span img {
	width: 100%;
	height: 100%;
}
#apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-compass span.direction-n {
	transform: rotate(0deg);
}
#apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-compass span.direction-ne {
	transform: rotate(45deg);
}
#apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-compass span.direction-e {
	transform: rotate(90deg);
}
#apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-compass span.direction-se {
	transform: rotate(135deg);
}
#apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-compass span.direction-s {
	transform: rotate(180deg);
}
#apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-compass span.direction-sw {
	transform: rotate(228deg);
}
#apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-compass span.direction-w {
	transform: rotate(270deg);
}
 .floorplan-compass span.direction-nw {
	transform: rotate(315deg);
}
#apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-controls {
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
}
#apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-controls button, #apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-controls a {
	width: 2rem;
	min-width: 0;
	height: 2rem;
	border-radius: 100%;
	display: block;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
	border: 0;
	background-color: #f4f4f4;
	/*box-shadow: 0 2px 4px rgba(0,0,0,0.2);*/
	padding: 8px;
}
#apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-controls button img, #apartment-details  .apartment-details-container .apartment-panel.panel2 .floorplan-controls a img {
	display: block;
	width: 100%;
	height:100%;
}

#apartment-details  .apartment-details-container .apartment-panel.panel3 {
	/*padding: 3.5rem 1.5rem 1.5rem 1.5rem;*/
	line-height: 32px;
	font-size: 14px;
	z-index: 3;
	overflow-y: auto;
	text-align: center;
	display:flex;
	flex-direction:column;
	justify-content:space-around;
}
#apartment-details  .apartment-details-container .apartment-panel.panel3 img {
	height: auto;
	max-height: 128px;
	width: auto;
	max-width: 100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}


#apartment-details  .apartment-details-container .apartment-panel.panel4 {
z-index: 4;
}
#apartment-details  .apartment-details-container .apartment-panel.panel4 #map {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#apartment-details .apartment-details-container .apartment-panel.panel5 {
	z-index: 5;
	padding-top: 3.5rem;
}
#apartment-details .apartment-details-container .apartment-panel.panel5 .call-title {
	font-size: 32px;
	padding-left: 1rem;
	line-height: 1rem;
	height: 1rem;
	margin-bottom: 1rem;
}
#apartment-details .apartment-details-container .apartment-panel.panel5 .call-explain {
	padding-left: 1rem;
	padding-right: 1rem;
	line-height: 24px;
}
#apartment-details .apartment-details-container .apartment-panel.panel5 form {
	padding-left: 1rem;
	padding-right: 1rem;
}
#apartment-details .apartment-details-container .apartment-panel.panel5 form input, #apartment-details  .apartment-details-container .apartment-panel.panel5 form select {
	margin-bottom: 0rem;
}
#apartment-details .apartment-details-container .apartment-panel.panel5 form #contact-form-url, #apartment-details-form-url {
	display: none;
}

#apartment-details.panel1 .apartment-details-container .apartment-panel.panel1 {
	transform: translateX(0%);
}
#apartment-details.panel2 .apartment-details-container .apartment-panel.panel1, #apartment-details.panel2 .apartment-image {
	transform: translateX(-200px);
}
#apartment-details.panel2 .apartment-details-container .apartment-panel.panel2 {
	box-shadow: 0 0 64px rgba(0,0,0,0.4);
	transform: translateX(0%);
}
#apartment-details.panel3 .apartment-details-container .apartment-panel.panel2, #apartment-details.panel3  .apartment-details-container .apartment-panel.panel1 {
	transform: translateX(-200px);
}
#apartment-details.panel3 .apartment-details-container .apartment-panel.panel3 {
	box-shadow: 0 0 64px rgba(0,0,0,0.4);
	transform: translateX(0%);
}
#apartment-details.panel4  .apartment-details-container .apartment-panel.panel3, #apartment-details.panel4  .apartment-details-container .apartment-panel.panel2, #apartment-details.panel4  .apartment-details-container .apartment-panel.panel1, #apartment-details.panel4 .apartment-image {
	transform: translateX(-200px);
}
#apartment-details.panel4  .apartment-details-container .apartment-panel.panel4 {
	box-shadow: 0 0 64px rgba(0,0,0,0.4);
	transform: translateX(0%);
}
#apartment-details.panel5  .apartment-details-container .apartment-panel.panel4, #apartment-details.panel5  .apartment-details-container .apartment-panel.panel3, #apartment-details.panel5  .apartment-details-container .apartment-panel.panel2, #apartment-details.panel5  .apartment-details-container .apartment-panel.panel1, #apartment-details.panel5 .apartment-image {
	transform: translateX(-200px);
}
#apartment-details.panel5  .apartment-details-container .apartment-panel.panel5 {
	box-shadow: 0 0 64px rgba(0,0,0,0.4);
	transform: translateX(0%);
}
#apartment-details .apartment-details-container .apartment-navigation {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height:56px;
	border-top: 1px solid #ccc;
	display: flex;
	background-color: #fff;
	z-index:20;
}
#apartment-details .apartment-details-container .apartment-navigation li {
	width: 100%;
	display: flex;
	flex-direction: column;
	text-align: center;
	height: 55px;
	justify-content: center;
	align-content: center;
	align-items: center;
	border-left:1px solid #ccc;
	font-size: 12px;
	cursor: pointer;
	transition: all 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
#apartment-details .apartment-details-container .apartment-navigation li:hover {
	opacity: 0.5;
}
#apartment-details .apartment-details-container .apartment-navigation li.active {
	opacity: 0.5;
}
#apartment-details .apartment-details-container .apartment-navigation li:first-child {
	border-left: 0;
}
#apartment-details .apartment-btnclose {
	position: absolute;
	right: 0;
	top: 0;
	width: 3rem;
	height: 3rem;
	cursor: pointer;
	z-index: 10;
}
#apartment-details .apartment-btnclose:before {
	content: '';
	display: block;
	width: 112px;
	height: 112px;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateY(-50%) translateX(50%) rotate(45deg);
}
#apartment-details .apartment-btnclose span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#apartment-details .apartment-btnclose span:before {
	content: '';
	display: block;
	position: absolute;
	width: 22px;
	height: 1px;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	background-color: #979797;
}
#apartment-details .apartment-btnclose span:after {
	content: '';
	display: block;
	position: absolute;
	width: 22px;
	height: 1px;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	background-color: #979797;
}
#apartment-details .apartment-image {
	height: 208px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #000;
	background-position: center center;
	background-size: cover;
	transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
#apartment-details .apartment-details-container .apartment-navigation li:nth-child(3) {
	display: none;
}
@media (min-width:768px) {
	#apartment-details  .apartment-details-container .apartment-panel.panel1 {
		width: 50%;
		border-right: 1px solid #ccc;
		top: 208px;
	}
	#apartment-details  .apartment-details-container .apartment-panel.panel3 {
		width: 50%;
		z-index: 1;
		top: 208px;
	}
	#apartment-details.panel2  .apartment-details-container .apartment-panel.panel1, #apartment-details.panel2  .apartment-details-container .apartment-panel.panel3 {
		transform: translateX(-200px);
	}
	#apartment-details.panel1  .apartment-details-container .apartment-panel.panel1 {
		transform: translateX(0%);
	}
	#apartment-details.panel1  .apartment-details-container .apartment-panel.panel3 {
		box-shadow: none;
		left: 50%;
		transform: translateX(0%);
	}
}
@media (max-width:1025px) {
	#apartment-details {
		z-index: 9001;
	}
	#apartment-details .apartment-details-container {
		top: 0.5rem;
		height: calc(100% - 1rem);
		max-height: none;
	}
	#apartmentFilters .af-item {
		display: block;
		width: auto;
		border: 0;
	}
	#apartmentFilters .af-item .af-i-header {
		padding: 8px;
		height: 48px;
	}
	#apartmentFilters .af-item {
		height: 48px;
	}
}
@media (max-width:767px) {
	
	#apartment-details  .apartment-details-container .apartment-panel.panel3 {
		top: 0 !important;
	}
	#apartment-details .apartment-image {
		height: 352px;
	}
	#apartment-details  .apartment-details-container .apartment-panel.panel1 {
		top: 352px;
	}
	#apartment-details  .apartment-details-container .apartment-panel.panel3 {
		top: 352px;
	}
	#apartment-itemlist button .rooms {
		height: auto;
	}
	#apartment-itemlist button .rooms li {
		display: inline-block;
		padding-left: 0;
		padding-right: 2.5rem;
		margin-bottom: 0;
		font-weight: 400;
	}
	#apartment-itemlist button .rooms li strong {
		display: none;
	}
	#apartment-itemlist button .rooms li span {
		left:auto;
		right: 0;
		text-align: left;
	}
	#apartment-itemlist button {
		height: auto;
	}
	#apartment-itemlist button > span {
		position: static;
	}
	#apartment-itemlist button .name {
		margin-bottom: 0;
	}
	#apartment-itemlist button .floorplan, #apartment-itemlist button .goto {
		display: none;
	}
	.info-dialog {
		display: block;
	}
	#apartment-itemlist button .price {
		padding: 0rem 1rem 1rem 0;
	}
}
@media (max-height:900px) {
	#apartment-details .apartment-image {
		display: none;
	}
	#apartment-details  .apartment-details-container .apartment-panel.panel1 {
		top: 0;
	}
	#apartment-details  .apartment-details-container .apartment-panel.panel3 {
		top: 0;
	}
}


.residence-popup-map {
    z-index: 9999;
    width: 100%;
    position: fixed;
    height: 100%;
    background-color: rgba(127, 127, 127, 0.56);
    top: 0;
}

.residence-popup-map .image {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: table;
    padding-top: 20px;
}
.residence-plans {
    width: 384px; 
    height: 118px; 
    background-position: center center; 
    background-repeat: no-repeat; 
    margin-right: auto; 
    margin-left: auto; 
    cursor: pointer;		
}
#opaline-map-button {
    background-image:url("../../skins/solum/images/open_opaline_map.jpg"); 
}
#jade-map-button {
    background-image:url("../../skins/solum/images/open_jade_map.jpg"); 
}
#veronese-map-button {
    background-image:url("../../skins/solum/images/open_veronese_map.jpg"); 
}
#celadon-map-button {
    background-image:url("../../skins/solum/images/open_celadon_map.jpg"); 
}
.close-button-popup {
    background-image: url('../../skins/solum/images/close-popup-pink.png');
    width: 30px;
    height: 42px;
    display: block;
    top: 0;
    position: absolute;
    text-align: right;
    right: 0;
    margin-right: -17px;
    cursor: pointer;
}

.popup-print-button {
    position: absolute;
    top: 115px;
    left: 50px;
    z-index: 999;
    cursor: pointer;
}

.row > div, .row > a {
  margin-right: -2px;
  margin-left: -2px;
}