@charset "UTF-8";
    a, body, html, input, select {
    color: #696969;
}
*, input, select {
    font-family: Roboto, sans-serif;
}
.clear:after, .scroll-fix::after {
    content: ""}
* {
    margin: 0;
    padding: 0;
}
body, html {
    width: 100%;
    height: 100vh;
    position: fixed;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
}
html {
    box-sizing: border-box;
}
body {
    -ms-touch-action: none;
    touch-action: none;
}
.btnactive {
    width:200px;
    background-color: #5D99EF;
    color: #FBFBFB; 
    border:none;
    margin-left:20px;
    margin-bottom: 1px;
    margin-left: 15px;
 font-size: 1.5em;
  z-index: 2;
  overflow: hidden;
}
.btnnormal{
    background-color: #B1B1B1;
     z-index: 2;
    color: #4B4B4B; 
    width:200px;
    border:none;
    margin-left:20px;
    margin-bottom: 1px;
   margin-left: 15px;
   overflow: hidden;
   font-size: 1.5em;
  
}

#konfigurator {
    width: 100%;
    height: 100vh;
    position: relative;
}
#main-view {
    top: 75px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}
#application-bar {
    height: 75px;
}
*, :after, :before {
    box-sizing: inherit;
}
a {
    cursor: pointer;
    text-decoration: none;
}
input, select {
    font-size: 20px;
}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.hidden {
    display: none!important;
}
#construction-view, #construction-view *, #main-view, #main-view *, img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.is-selectable {
    -webkit-touch-callout: default!important;
    -webkit-user-select: text!important;
    -khtml-user-select: text!important;
    -moz-user-select: text!important;
    -ms-user-select: text!important;
    -o-user-select: text!important;
    user-select: text!important;
}
.transition {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.clear:after {
    display: table;
    clear: both;
}
.scroll-fix::after {
    width: 100%;
    height: 1px;
    background-color: transparent;
    display: block;
}


#inquiry-form input, #inquiry-form textarea {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#application-bar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 75px;
    z-index: 10000;
    background-color: #FFF;
    display: block;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    white-space: nowrap;
}
#application-bar>div.partner-logo {
    top: 0;
    left: 0;
    bottom: 0;
    float: left;
    z-index: 2;
    height: 75px;
    line-height: 75px;
}
#application-bar>div.partner-logo.right-position {
    float: right;
    -webkit-transform: translateX(0)!important;
    -moz-transform: translateX(0)!important;
    -ms-transform: translateX(0)!important;
    -o-transform: translateX(0)!important;
    transform: translateX(0)!important;
}
#application-bar>div.right-container.right-position {
    position: relative;
    display: inline-block;
    float: right;
    border-right: 1px solid rgba(128, 128, 128, .25);
}
#application-bar>div.partner-logo.right-position>a>img.logo-image, #application-bar>div.partner-logo.right-position>img.logo-image {
    padding-left: 20px!important;
}
#application-bar>div.partner-logo>a>img.logo-image, #application-bar>div.partner-logo>img.logo-image {
    display: none;
    padding: 12px 20px;
    height: 75px;
    border: none;
    outline: 0;
}
#application-bar>div.partner-logo.right-position>a>img.logo-image, #application-bar>div.partner-logo.right-position>img.logo-image {
    position: relative;
    max-width: 100%;
    height: auto!important;
    max-height: 75px;
    float: right;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#application-bar.image>div.partner-logo>a>img.logo-image, #application-bar.image>div.partner-logo>img.logo-image {
    display: block;
}
#application-bar>div.partner-logo>span.logo-text {
    display: none;
    padding: 0 15px 0 30px;
    font-size: 34px;
    color: #4F4F4F;
    text-shadow: -2px -2px 2px rgba(150, 150, 150, .3);
}
#application-bar.text>div.partner-logo>span.logo-text {
    display: block;
}
#application-bar>div.partner-logo>a {
    display: block;
    height: 100%;
    border: none;
    outline: 0;
}
#application-bar>div.header-label {
    display: inline-block;
    height: 75px;
    position: relative;
    white-space: nowrap;
}
#application-bar>div.right-container {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 20px 0 10px;
    z-index: 3;
    color: #4F4F4F;
    font-size: 22px;
    line-height: 75px;
    background-color: #FFF;
}
#application-bar>div.right-container:before {
    content: "";
    display: block;
    width: 40px;
    height: 75px;
    position: absolute;
    left: -40px;
    top: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, #fff 75%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(75%, #fff));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, #fff 75%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, #fff 75%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0)0, #fff 75%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0)0, #fff 75%);
}
#inside-wall>#floor, #inside-wall>#trim, #outside-wall>#stair {
    background-position: center;
    background-size: contain;
    z-index: 1;
    left: 0;
    right: 0;
    background-repeat: repeat-x;
}
#application-bar>div.right-container>.login {
    margin-right: 10px;
    border-right: solid 1px;
    display: none;
}
#application-bar>div.right-container>.login.enabled {
    display: inline-block;
}
#wall, .mobile #application-bar>div.header-label {
    display: none;
}
#application-bar>div.right-container>.login>.login-button {
    padding: 5px;
    margin-right: 10px;
    border-radius: 3px;
    background-color: #D3D3D3;
    color: #4F4F4F;
    cursor: pointer;
}
#application-bar>div.right-container>.login>.login-button:hover {
    background-color: #dedede;
}
#application-bar>div.right-container>.login>.login-name {
    margin-right: 10px;
    color: #4285F4;
}
.ui-copyright .title, .ui-impressum a, .ui-terms a {
    color: #000;
}
.mobile #application-bar {
    height: 65px;
    line-height: 65px;
    z-index: 7000;
}
.mobile #application-bar>div.partner-logo {
    height: 65px;
    line-height: 65px;
}
.mobile #application-bar>div.partner-logo>a>img.logo-image, .mobile #application-bar>div.partner-logo>img.logo-image {
    padding: 12px 20px 12px 150px;
    height: 65px;
}
.mobile #application-bar>div.partner-logo.right-position>a>img.logo-image, .mobile #application-bar>div.partner-logo.right-position>img.logo-image {
    max-height: 65px;
}
.mobile #application-bar>div.partner-logo>span.logo-text {
    padding: 0 15px 0 150px;
    font-size: 28px;
}
.mobile #application-bar>div.right-container {
    line-height: 65px;
}
.mobile #application-bar>div.right-container:before {
    height: 65px;
}
.mobile #main-view {
    top: 65px;
}
.mobile #konfigurator.opened>#application-bar>.partner-logo>a>img.logo-image, .mobile #konfigurator.opened>#application-bar>.partner-logo>img.logo-image {
    padding-left: 65px;
}
@media screen and (max-width:736px) {
    .mobile #application-bar>div.partner-logo>a>img.logo-image, .mobile #application-bar>div.partner-logo>img.logo-image {
    padding-left: 80px;
}
}@media screen and (max-width:736px)and (orientation:landscape) {
    .mobile #application-bar, .mobile #application-bar>div.partner-logo {
    height: 40px;
    line-height: 40px;
}
.mobile #application-bar>div.partner-logo>a>img.logo-image, .mobile #application-bar>div.partner-logo>img.logo-image {
    padding: 7px 20px 7px 140px;
    height: 40px;
}
.mobile #application-bar>div.partner-logo.right-position>a>img.logo-image, .mobile #application-bar>div.partner-logo.right-position>img.logo-image {
    max-height: 40px;
}
.mobile #application-bar>div.partner-logo>span.logo-text {
    padding: 0 15px 0 55px;
    font-size: 22px;
}
.mobile #application-bar>div.right-container {
    line-height: 40px;
    font-size: 18px;
}
.mobile #application-bar>div.right-container:before {
    height: 40px;
}
.mobile #main-view {
    top: 40px;
}
}@media screen and (max-width:400px)and (orientation:portrait) {
    .mobile #application-bar>div.right-container {
    left: 100%;
    right: auto;
}
.mobile #application-bar>div.right-container:before {
    width: 100px;
    left: -100px;
}
.mobile #konfigurator.opened>#application-bar>.partner-logo>a>img.logo-image, .mobile #konfigurator.opened>#application-bar>.partner-logo>img.logo-image {
    padding-left: 80px;
}
}#wall {
    width: 100%;
    height: 100%;
    position: relative;
}
#main-view.wall>#wall, #wall.inside-wall>#inside-wall, #wall.outside-wall>#outside-wall, #wall>#door {
    display: block;
}
#wall>#door {
    position: absolute;
    width: 100%;
    bottom: 65px;
    text-align: center;
    z-index: 2;
    line-height: 0;
    font-size: 0;
    white-space: nowrap;
    overflow: auto;
}
#wall>#door>#door-wrapper {
    display: inline-block;
    overflow-y: hidden;
}
#wall>#door>#door-wrapper>.garage-door {
    padding-left: 80px;
}
.mobile #wall>#door>#door-wrapper>.garage-door {
    padding-left: 50px;
}
.ios #wall>#door>#door-wrapper::after {
    height: 0;
}
#inside-wall, #outside-wall {
    width: 100%;
    height: 100%;
    background-position: center;
    display: none;
    position: relative;
}

#outside-wall>#stair {
    position: absolute;
    bottom: 0;
    height: 65px;
    background-image: url(../images/stairs.jpg);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
#inside-wall>#trim {
    position: absolute;
    bottom: 65px;
    height: 20px;
    background-image: url(../images/inner_letev.png);
    -webkit-box-shadow: 0 -5px 15px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 -5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 -5px 15px rgba(0, 0, 0, .5);
}
#inside-wall>#floor {
    position: absolute;
    bottom: 0;
    height: 65px;
    background-image: url(../images/inner-floor.jpg);
}
div.footer-container {
    position: absolute;
    right: 0;
    z-index: 5;
    bottom: 0;
    background-color: rgba(255, 255, 255, .7);
    padding: 1px 10px;
    border-top-left-radius: 4px;
}
.ui-copyright, .ui-impressum, .ui-terms, .ui-version {
    float: right;
    font-size: .7em;
    font-weight: 400;
    color: #000;
    text-shadow: 1px 1px 1px rgba(162, 162, 162, .8);
}
.ui-impressum, .ui-terms {
    padding-right: 20px;
}
.ui-brand {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 5;
}
@media screen and (max-width:736px)and (orientation:landscape) {
    #wall>#door {
    bottom: 25px;
}
#inside-wall>#floor, #outside-wall>#stair {
    height: 25px;
}
#inside-wall>#trim {
    bottom: 25px;
    height: 8px;
    -webkit-box-shadow: 0 -2px 7px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 -2px 7px rgba(0, 0, 0, .5);
    box-shadow: 0 -2px 7px rgba(0, 0, 0, .5);
}
#inside-wall, #outside-wall {
    background-size: 100px;
}
}@media screen and (max-width:415px)and (orientation:portrait) {
    #wall>#door {
    bottom: 40px;
}
#inside-wall>#floor, #outside-wall>#stair {
    height: 40px;
}
#inside-wall>#trim {
    bottom: 40px;
    height: 12px;
    -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 -2px 10px rgba(0, 0, 0, .5);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .5);
}
#inside-wall, #outside-wall {
    background-size: 180px;
}
}@media screen and (max-width:736px) {
    .ui-brand {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(.75, .75);
    -ms-transform: scale(.75, .75);
    transform: scale(.75, .75);
}
}#header {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 120;
    line-height: 65px;
    height: 65px;
    width: 100%;
    background-color: #5E5E5E;
    color: #FBFBFB;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#header>#home-btn {
    height: 100%;
    display: block;
    position: relative;
    cursor: pointer;
}
#header>#home-btn>i.sandwich {
    display: block;
    width: 24px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    left: 22px;
    position: absolute;
    z-index: 2;
}
#header>#home-btn>i.sandwich>div.line {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #FBFBFB;
}
#header>#home-btn>i.sandwich>div.line.l-1st {
    top: 0;
}
#header>#home-btn>i.sandwich>div.line.l-2nd {
    top: 50%;
    margin-top: -1px;
    left: 0;
}
#header>#home-btn>i.sandwich>div.line.l-3rd {
    bottom: 0;
}
#header>#home-btn>i.sandwich.toothpicks>div.line.l-1st {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 46%;
    top: 3px;
}
#header>#close-btn>i.cross>div.line.l-1st, #header>#home-btn>i.sandwich.toothpicks>div.line.l-3rd {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
#header>#home-btn>i.sandwich.toothpicks>div.line.l-2nd {
    left: 3px;
    width: 74%}
#header>#home-btn>i.sandwich.toothpicks>div.line.l-3rd {
    width: 46%;
    bottom: 3px;
}
#header>#home-btn>span.title {
    display: block;
    line-height: 65px;
    font-size: 26px;
    padding: 0 66px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FBFBFB;
}
#header>#home-btn>span.title:first-letter {
    text-transform: capitalize;
}
#header>#settings-btn {
    width: 66px;
    height: 100%;
    display: block;
    position: relative;
    float: right;
    cursor: default;
}
#header>#settings-btn>i.dots {
    display: block;
    width: 4px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    right: 50%;
    margin-right: -2px;
    position: absolute;
    z-index: 1;
}
#header>#settings-btn>i.dots>div.dot {
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #FBFBFB;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#header>#settings-btn:active>i.dots>div.dot {
    background-color: #76DAFD;
}
#header>#settings-btn>i.dots>div.dot.d-1st {
    top: 0;
}
#header>#settings-btn>i.dots>div.dot.d-2nd {
    top: 50%;
    margin-top: -2px;
}
#header>#settings-btn>i.dots>div.dot.d-3rd {
    bottom: 0;
}
#header>#close-btn {
    width: 66px;
    height: 100%;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}
#header>#close-btn>i.cross {
    display: block;
    width: 22px;
    height: 22px;
    top: 50%;
    margin-top: -11px;
    left: 50%;
    margin-left: -11px;
    position: absolute;
    z-index: 3;
}
#header>#close-btn>i.cross>div.line {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #FBFBFB;
    bottom: 50%}
#header>#close-btn:active>i.cross>div.line {
    background-color: #76DAFD;
}
#header>#close-btn>i.cross>div.line.l-2nd {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media screen and (max-width:736px)and (orientation:landscape) {
    #header {
    line-height: 40px;
    height: 40px;
}
#header>#home-btn>span.title {
    line-height: 40px;
    font-size: 18px;
    padding: 0 45px;
}
#header>#home-btn>i.sandwich {
    width: 19.2px;
    height: 14px;
    margin-top: -7px;
    left: 12px;
}
#header>#home-btn>i.sandwich>div.line {
    height: 2px;
}
#header>#home-btn>i.sandwich.toothpicks>div.line.l-1st {
    top: 3px;
}
#header>#home-btn>i.sandwich.toothpicks>div.line.l-3rd {
    bottom: 3px;
}
#header>#settings-btn>i.dots {
    height: 16px;
    margin-top: -8px;
}
#header>#close-btn {
    width: 44px;
}
#header>#close-btn>i.cross {
    width: 16px;
    height: 16px;
    margin-top: -7px;
    margin-left: -8px;
}
}#panel, .leaflet-bottom {
    bottom: 0;
}
#panel {
    position: absolute;
    z-index: 9000;
    top: 75px;
    left: 0;
    width: 580px;
    background-color: #EFEFEF;
    -webkit-transition: -webkit-transform .25s ease, -webkit-box-shadow .25s ease;
    -moz-transition: -moz-transform .25s ease, -moz-box-shadow .25s ease;
    -ms-transition: -ms-transform .25s ease, -ms-box-shadow .25s ease;
    -o-transition: -o-transform .25s ease, -o-box-shadow .25s ease;
    transition: transform .25s ease, box-shadow .25s ease;
    -webkit-transform: translate(-580px, 0);
    -moz-transform: translate(-580px, 0);
    -ms-transform: translate(-580px, 0);
    -o-transform: translate(-580px, 0);
    transform: translate(-580px, 0);
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
}
.leaflet-top, .mobile #panel {
    top: 0;
}
#panel.wide {
    width: 1024px;
    -webkit-transform: translate(-1024px, 0);
    -moz-transform: translate(-1024px, 0);
    -ms-transform: translate(-1024px, 0);
    -o-transform: translate(-1024px, 0);
    transform: translate(-1024px, 0);
}
#application-bar>.partner-logo, #main-view>.door-house .control-bar, #main-view>#wall>#door {
    -webkit-transition: -webkit-transform .25s ease;
    -moz-transition: -moz-transform .25s ease;
    -ms-transition: -ms-transform .25s ease;
    -o-transition: -o-transform .25s ease;
    transition: transform .25s ease;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
#main-view>#shortcut, #side-model-view {
    -ms-transition: -ms-transform .25s ease;
    -moz-transition: -moz-transform .25s ease;
    -webkit-transition: -webkit-transform .25s ease;
}
.mobile #main-view>.door-house .control-bar {
    -webkit-transform: translate(0, -65px);
    -moz-transform: translate(0, -65px);
    -ms-transform: translate(0, -65px);
    -o-transform: translate(0, -65px);
    transform: translate(0, -65px);
}
#main-view>#shortcut {
    -o-transition: -o-transform .25s ease;
    transition: transform .25s ease;
    -webkit-transform: translate(200px, 0);
    -moz-transform: translate(200px, 0);
    -ms-transform: translate(200px, 0);
    -o-transform: translate(200px, 0);
    transform: translate(200px, 0);
}
#konfigurator.opened>#panel, #konfigurator.opened>#panel.wide {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-box-shadow: 3px 0 50px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 3px 0 50px 0 rgba(0, 0, 0, .3);
    box-shadow: 3px 0 50px 0 rgba(0, 0, 0, .3);
}
#konfigurator.opened>#main-view>#wall>#door {
    -webkit-transform: translate(290px, 0);
    -moz-transform: translate(290px, 0);
    -ms-transform: translate(290px, 0);
    -o-transform: translate(290px, 0);
    transform: translate(290px, 0);
}
.mobile #konfigurator.opened>#application-bar>.partner-logo {
    -webkit-transform: translate(580px, 0);
    -moz-transform: translate(580px, 0);
    -ms-transform: translate(580px, 0);
    -o-transform: translate(580px, 0);
    transform: translate(580px, 0);
}
#konfigurator.opened>#main-view>.door-house .control-bar {
    -webkit-transform: translate(600px, -45px);
    -moz-transform: translate(600px, -45px);
    -ms-transform: translate(600px, -45px);
    -o-transform: translate(600px, -45px);
    transform: translate(600px, -45px);
}
#konfigurator.opened>#main-view>#shortcut:not(.menu) {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
@media screen and (max-width:1200px) {
    #konfigurator>#panel {
    width: 430px;
    -webkit-transform: translate(-430px, 0);
    -moz-transform: translate(-430px, 0);
    -ms-transform: translate(-430px, 0);
    -o-transform: translate(-430px, 0);
    transform: translate(-430px, 0);
}
#konfigurator>#panel.wide {
    width: 1024px;
    -webkit-transform: translate(-1024px, 0);
    -moz-transform: translate(-1024px, 0);
    -ms-transform: translate(-1024px, 0);
    -o-transform: translate(-1024px, 0);
    transform: translate(-1024px, 0);
}
#konfigurator.opened>#main-view>#wall>#door {
    -webkit-transform: translate(215px, 0);
    -moz-transform: translate(215px, 0);
    -ms-transform: translate(215px, 0);
    -o-transform: translate(215px, 0);
    transform: translate(215px, 0);
}
.mobile #konfigurator.opened>#application-bar>.partner-logo {
    -webkit-transform: translate(390px, 0);
    -moz-transform: translate(390px, 0);
    -ms-transform: translate(390px, 0);
    -o-transform: translate(390px, 0);
    transform: translate(390px, 0);
}
#konfigurator.opened>#main-view>.door-house .control-bar {
    -webkit-transform: translate(450px, -45px);
    -moz-transform: translate(450px, -45px);
    -ms-transform: translate(450px, -45px);
    -o-transform: translate(450px, -45px);
    transform: translate(450px, -45px);
}
}@media screen and (max-width:1024px) {
    #konfigurator>#panel.wide {
    width: 95%;
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}
}@media screen and (max-width:736px)and (orientation:landscape) {
    .mobile #konfigurator.opened>#application-bar>.partner-logo {
    -webkit-transform: translate(320px, 0);
    -moz-transform: translate(320px, 0);
    -ms-transform: translate(320px, 0);
    -o-transform: translate(320px, 0);
    transform: translate(320px, 0);
}
}@media screen and (max-width:430px) {
    #konfigurator.opened>#main-view>#wall>#door, .mobile #konfigurator.opened>#application-bar>.partner-logo {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
}@media screen and (max-width:767px) {
    #konfigurator.opened>#main-view>.door-house .control-bar, #konfigurator>#main-view>.door-house .control-bar {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.mobile #konfigurator.opened>#main-view>.door-house .control-bar, .mobile #konfigurator>#main-view>.door-house .control-bar {
    -webkit-transform: translate(0, -65px);
    -moz-transform: translate(0, -65px);
    -ms-transform: translate(0, -65px);
    -o-transform: translate(0, -65px);
    transform: translate(0, -65px);
}
}@media screen and (max-width:430px) {
    #konfigurator>#panel {
    width: 95%;
    -webkit-transform: translate(-430px, 0);
    -moz-transform: translate(-430px, 0);
    -ms-transform: translate(-430px, 0);
    -o-transform: translate(-430px, 0);
    transform: translate(-430px, 0);
}
}@media screen and (max-width:400px) {
    #konfigurator>#panel {
    width: 95%;
    -webkit-transform: translate(-400px, 0);
    -moz-transform: translate(-400px, 0);
    -ms-transform: translate(-400px, 0);
    -o-transform: translate(-400px, 0);
    transform: translate(-400px, 0);
}
}@media screen and (max-width:384px) {
    #konfigurator>#panel {
    width: 95%;
    -webkit-transform: translate(-384px, 0);
    -moz-transform: translate(-384px, 0);
    -ms-transform: translate(-384px, 0);
    -o-transform: translate(-384px, 0);
    transform: translate(-384px, 0);
}
}@media screen and (max-width:375px) {
    #konfigurator>#panel {
    width: 95%;
    -webkit-transform: translate(-375px, 0);
    -moz-transform: translate(-375px, 0);
    -ms-transform: translate(-375px, 0);
    -o-transform: translate(-375px, 0);
    transform: translate(-375px, 0);
}
}@media screen and (max-width:360px) {
    #konfigurator>#panel {
    width: 95%;
    -webkit-transform: translate(-360px, 0);
    -moz-transform: translate(-360px, 0);
    -ms-transform: translate(-360px, 0);
    -o-transform: translate(-360px, 0);
    transform: translate(-360px, 0);
}
}@media screen and (max-width:320px) {
    #konfigurator>#panel {
    width: 95%;
    -webkit-transform: translate(-320px, 0);
    -moz-transform: translate(-320px, 0);
    -ms-transform: translate(-320px, 0);
    -o-transform: translate(-320px, 0);
    transform: translate(-320px, 0);
}
}@media screen and (max-width:213px) {
    #konfigurator>#panel {
    width: 95%;
    -webkit-transform: translate(-213px, 0);
    -moz-transform: translate(-213px, 0);
    -ms-transform: translate(-213px, 0);
    -o-transform: translate(-213px, 0);
    transform: translate(-213px, 0);
}
}.leaflet-image-layer, .leaflet-layer, .leaflet-map-pane, .leaflet-marker-icon, .leaflet-marker-pane, .leaflet-marker-shadow, .leaflet-overlay-pane, .leaflet-overlay-pane svg, .leaflet-popup-pane, .leaflet-shadow-pane, .leaflet-tile, .leaflet-tile-container, .leaflet-tile-pane, .leaflet-zoom-box {
    position: absolute;
    left: 0;
    top: 0;
}
.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}
.leaflet-marker-icon, .leaflet-marker-shadow {
    display: block;
}
.leaflet-container img {
    max-width: none!important;
}
.leaflet-container img.leaflet-image-layer {
    max-width: 15000px!important;
}
.leaflet-tile {
    filter: inherit;
    visibility: hidden;
}
.leaflet-tile-loaded {
    visibility: inherit;
}
.leaflet-zoom-box {
    width: 0;
    height: 0;
}
.leaflet-overlay-pane svg {
    -moz-user-select: none;
}
.leaflet-tile-pane {
    z-index: 2;
}
.leaflet-objects-pane {
    z-index: 3;
}
.leaflet-overlay-pane {
    z-index: 4;
}
.leaflet-shadow-pane {
    z-index: 5;
}
.leaflet-marker-pane {
    z-index: 6;
}
.leaflet-popup-pane {
    z-index: 7;
}
.leaflet-vml-shape {
    width: 1px;
    height: 1px;
}
.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute;
}
.leaflet-control {
    z-index: 7;
    pointer-events: auto;
    float: left;
    clear: both;
}
.leaflet-bottom, .leaflet-top {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
}
.leaflet-right {
    right: 0;
}
.leaflet-left {
    left: 0;
}
.leaflet-right .leaflet-control {
    float: right;
    margin-right: 13px;
}
.leaflet-top .leaflet-control {
    margin-top: 13px;
}
.leaflet-bottom .leaflet-control {
    margin-bottom: 13px;
}
.leaflet-left .leaflet-control {
    margin-left: 13px;
}
.leaflet-fade-anim .leaflet-popup, .leaflet-fade-anim .leaflet-tile {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup, .leaflet-fade-anim .leaflet-tile-loaded {
    opacity: 1;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1);
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1);
    transition: transform .25s cubic-bezier(0, 0, .25, 1);
}
.leaflet-pan-anim .leaflet-tile, .leaflet-touching .leaflet-zoom-animated, .leaflet-zoom-anim .leaflet-tile {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden;
}
.leaflet-clickable {
    cursor: pointer;
}
.leaflet-container {
    overflow: hidden;
    -ms-touch-action: none;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    background: #ddd;
    outline: 0;
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.leaflet-control, .leaflet-popup-pane {
    cursor: auto;
}
.leaflet-dragging .leaflet-clickable, .leaflet-dragging .leaflet-container {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}
.leaflet-container a {
    color: #0078A8;
}
.leaflet-container a.leaflet-active {
    outline: orange solid 2px;
}
.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: rgba(255, 255, 255, .5);
}
.leaflet-bar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
    border-radius: 4px;
}
.leaflet-bar a, .leaflet-bar a:hover {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000;
}
.leaflet-bar a, .leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
}
.leaflet-bar a:hover {
    background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb;
}
.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.leaflet-control-zoom-in, .leaflet-control-zoom-out {
    font: 700 18px 'Lucida Console', Monaco, monospace;
    text-indent: 1px;
}
.leaflet-control-zoom-out {
    font-size: 20px;
}
.leaflet-touch .leaflet-control-zoom-in {
    font-size: 22px;
}
.leaflet-touch .leaflet-control-zoom-out {
    font-size: 24px;
}
.leaflet-control-layers {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    background: #fff;
    border-radius: 5px;
}
.leaflet-control-layers-toggle {
    background-image: url(images/layers.png);
    width: 36px;
    height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(images/layers-2x.png);
    background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative;
}
.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff;
}
.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px;
}
.leaflet-control-layers label {
    display: block;
}
.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px;
}
.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: rgba(255, 255, 255, .7);
    margin: 0;
}
.leaflet-control-attribution, .leaflet-control-scale-line {
    padding: 0 5px;
    color: #333;
}
.leaflet-control-attribution a {
    text-decoration: none;
}
.leaflet-control-attribution a:hover {
    text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale {
    font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
    margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px;
}
.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    background: rgba(255, 255, 255, .5);
}
#inquiry-form input, #inquiry-form textarea {
    margin-bottom: 9px;
    -moz-box-sizing: border-box;
}
.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers {
    box-shadow: none;
}
.leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-layers {
    border: 2px solid rgba(0, 0, 0, .2);
    background-clip: padding-box;
}
.leaflet-popup {
    position: absolute;
    text-align: center;
}
.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px;
}
.leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4;
}
.leaflet-popup-content p {
    margin: 18px 0;
}
.leaflet-popup-tip-container {
    margin: 0 auto;
    width: 40px;
    height: 20px;
    position: relative;
    overflow: hidden;
}
.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: #fff;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .4);
}
.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: 700;
    background: 0 0;
}
.leaflet-container a.leaflet-popup-close-button:hover {
    color: #999;
}
.leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
    zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,  M12=0.70710678,  M21=-0.70710678,  M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,  M12=.70710678,  M21=-.70710678,  M22=.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
    margin-top: -1px;
}
.leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999;
}
.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666;
}
.leaflet-control {
    position: relative;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-image: url(../images/gray.png);
}
.leaflet-control.sandwich>.icon {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}
.leaflet-control.sandwich>.icon>.line-1 {
    left: 50%;
    margin-left: -12px;
    height: 2px;
    width: 24px;
    top: 12px;
    position: absolute;
    background-color: #fff;
}
.leaflet-control.sandwich>.icon>.line-2 {
    left: 50%;
    margin-left: -12px;
    height: 2px;
    width: 24px;
    top: 19px;
    position: absolute;
    background-color: #fff;
}
.leaflet-control.sandwich>.icon>.line-3 {
    left: 50%;
    margin-left: -12px;
    height: 2px;
    width: 24px;
    top: 26px;
    position: absolute;
    background-color: #fff;
}
.leaflet-control.edit>.icon {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}
.leaflet-control.edit>.icon>.line-1 {
    height: 4px;
    width: 4px;
    top: 27.5px;
    left: 9.3px;
    position: absolute;
    background-color: #fff;
}
.leaflet-control.edit>.icon>.line-2 {
    height: 5.6px;
    width: 22px;
    top: 19px;
    left: 8px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    background-color: #fff;
}
.leaflet-control.edit.editing>.icon>.line-1, .leaflet-control.edit>.icon>.line-3 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.leaflet-control.edit>.icon>.line-3 {
    height: 4.5px;
    width: 5.6px;
    top: 9px;
    left: 27px;
    visibility: visible;
    opacity: 1;
    -webkit-border-top-left-radius: 100%;
    -moz-border-top-left-radius: 100%;
    border-top-left-radius: 100%;
    -webkit-border-top-right-radius: 100%;
    -moz-border-top-right-radius: 100%;
    border-top-right-radius: 100%;
    position: absolute;
    background-color: #fff;
}
.leaflet-control.edit.editing>.icon>.line-1 {
    height: 3px;
    width: 10px;
    top: 24px;
    left: 8px;
}
.leaflet-control.edit.editing>.icon>.line-2 {
    height: 3px;
    width: 24px;
    top: 19px;
    left: 11px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.leaflet-control.edit.editing>.icon>.line-3 {
    top: 5px;
    left: 25px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.leaflet-control.reset>.icon>.rotator {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    -webkit-transform: rotate(190deg);
    -ms-transform: rotate(190deg);
    transform: rotate(190deg);
}
.leaflet-control.reset>.icon>.rotator>.circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    background-color: transparent;
    border-top: 4px solid transparent;
    border-right: 4px solid #3F3F3F;
    border-bottom: 4px solid #3F3F3F;
    border-left: 4px solid #3F3F3F;
}
#house-view #fake-load-image>div.box-icon-out>.line-3, #house-view>#load-image>div.box-icon-out>.line-3, #house-view>#save-image>div.box-icon-in>.line-2, #house-view>#save-image>div.box-icon-in>.line-3, .leaflet-control.reset>.icon>.bracket>.bracket-right {
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}
.leaflet-control.reset>.icon>.rotator>.arrow {
    position: absolute;
    top: 6px;
    left: 8px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #3F3F3F;
    background-color: transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.leaflet-control.reset.reseting>.icon>.rotator {
    -webkit-transform: rotate(550deg);
    -ms-transform: rotate(550deg);
    transform: rotate(550deg);
}
.leaflet-control.reset>.icon {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}
.leaflet-control.reset>.icon>.bracket {
    display: none;
}
.leaflet-control.reset>.icon>.bracket>.bracket-left {
    width: 10px;
    height: 32px;
    border: 3px solid #fff;
    border-right: none;
    position: absolute;
    top: 4px;
    left: 6px;
    background-color: transparent;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.leaflet-control.reset.reseting>.icon>.bracket>.bracket-left {
    left: 8px;
}
.leaflet-control.reset>.icon>.bracket>.bracket-right {
    width: 10px;
    height: 32px;
    border: 3px solid #fff;
    border-left: none;
    position: absolute;
    top: 4px;
    right: 6px;
    background-color: transparent;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.leaflet-control.reset.reseting>.icon>.bracket>.bracket-right {
    right: 8px;
}
.leaflet-control.reset>.icon>.bracket>.bracket-content {
    position: absolute;
    top: 11px;
    right: 11px;
    bottom: 11px;
    left: 12px;
}
.leaflet-control.reset.reseting>.icon>.bracket>.bracket-content {
    top: 17px;
    right: 17px;
    bottom: 17px;
    left: 17px;
}
.leaflet-control.reset>.icon>.bracket>.bracket-content>.arrow-extender {
    width: 100%;
    height: 4px;
    background-color: #fff;
    z-index: 4;
    top: 50%;
    margin-top: -2px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.leaflet-control.reset>.icon>.bracket>.bracket-content>.arrow-top-left {
    width: 0;
    height: 0;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}
#switcher-btn>.view-remark>.arrow-up, .select>i.arrow {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.door-anchor {
    position: relative;
}
.door-anchor-handle {
    width: #185aff;
    height: #185aff;
    background-color: #185aff;
    opacity: .25;
    position: absolute;
}
.select, .select>select {
    background-color: #FFCA82;
}
.door-anchor.anchor-top-left>.door-anchor-handle {
    right: 20px;
    bottom: 20px;
}
.door-anchor.anchor-top-right>.door-anchor-handle {
    left: 20px;
    bottom: 20px;
}
.door-anchor.anchor-bottom-right>.door-anchor-handle {
    left: 20px;
    top: 20px;
}
.door-anchor.anchor-bottom-left>.door-anchor-handle {
    right: 20px;
    top: 20px;
}
.door-anchor.anchor-center>.door-anchor-handle {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media screen and (max-width:736px)and (orientation:landscape) {
    .mobile .leaflet-top {
    margin-top: 15px;
}
.mobile .leaflet-top .leaflet-control {
    margin-top: 0;
}
.mobile .leaflet-left .leaflet-control {
    margin-left: 0;
}
.mobile .leaflet-control>.icon {
    -webkit-transform: scale(.7, .7);
    -ms-transform: scale(.7, .7);
    transform: scale(.7, .7);
}
}@media screen and (max-width:400px) {
    .mobile .leaflet-top {
    margin-top: 10px;
}
.mobile .leaflet-top .leaflet-control {
    margin-top: 5px;
}
.mobile .leaflet-left .leaflet-control {
    margin-left: 15px;
}
.mobile .leaflet-control>.icon {
    -webkit-transform: scale(.85, .85);
    -ms-transform: scale(.85, .85);
    transform: scale(.85, .85);
}
}
.select {
    height: 50px;
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-style: solid;
    border-color: #dedede;
    border-width: 0;
}
#inquiry-form input, #inquiry-form textarea {
    box-shadow: none;
    border-radius: 2px;
    border-color: inherit;
}
.select.separator {
    border-top-width: 1px;
}
.select>select {
    color: #696969;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 10px 22px;
    font-size: 20px;
    line-height: 30px;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    text-indent: .01px;
    text-overflow: ""}
.select>select>option {
    padding: 7px;
    color: #454545;
}
.select>i.arrow {
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -4px;
    z-index: 2;
    width: 0;
    height: 0;
    border-top: 10px solid #696969;
    pointer-events: none;
}
.select svg.select-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -15px;
    z-index: 3;
    pointer-events: none;
}
.select svg.select-icon polygon.all {
    fill: #696969;
}
.select svg.select-icon .all {
    visibility: visible;
}
.select svg.select-icon .dpi {
    visibility: hidden;
}
.no-touch .select:focus>select, .no-touch .select:hover>select, .no-touch .select>select:focus, .no-touch .select>select:hover {
    background-color: #FCC16F;
}
.no-touch:not(.ie9) .select:focus>select, .no-touch:not(.ie9) .select:hover>select {
    color: #454545;
}
.no-touch:not(.ie9) .select:focus>svg.select-icon polygon.all, .no-touch:not(.ie9) .select:hover>svg.select-icon polygon.all {
    fill: #454545;
}
.no-touch:not(.ie9) .select:focus>i.arrow, .no-touch:not(.ie9) .select:hover>i.arrow {
    border-top: 10px solid #454545;
}
.firefox .select>select, .firefox-mobile .select>select, .ie9 .select>select {
    width: 120%}
.ie9 .select>select {
    padding: 0 22px;
}
.ie .select>select::-ms-expand {
    display: none;
}
.ie .select>select:focus::-ms-value {
    background-color: transparent;
    color: inherit;
}
.select>select>option.disabled, .select>select>option[disabled] {
    background-color: #FFCA82;
    color: #B58F5B;
}
@media screen and (max-width:736px)and (orientation:landscape) {
    .select {
    height: 40px;
}
.select>select {
    font-size: 15px;
    line-height: 15px;
}
}#popup-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 100000;
    color: #696969;
}
#popup-container::before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: .5;
    content: ""}
#popup-container.background::before {
    background-color: #000;
}
#inquiry-form, .kPopup {
    position: absolute;
    width: 500px;
    height: 470px;
    background-color: #EFEFEF;
    left: 50%;
    margin-left: -250px;
    top: 50%;
    margin-top: -235px;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 2px 20px rgba(0, 0, 0, .5);
    box-shadow: 2px 2px 20px rgba(0, 0, 0, .5);
}
#main-view>#shortcut>.btn.back>.icon, #main-view>#shortcut>.btn.next>.icon {
    -moz-box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, .35), rgba(255, 255, 255, .25)1px 1px 2px inset;
}
#inquiry-form input, #inquiry-form textarea {
    height: 38px;
    width: 100%;
    -webkit-box-shadow: none;
}
#inquiry-form>.header, .kPopup>.header {
    top: 0;
    width: 100%;
    height: 52px;
    background-color: #5E5E5E;
    position: absolute;
}
#inquiry-form>.header>i.cross, .kPopup>.header>i.cross {
    display: block;
    width: 22px;
    height: 22px;
    top: 50%;
    margin-top: -10px;
    right: 18px;
    margin-left: -11px;
    position: absolute;
    z-index: 3;
    cursor: pointer;
}
#inquiry-form>.header>i.cross>div.line, .kPopup>.header>i.cross>div.line {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #FBFBFB;
    bottom: 50%}
#inquiry-form>.header>i.cross>div.line.l-1st, .kPopup>.header>i.cross>div.line.l-1st {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#inquiry-form>.header>i.cross>div.line.l-2nd, .kPopup>.header>i.cross>div.line.l-2nd {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#inquiry-form>.header>i.cross:active>div.line, .kPopup>.header>i.cross:active>div.line {
    background-color: #76DAFD;
}
#inquiry-form>.header>.title, .kPopup>.header>.title {
    line-height: 52px;
    font-size: 16px;
    color: #FBFBFB;
    margin-left: 20px;
}
#inquiry-form input, #inquiry-form textarea {
    padding-left: 15px;
    font-size: 14px;
    color: #5E5E5E;
}
.kPopup .paragraph {
    padding: 10px 0;
}
#inquiry-form .input-wrap, .kPopup .input-wrap {
    padding: 16px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 52px;
    left: 0;
    right: 0;
    bottom: 0;
}
.kPopup .input-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#inquiry-form .input-wrap {
    bottom: 60px;
}
#inquiry-form.sending .input-wrap {
    opacity: .2;
}
#inquiry-form.complete .input-wrap, #inquiry-form.complete-new .input-wrap {
    display: none;
}
#inquiry-form input {
    background-color: #DFDFDF;
    border: none;
    outline: 0;
}
#inquiry-form input.invalid, #inquiry-form textarea.invalid {
    background-color: #FFCDCD;
    color: #5E5E5E;
}
#inquiry-form textarea {
    background-color: #DFDFDF;
    border: none;
    outline: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    resize: none;
}
#inquiry-form ::-webkit-input-placeholder {
    color: #B0B0B0;
}
#inquiry-form :-moz-placeholder {
    color: #B0B0B0;
    opacity: 1;
}
#inquiry-form ::-moz-placeholder {
    color: #B0B0B0;
    opacity: 1;
}
#inquiry-form :-ms-input-placeholder {
    color: #B0B0B0;
}
#inquiry-form .zip {
    float: left;
    width: 30%}
#inquiry-form .town {
    float: left;
    width: 70%;
    padding-left: 9px;
}
#inquiry-form .req-label {
    margin: 0 0 0 15px;
    font-size: 14px;
}
#inquiry-form .button-wrap {
    height: 60px;
    width: 100%;
    background-color: #F9F9F9;
    border-top: #E4E4E4;
    border-top-style: solid;
    border-top-width: 1px;
    display: table;
    border-collapse: separate;
    border-spacing: 20px 10px;
    position: absolute;
    bottom: 0;
}
#inquiry-form.sending .button-wrap {
    opacity: .15;
}
#inquiry-form.complete .button-wrap, #inquiry-form.complete-new .button-wrap {
    display: none;
}
#inquiry-form .button-wrap>.button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: table-cell;
    height: 38px;
    font-size: 20px;
    background-color: #FFCA82;
    color: #696969;
    vertical-align: bottom;
    width: 50%;
    position: relative;
    text-align: center;
    line-height: 38px;
}
.no-touch #inquiry-form .button:hover, .no-touch #inquiry-form .sub-popup>.button:focus {
    background-color: #FCC16F;
    color: #454545;
    cursor: pointer;
}
#inquiry-form.sending .button-wrap>.button {
    cursor: auto!important;
}
#inquiry-form .sub-popup {
    position: absolute;
    display: none;
    top: 40%;
    width: 100%;
    padding: 0 20px;
    text-align: center;
}
#inquiry-form>.sub-popup>.section {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}
#inquiry-form.complete .send-complete-message, #inquiry-form.complete-new .send-complete-message-new, #inquiry-form.sending .sending-message {
    display: block;
}
#inquiry-form .send-complete-message-new .ref-number {
    font-weight: 700;
}
#inquiry-form .send-complete-message-new .section {
    display: inline;
}
#inquiry-form .tracker, div.kslider-container .kslider-handle div {
    display: none;
}
#inquiry-form .send-complete-message-new .button {
    margin-top: 30px;
}
#inquiry-form .send-complete-message-new {
    top: 30%!important;
    text-align: left!important;
}
#inquiry-form .sub-popup>.button {
    height: 38px;
    font-size: 20px;
    background-color: #FFCA82;
    color: #696969;
    width: 50%;
    text-align: center;
    line-height: 38px;
    margin-left: auto;
    margin-right: auto;
}
.no-touch #inquiry-form .sub-popup>.button:focus, .no-touch #inquiry-form .sub-popup>.button:hover {
    background-color: #FCC16F;
    color: #454545;
    cursor: pointer;
}
.kPopup {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}
@media screen and (max-width:510px) {
    #inquiry-form, .kPopup {
    width: auto;
    height: auto;
    left: 10px;
    right: 10px;
    top: 10px!important;
    bottom: 10px!important;
    margin: 0;
}
}@media screen and (max-height:490px) {
    #inquiry-form, .kPopup {
    height: auto;
    top: 10px;
    bottom: 10px;
    margin-top: 0;
}
}div#impressum .paragraph {
    padding: 10px 0;
}
div.kslider, div.kslider2 {
    margin: 0 20px;
}
div.kslider-container {
    width: 100%}
div.kslider-container .kslider-bar, div.kslider-container .selected-kslider-bar {
    height: 2px;
}
div.kslider-container .kslider-bar {
    background-color: #DBDBDB;
}
div.kslider-container .selected-kslider-bar {
    background-color: #5D99EF;
}
div.kslider-container .kslider-handle {
    width: 12px;
    height: 12px;
    position: relative;
    z-index: 1;
    background-color: #5D99EF;
    border-radius: 12px;
    cursor: pointer;
    top: -5px;
}
div.touch>div.kslider-container .kslider-handle {
    width: 50px;
    height: 50px;
    top: -24px;
    background-color: transparent;
    border-radius: 0;
}
div.touch>div.kslider-container .kslider-handle div {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #5D99EF;
    position: absolute;
    top: 19px;
    left: 19px;
}
div.kslider-container .kslider-data {
    text-align: center;
    color: #696969;
    font-size: 24px;
}
div.kslider-container .kslider-data input {
    width: 70px;
    text-align: center;
    color: #696969;
    border: none;
    border-color: inherit;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
}
#main-view>#shortcut>.btn.back>.icon, #main-view>#shortcut>.btn.next>.icon {
    box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, .35), rgba(255, 255, 255, .25)1px 1px 2px inset;
    -webkit-box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, .35), rgba(255, 255, 255, .25)1px 1px 2px inset;
}
.no-touch div.kslider-container .kslider-data input {
    -webkit-user-select: text!important;
    -khtml-user-select: text!important;
    -moz-user-select: text!important;
    -ms-user-select: text!important;
    -o-user-select: text!important;
    user-select: text!important;
    border: 1px solid #E4E4E4;
}
div.kslider-container .kslider-ctrl {
    padding-bottom: 5px;
    position: relative;
}
div.touch>div.kslider-container .kslider-ctrl {
    padding-bottom: 10px;
}
div.kslider-container .kslider-minus, div.kslider-container .kslider-plus {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 7px;
    border-radius: 20px;
    background-color: #696969;
    color: #EFEFEF;
    text-align: center;
    font-family: Roboto, sans-serif;
    line-height: 1.2em;
    cursor: pointer;
}
#main-view>#shortcut>.btn.back>.icon, #main-view>#shortcut>.btn.next>.icon {
    margin-top: -23px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%}
div.touch>div.kslider-container .kslider-minus, div.touch>div.kslider-container .kslider-plus {
    line-height: 1.2em;
}
div.kslider-container .kslider-minus {
    left: 0;
}
div.kslider-container .kslider-plus {
    right: 0;
}
.dragging {
    cursor: pointer;
}
div.disabled>.kslider-container .kslider-handle, div.disabled>div.kslider-container .kslider-bar, div.disabled>div.kslider-container .kslider-minus, div.disabled>div.kslider-container .kslider-plus, div.disabled>div.kslider-container .selected-kslider-bar, div.touch.disabled>.kslider-container .kslider-handle div {
    background-color: #DBDBDB;
    cursor: default;
}
div.touch.disabled>.kslider-container .kslider-handle div {
    background-color: #DBDBDB;
}
div.disabled>div.kslider-container .kslider-data {
    color: #DBDBDB;
}
div.kslider-container .kslider-label {
    color: #5D99EF;
}
div.disabled>div.kslider-container .kslider-label {
    color: #DBDBDB;
}
div.spinner-popup {
    position: absolute;
    width: 250px;
    height: 70px;
    background-color: #efefef;
    left: 50%;
    top: 50%;
    margin-left: -125px;
    margin-top: -35px;
    overflow: hidden;
    line-height: 70px;
    text-align: center;
    font-size: .8em;
}

.headerTable {
    font-size:1em;
    font-weight: bold;
    display: block;
    background-color: #91B59B;
    padding:5px;
    width: 100%;
}

.tableIspis table {
    width:100%;
}

.eqHedCol{
    min-width: 100px;
    max-width: 100px;
}




#main-view>#shortcut {
    position: absolute;
    bottom: 18px;
    right: 0;
    width: 200px;
    z-index: 10000;
}
#main-view>#shortcut>.btn {
    float: left;
    width: 40%;
    height: 100px;
    position: relative;
}
#main-view>#shortcut>.btn.disabled {
    cursor: default;
    opacity: .3;
}
#door-house #controlHandles .control-rect.no-stroke, #door-house .container .house-view-layer.transparent {
    opacity: 0;
}
#main-view>#shortcut>.menu-index {
    float: left;
    width: 20%;
    height: 100px;
    position: relative;
    text-align: center;
}
#main-view>#shortcut>.menu-index>a {
    line-height: 100px;
    font-size: 16px;
    color: #444;
    cursor: default;
    text-shadow: 0 0 8px rgba(255, 255, 255, .8);
    display: block;
}
#main-view>#shortcut>.btn.back>.icon {
    position: absolute;
    width: 46px;
    height: 46px;
    background-color: #5D99EF;
    top: 50%;
    right: 12px;
    border: 1px solid rgba(100, 100, 100, .15);
}
#main-view>#shortcut>.btn.back>.icon>.arrow {
    width: 16px;
    height: 2px;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    position: absolute;
}
#main-view>#shortcut>.btn.back>.icon>.arrow>.line-1 {
    background-color: #FFF;
    width: 10px;
    height: 2px;
    position: absolute;
    top: 1px;
    left: 0;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#main-view>#shortcut>.btn.back>.icon>.arrow>.line-2 {
    background-color: #FFF;
    width: 14px;
    height: 2px;
    position: absolute;
    top: 0;
    z-index: 3;
    left: 2px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
#main-view>#shortcut>.btn.back>.icon>.arrow>.line-3, #main-view>#shortcut>.btn.next>.icon>.arrow>.line-1 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
#main-view>#shortcut>.btn.back>.icon>.arrow>.line-3 {
    background-color: #FFF;
    width: 10px;
    height: 2px;
    position: absolute;
    top: -1px;
    left: 0;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    transform: rotate(45deg);
}
#main-view>#shortcut>.btn.back.click>.icon {
    right: 15px;
}
#main-view>#shortcut>.btn.next>.icon {
    position: absolute;
    display: block;
    width: 46px;
    height: 46px;
    background-color: #5D99EF;
    top: 50%;
    left: 12px;
    border: 1px solid rgba(100, 100, 100, .15);
}
#switcher-btn, #switcher-btn>.view-remark {
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
#main-view>#shortcut>.btn.next>.icon>.arrow {
    width: 16px;
    height: 2px;
    right: 50%;
    top: 50%;
    margin-right: -8px;
    position: absolute;
}
#main-view>#shortcut>.btn.next>.icon>.arrow>.line-1 {
    background-color: #FFF;
    width: 10px;
    height: 2px;
    position: absolute;
    top: 1px;
    right: 0;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    transform: rotate(45deg);
}
#main-view>#shortcut>.btn.next>.icon>.arrow>.line-2 {
    background-color: #FFF;
    width: 14px;
    height: 2px;
    position: absolute;
    top: 0;
    z-index: 3;
    right: 2px;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
#main-view>#shortcut>.btn.next>.icon>.arrow>.line-3 {
    background-color: #FFF;
    width: 10px;
    height: 2px;
    position: absolute;
    top: -1px;
    right: 0;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#main-view>#shortcut>.btn.next.click>.icon {
    left: 15px;
}
@media screen and (max-width:736px)and (orientation:landscape), screen and (max-width:550px) {
    #main-view>#shortcut {
    display: none;
}
}#sandwich-btn {
    position: absolute;
    height: 65px;
    display: block;
    cursor: pointer;
    top: 0;
    left: 0;
    z-index: 5000;
    background-color: #5E5E5E;
    line-height: 65px;
    -moz-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, .3);
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, .3);
}
#sandwich-btn>i.sandwich {
    display: inline-block;
    width: 24px;
    height: 16px;
    position: relative;
    z-index: 2;
    margin-left: 20px;
    margin-top: 25px;
}
#sandwich-btn>i.sandwich>div.line {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #FBFBFB;
}
#sandwich-btn>i.sandwich>div.line.l-1st {
    top: 0;
}
#sandwich-btn>i.sandwich>div.line.l-2nd {
    top: 50%;
    margin-top: -1px;
    left: 0;
}
#sandwich-btn>i.sandwich>div.line.l-3rd {
    bottom: 0;
}
#sandwich-btn>i.sandwich.toothpicks>div.line.l-1st {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 46%;
    top: 3px;
}
#sandwich-btn>i.sandwich.toothpicks>div.line.l-2nd {
    left: 3px;
    width: 74%}
#sandwich-btn>i.sandwich.toothpicks>div.line.l-3rd {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 46%;
    bottom: 3px;
}
#sandwich-btn>span.label {
    display: inline-block;
    font-size: 22px;
    margin-left: 15px;
    margin-right: 20px;
    color: #FBFBFB;
}
.mobile #sandwich-btn {
    top: -65px;
    z-index: 8000;
    display: block!important;
    -moz-box-shadow: -2px 0 6px 2px rgba(0, 0, 0, .3);
    -webkit-box-shadow: -2px 0 6px 2px rgba(0, 0, 0, .3);
    box-shadow: -2px 0 6px 2px rgba(0, 0, 0, .3);
}
#main-view.house-map #sandwich-btn {
    display: none;
}
@media screen and (max-width:736px)and (orientation:portrait) {
    .mobile #sandwich-btn {
    width: 65px;
}
.mobile #sandwich-btn>span.label {
    display: none;
}
}@media screen and (max-width:736px)and (orientation:landscape) {
    .mobile #sandwich-btn {
    height: 40px;
    top: -40px;
    line-height: 40px;
}
.mobile #sandwich-btn>i.sandwich {
    width: 19.2px;
    height: 14px;
    margin-top: 13px;
    margin-left: 13px;
}
.mobile #sandwich-btn>i.sandwich>div.line {
    height: 2px;
}
.mobile #sandwich-btn>i.sandwich.toothpicks>div.line.l-1st {
    top: 3px;
}
.mobile #sandwich-btn>i.sandwich.toothpicks>div.line.l-3rd {
    bottom: 3px;
}
}#switcher-btn {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 15px;
    right: 13px;
    z-index: 5000;
    background-color: rgba(255, 255, 255, .3);
    -moz-border-radius: 7px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#switcher-btn>a.inside-wall>i.icon-in, #switcher-btn>a.outside-wall>i.icon-out {
    -webkit-transform: scale(.7, .7);
    transform: scale(.7, .7);
    -ms-transform: scale(.7, .7);
}
#switcher-btn>a {
    display: block;
    min-height: 35px;
    line-height: 35px;
    padding: 0 10px;
    font-size: 14px;
    float: left;
    color: #5E5E5E;
}
#switcher-btn>a.outside-wall {
    -webkit-border-top-left-radius: 7px;
    -moz-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
#switcher-btn>a.inside-wall {
    -webkit-border-top-right-radius: 7px;
    -moz-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
#switcher-btn>a.outside-wall>i.icon-out {
    display: block;
    width: 54px;
    height: 66px;
    background-image: url(../images/icons.png);
    background-position: -622px -8px;
    margin: 0 auto -16px;
}
#switcher-btn>a.inside-wall>i.icon-in {
    display: block;
    width: 54px;
    height: 66px;
    background-image: url(../images/icons.png);
    background-position: -556px -8px;
    margin: 0 auto -16px;
}
.no-touch #switcher-btn:not(.inside-wall)>a.inside-wall:hover, .no-touch #switcher-btn:not(.outside-wall)>a.outside-wall:focus, .no-touch #switcher-btn:not(.outside-wall)>a.outside-wall:hover {
    background-color: rgba(255, 255, 255, .2);
}
#switcher-btn.inside-wall>a.inside-wall, #switcher-btn.outside-wall>a.outside-wall {
    background-color: rgba(255, 255, 255, .5);
    color: #5D99EF;
    cursor: default;
}
#switcher-btn.outside-wall>a.outside-wall>i.icon-out {
    background-position: -622px -78px;
}
#switcher-btn.inside-wall>a.inside-wall>i.icon-in {
    background-position: -556px -78px;
}
#switcher-btn>.view-remark {
    width: 200px;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 15px;
    -moz-border-radius: 7px;
    background-color: rgba(66, 133, 244, .79);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);
    display: none;
}
#switcher-btn>.view-remark>span {
    display: block;
    margin: 10px;
    color: #fff;
}
#switcher-btn>.view-remark>.arrow-up {
    width: 0;
    height: 0;
    border-bottom: 10px solid rgba(66, 133, 244, .79);
    position: absolute;
    top: -10px;
    right: 40px;
}
#switcher-btn>.view-remark.active {
    display: block;
}
#switcher-btn>.view-remark>.cross {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -7px;
    top: -7px;
    background-color: #5d99ef;
    border-radius: 50%;
    border: 1px solid #fff;
}
#switcher-btn>.view-remark>.cross>.line-1, #switcher-btn>.view-remark>.cross>.line-2 {
    position: absolute;
    width: 13px;
    height: 2px;
    background-color: #fff;
    top: 8px;
    left: 3px;
}
#switcher-btn>.view-remark>.cross>.line-1 {
    webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#switcher-btn>.view-remark>.cross>.line-2 {
    webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media screen and (max-width:736px)and (orientation:landscape), screen and (max-width:550px) {
    #switcher-btn.inside-wall>a.inside-wall, #switcher-btn.outside-wall>a.outside-wall, #switcher-btn>a>span {
    display: none;
}
#switcher-btn, #switcher-btn>a {
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    border-radius: 50%!important;
    width: 60px;
    height: 60px;
    top: auto;
    bottom: 28px;
    right: 20px;
}
#switcher-btn {
    background-color: rgba(255, 255, 255, .5);
}
#switcher-btn>a>i {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    margin-top: -33px!important;
    margin-left: -27px!important;
    -webkit-transform: scale(.6, .6)!important;
    -ms-transform: scale(.6, .6)!important;
    transform: scale(.6, .6)!important;
}
#switcher-btn>a.outside-wall>i.icon-out {
    background-position: -622px -78px;
}
#switcher-btn>a.inside-wall>i.icon-in {
    background-position: -556px -78px;
}
#switcher-btn>.view-remark {
    top: auto;
    bottom: 100%;
    margin-top: auto;
    margin-bottom: 15%}
#switcher-btn>.view-remark>.arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(66, 133, 244, .79);
    border-bottom: none;
    position: absolute;
    top: auto;
    right: 20px;
    bottom: -10px;
}
}div.download-popup, div.download-popup a, div.pdf-popup, div.pdf-popup a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 250px;
}
#devtools {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 65px;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: none;
    padding: 10px;
}
div#views.devtools>#devtools {
    display: block;
}
#devtools .dev-button {
    background-color: #5D99EF;
    color: #FBFBFB;
    display: block;
    border-radius: 3px;
    padding: 10px;
    line-height: 15px;
    font-size: 15px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 7px;
}
div.download-popup, div.pdf-popup {
    position: absolute;
    height: 70px;
    left: 50%;
    top: 50%;
    margin-left: -125px;
    margin-top: -35px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 2px 20px rgba(0, 0, 0, .5);
    box-shadow: 2px 2px 20px rgba(0, 0, 0, .5);
}
#bauform-view>.bauform-item>div.icon, #colors-sub-view>div>.section>.colors>div.color-item>a.color>div.icon, #door-in-house-images-list>.door-in-house-image-item>div.icon, #glass-view .glass-item>div.icon, #house-color-view>a.house-color-item>div.icon, #inside-model-sub-view>.model-item>div.icon, #model-sub-view>.model-item>div.icon, #side-model-view>.content>.model-item>div.icon {
    box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, .35), rgba(255, 255, 255, .25)1px 1px 2px inset;
    -moz-box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, .35), rgba(255, 255, 255, .25)1px 1px 2px inset;
    -webkit-box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, .35), rgba(255, 255, 255, .25)1px 1px 2px inset;
}
div.download-popup a, div.pdf-popup a {
    display: block;
    color: #696969;
    background-color: #FFCA82;
    height: 70px;
    line-height: 70px;
    text-align: center;
}
.no-touch div.download-popup a:focus, .no-touch div.download-popup a:hover, .no-touch div.pdf-popup a:focus, .no-touch div.pdf-popup a:hover {
    color: #454545;
    background-color: #FCC16F;
}
div.pdf-popup.new {
    background-color: #EFEFEF;
    width: 280px;
    height: 180px;
    margin-left: -140px;
    margin-top: -90px;
    padding: 15px;
}
div.pdf-popup.new a {
    display: block;
    width: auto;
    height: 40px;
    line-height: 40px;
    position: absolute;
    bottom: 10px;
    left: 30px;
    right: 30px;
}
div.pdf-popup.new .ref-number {
    font-weight: 700;
}
#door-house {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
}
#main-view#door-house>#door-house {
    display: block;
}
#door-house .container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    font-size: 0;
    line-height: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#door-house .container .house-view-layer {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}
#door-house circle.control-point, #door-house path.control-scale {
    fill: #185aff;
    fill-opacity: .25;
    stroke: #185aff;
}
.no-touch #door-house circle.control-point:hover, .no-touch #door-house path.control-scale:hover {
    stroke: #fff;
    stroke-width: 2px;
}
#door-house #controlHandles .control-rect {
    stroke: #185aff;
    stroke-width: 2px;
    fill: transparent;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}
#door-house #controlHandles .back-rect {
    fill: transparent;
    cursor: move;
}
#door-house #controlHandles .control-scale-line {
    stroke: #185aff;
    stroke-width: 3px;
    stroke-dasharray: 8;
}
.door-house .control-bar {
    position: absolute;
    left: 0;
    top: 65px;
    width: 50px;
    background-color: #5D99EF;
}
.door-house .control-bar .icon {
    width: 50px;
    height: 50px;
    float: left;
    position: relative;
    border-top: solid 1px #63a5ff;
}
.no-touch .door-house .control-bar .icon:focus, .no-touch .door-house .control-bar .icon:hover {
    background-color: #63a5ff;
}
.door-house .control-bar .icon .line {
    background-color: #fff;
}
.door-house .control-bar .icon.minus .line, .door-house .control-bar .icon.plus .line {
    width: 30px;
    height: 2px;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -15px;
}
.door-house .control-bar .icon.plus .line.vertical {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.door-house .control-bar .icon>.rotator {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    -webkit-transform: rotate(190deg);
    -ms-transform: rotate(190deg);
    transform: rotate(190deg);
}
.door-house .control-bar .icon>.rotator>.circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    background-color: transparent;
    border-top: 4px solid transparent;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
    border-left: 4px solid #fff;
}
.door-house .control-bar .icon>.rotator>.arrow {
    position: absolute;
    top: 12px;
    left: 12px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    background-color: transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#bauform-view>.bauform-item, .equipment-sub-view>.equipment-item {
    border-bottom: 1px solid #E4E4E4;
}
.door-house .control-bar .icon.reseting>.rotator {
    -webkit-transform: rotate(550deg);
    -ms-transform: rotate(550deg);
    transform: rotate(550deg);
}
#uploaded-img-wrapper {
    position: absolute;
    z-index: 9999;
    background-color: #000;
    width: 100px;
    height: 100px;
    bottom: -200px;
    right: -200px;
}
.k-button {
    text-align: center;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #696969;
    background-color: #FFCA82;
    cursor: pointer;
}
.no-touch .k-button:active, .no-touch .k-button:hover {
    color: #454545;
    background-color: #FCC16F;
}
.k-button.disabled {
    color: #D0D0D0!important;
    background-color: #E5E5E5!important;
}
.cookie-banner {
    position: absolute;
    top: 75px;
    z-index: 6000;
    background-color: rgba(0, 0, 0, .75);
    color: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 5px;
    width: 1000px;
    left: 50%;
    margin-left: -500px;
    font-size: 12px;
}
.cookie-banner a {
    color: #fff;
}
.cookie-banner .ok-button {
    background-color: #fff;
    font-size: 12px;
    border-radius: 2px;
    color: #000;
    cursor: pointer;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
    margin: 0 3px;
}
.cookie-banner .ok-cell {
    display: table-cell;
    vertical-align: middle;
}
.cookie-banner .content {
    display: table-cell;
    vertical-align: middle;
    width: 100%}
.opened .cookie-banner {
    width: auto;
    left: 630px;
    right: 50px;
    margin-left: 0;
}
.mobile .cookie-banner {
    top: 65px;
}
@media screen and (max-width:1200px) {
    .cookie-banner {
    left: 10%;
    right: 10%;
    width: auto;
    margin-left: 0;
}
.opened .cookie-banner {
    width: auto;
    left: 430px;
    right: 0;
    margin-left: 0;
}
}@media screen and (max-width:736px) {
    .cookie-banner {
    left: 0!important;
    right: 0!important;
    width: auto;
    margin-left: 0;
    border-radius: 0;
}
.cookie-banner .ok-button {
    display: block;
}
}@media screen and (max-width:736px)and (orientation:landscape) {
    .mobile .cookie-banner {
    top: 40px;
}
}
#bauform-view {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 100px;
    top: 65px;
    bottom: 0;
    right: 0;
    z-index: 1;
}
#views.bauform-view>#bauform-view {
    display: block;
}
#bauform-view>.bauform-item {
    padding: 25px 0;
    display: block;
    text-align: center;
    position: relative;
    cursor: pointer;
    float: left;
    width: 50%;
    height: 230px;
}
#bauform-view>.bauform-item:nth-child(odd) {
    border-right: 1px solid #E4E4E4;
}
#bauform-view>.bauform-item>i.door {
    display: block;
    background-image: url(../images/bauforms.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 28px;
    z-index: 6;
    left: 50%}
#bauform-view>.bauform-item.single>i.door {
    background-position: -16px -13px;
    width: 86px;
    height: 143px;
    margin-left: -43px;
}
#bauform-view>.bauform-item.single_top>i.door {
    background-position: -16px -183px;
    width: 86px;
    height: 174px;
    margin-left: -43px;
}
#bauform-view>.bauform-item.single_left>i.door {
    background-position: -131px -13px;
    width: 117px;
    height: 143px;
    margin-left: -58px;
}
#bauform-view>.bauform-item.single_top_left>i.door {
    background-position: -131px -183px;
    width: 117px;
    height: 174px;
    margin-left: -58px;
}
#bauform-view>.bauform-item.single_right>i.door {
    background-position: -277px -13px;
    width: 117px;
    height: 143px;
    margin-left: -58px;
}
#bauform-view>.bauform-item.single_top_right>i.door {
    background-position: -277px -183px;
    width: 117px;
    height: 174px;
    margin-left: -58px;
}
#bauform-view>.bauform-item.single_left_right>i.door {
    background-position: -427px -13px;
    width: 148px;
    height: 143px;
    margin-left: -74px;
}
#bauform-view>.bauform-item.single_top_left_right>i.door {
    background-position: -427px -183px;
    width: 148px;
    height: 174px;
    margin-left: -74px;
}
#bauform-view>.bauform-item.double_left>i.door {
    background-position: -197px -379px;
    width: 197px;
    height: 143px;
    margin-left: -94px;
}
#bauform-view>.bauform-item.double_right>i.door {
    background-position: -418px -379px;
    width: 197px;
    height: 143px;
    margin-left: -94px;
}
#bauform-view>.bauform-item.double_left_right>i.door {
    background-position: -636px -379px;
    width: 228px;
    height: 143px;
    margin-left: -114px;
}
#bauform-view>.bauform-item.double_top>i.door {
    background-position: -18px -545px;
    width: 166px;
    height: 170px;
    margin-left: -94px;
}
#bauform-view>.bauform-item.double_top_left>i.door {
    background-position: -197px -545px;
    width: 197px;
    height: 170px;
    margin-left: -114px;
}
#bauform-view>.bauform-item.double_middle>i.door {
    background-position: -589px -15px;
    width: 197px;
    height: 139px;
    margin-left: -94px;
}
#bauform-view>.bauform-item.double_top_right>i.door {
    background-position: -407px -545px;
    width: 197px;
    height: 170px;
    margin-left: -94px;
}
#bauform-view>.bauform-item.double_top_left_right>i.door {
    background-position: -615px -545px;
    width: 228px;
    height: 170px;
    margin-left: -114px;
}
#bauform-view>.bauform-item.double_top_middle>i.door {
    background-position: -589px -185px;
    width: 197px;
    height: 170px;
    margin-left: -94px;
}
#bauform-view>.bauform-item.double>i.door {
    background-position: -18px -379px;
    width: 166px;
    height: 143px;
    margin-left: -83px;
}
#bauform-view>.bauform-item.double_no_middle_frame>i.door {
    background-position: -26px -740px;
    width: 166px;
    height: 143px;
    margin-left: -74px;
}
#bauform-view>.bauform-item>div.icon {
    width: 46px;
    height: 46px;
    position: absolute;
    z-index: 7;
    bottom: 80px;
    left: 50%;
    margin-left: -23px;
    background-color: #5D99EF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(100, 100, 100, .15);
    display: none;
    pointer-events: none;
}
#bauform-view>.bauform-item>div.icon>.checkmark {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
}
#bauform-view>.bauform-item>div.icon>.checkmark>.line-1 {
    background-color: #FFF;
    width: 15px;
    height: 2px;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
    position: absolute;
    top: 15px;
    left: 6px;
}
#bauform-view>.bauform-item>div.icon>.checkmark>.line-2 {
    background-color: #FFF;
    width: 8px;
    height: 2px;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(-125deg);
    -moz-transform: rotate(-125deg);
    -ms-transform: rotate(-125deg);
    -o-transform: rotate(-125deg);
    transform: rotate(-125deg);
    position: absolute;
    top: 17px;
    left: 6px;
}
@media screen and (max-width:340px) {
    #bauform-view>.bauform-item {
    float: none;
    width: 100%;
    height: auto;
}
#bauform-view>.bauform-item>i.door {
    position: relative;
    bottom: 0;
}
}@media screen and (max-width:736px)and (orientation:landscape) {
    #bauform-view {
    top: 40px;
}
}#colors-view {
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    left: 0;
    top: 65px;
    bottom: 0;
    right: 0;
    z-index: 1;
}
#views.colors-view>#colors-view {
    display: block;
}
#colors-sub-view {
    padding: 10px 20px 20px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 50px;
    bottom: 0;
    right: 0;
    z-index: 1;
}
#colors-sub-view>div>.section>.title {
    display: block;
    margin: 20px 10px 15px;
    font-size: 19px;
    line-height: 19px;
    color: #696969;
}
#colors-sub-view>div>.section>.colors>div {
    display: block;
    float: left;
    width: 25%;
    text-align: center;
}
#colors-sub-view>div>.section>.colors>div.color-item>a.color {
    padding: 10px;
    display: block;
    position: relative;
}
#colors-sub-view>div>.section>.colors>div.color-item>a.color>img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: #DADADA;
    width: 100%;
    height: 100%;
    max-height: 95px;
}
#colors-sub-view>div>.section>.colors>div.color-item>a.color>span.name {
    text-align: center;
    font-size: 13px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #696969;
}
.no-touch #colors-sub-view>div>.section>.colors>div.color-item:not(.selected):focus>a.color>span.name, .no-touch #colors-sub-view>div>.section>.colors>div.color-item:not(.selected):hover>a.color>span.name {
    font-weight: 700;
    color: #454545;
}
#colors-sub-view>div>.section>.colors>div.color-item.selected>a.color>span.name {
    font-weight: 700;
    color: #5D99EF;
}
#colors-sub-view>div>.section>.colors>div.color-item>a.color>div.icon {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 35px;
    left: 50%;
    margin-left: -23px;
    background-color: #5D99EF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(100, 100, 100, .15);
    display: none;
}
#colors-sub-view>div>.section>.colors>div.color-item>a.color>div.icon>.checkmark {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
}
#colors-sub-view>div>.section>.colors>div.color-item>a.color>div.icon>.checkmark>.line-1 {
    background-color: #FFF;
    width: 15px;
    height: 2px;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
    position: absolute;
    top: 15px;
    left: 6px;
}
#colors-sub-view>div>.section>.colors>div.color-item>a.color>div.icon>.checkmark>.line-2 {
    background-color: #FFF;
    width: 8px;
    height: 2px;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(-125deg);
    -moz-transform: rotate(-125deg);
    -ms-transform: rotate(-125deg);
    -o-transform: rotate(-125deg);
    transform: rotate(-125deg);
    position: absolute;
    top: 17px;
    left: 6px;
}
#colors-sub-view>div>.section>.colors>div.color-item.selected>a.color>div.icon {
    display: block;
}
#colors-sub-view>div>.section>.colors>div.color-item.custom {
    float: none;
    width: 100%;
    overflow: auto;
    zoom: 1;
}
#colors-sub-view>div>.section>.colors>div.color-item.custom>a.color {
    width: 25%;
    float: left;
}
#colors-sub-view>div>.section>.colors>div.color-item>div.color-input {
    display: none;
}
#colors-sub-view>div>.section>.colors>div.color-item.custom>div.color-input {
    padding: 10px;
    width: 75%;
    float: right;
    display: block;
}
#colors-sub-view>div>.section>.colors>div.color-item.custom>div.color-input>input {
    width: 100%;
    outline: 0;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    font-size: 14px;
    color: #696969;
    background-color: #ddd;
}
#colors-sub-view>div>.section>.colors>div.color-item.custom.selected>div.color-input>input {
    background-color: #fff;
}
#colors-sub-view>div>.section>.colors>div.color-item>div.color-input>.submit-button {
    cursor: pointer;
    width: 50%;
    height: 30px;
    background-color: #ddd;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    margin-top: 7px;
}
#colors-sub-view>div>.section>.colors>div.color-item.custom>div.color-input>.submit-button>span {
    line-height: 30px;
}
#colors-sub-view>.element-application, #colors-sub-view>.element-application2, #colors-sub-view>.element-cassette, #colors-sub-view>.element-dframe, #colors-sub-view>.element-frame, #colors-sub-view>.element-intarsia, #colors-sub-view>.element-panel, #colors-sub-view>.element-panel2, #colors-sub-view>.element-panel3, #colors-sub-view>.element-wing {
    display: none;
}
#colors-sub-view.element-application2>.element-application2, #colors-sub-view.element-application>.element-application, #colors-sub-view.element-cassette>.element-cassette, #colors-sub-view.element-dframe>.element-dframe, #colors-sub-view.element-frame>.element-frame, #colors-sub-view.element-intarsia>.element-intarsia, #colors-sub-view.element-panel2>.element-panel2, #colors-sub-view.element-panel3>.element-panel3, #colors-sub-view.element-panel>.element-panel, #colors-sub-view.element-wing>.element-wing {
    display: block;
}
@media screen and (max-width:1200px) {
    #colors-sub-view, #colors-sub-view>div>.section>.colors>div.color-item>a.color {
    padding: 10px;
}
#colors-sub-view>div>.section>.title {
    margin: 20px 10px 15px;
}
#colors-sub-view>div>.section>.colors>div.color-item>a.color>img {
    max-height: 63px;
}
#colors-sub-view>div>.section>.colors>div.color-item>a.color>div.icon {
    top: 18px;
}
}@media screen and (max-width:400px) {
    #colors-sub-view>div>.section>.colors>div.color-item>a.color>img {
    max-height: 75px;
}
#colors-sub-view>div>.section>.colors>div.color-item>a.color>div.icon {
    top: 24px;
}
}@media screen and (max-width:384px) {
    #colors-sub-view>div>.section>.colors>div.color-item>a.color>img {
    max-height: 71px;
}
#colors-sub-view>div>.section>.colors>div.color-item>a.color>div.icon {
    top: 23px;
}
}@media screen and (max-width:375px) {
    #colors-sub-view>div>.section>.colors>div.color-item>a.color>img {
    max-height: 69px;
}
#colors-sub-view>div>.section>.colors>div.color-item>a.color>div.icon {
    top: 21px;
}
}@media screen and (max-width:360px) {
    #colors-sub-view>div>.section>.colors>div.color-item>a.color>img {
    max-height: 65px;
}
#colors-sub-view>div>.section>.colors>div.color-item>a.color>div.icon {
    top: 20px;
}
}@media screen and (max-width:320px) {
    #colors-sub-view>div>.section>.colors>div.color-item>a.color>img {
    max-height: 55px;
}
#colors-sub-view>div>.section>.colors>div.color-item>a.color>div.icon {
    width: 38px;
    height: 38px;
    margin-left: -19px;
    top: 19px;
}
}@media screen and (max-width:213px) {
    #colors-sub-view>div>.section>.colors>div.color-item>a.color>img {
    max-height: 28px;
}
#colors-sub-view>div>.section>.colors>div.color-item>a.color>div.icon {
    top: 4px;
}
}@media screen and (max-width:736px)and (orientation:landscape) {
    #colors-sub-view, #colors-view {
    top: 40px;
}
}#construction-view {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 65px;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: none;
}
#views.construction-view>#construction-view {
    display: block;
}
#construction-view>.section {
    border-top: 1px solid #E4E4E4;
    padding: 20px;
    overflow: hidden;
}
#construction-view>.section>.title {
    font-size: 19px;
    line-height: 19px;
    margin-bottom: 20px;
    padding: 0;
    color: #696969;
}
#door-dimensions>.subsection {
    margin-top: 20px;
}
#door-dimensions>.subsection>.slider-label {
    margin: 10px 0;
}
#door-dimensions>.subsection>div#fullDimension>label>span {
    display: block;
    color: #5D99EF;
    margin-bottom: 4px;
}
#door-dimensions>.subsection>div#fullDimension>label>span.calculation {
    color: #696969;
    font-size: 22px;
}
#door-dimensions>#construction-dimension-remark, #door-dimensions>#construction-max-width-remark {
    position: relative;
    text-indent: 30px;
}
#door-dimensions>#construction-dimension-remark>i.icon, #door-dimensions>#construction-max-width-remark>i.icon {
    text-indent: 0;
    display: block;
    text-align: center;
    color: #EFEFEF;
    font-style: normal;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #E64215;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#door-dimensions>#construction-dimension-remark>span, #door-dimensions>#construction-max-width-remark>span {
    line-height: 20px;
    font-size: 14px;
    color: #696969;
}
#side-repeat>.subsection {
    margin: 30px 0 10px;
}
#side-repeat>.subsection>.repeat {
    float: left;
    width: 50%}
#side-repeat>.subsection>.repeat:nth-child(1)>label {
    float: left;
    color: #5D99EF;
    line-height: 40px;
    margin-right: 15px;
}
#side-repeat>.subsection>.repeat:nth-child(2)>label {
    float: right;
    color: #5D99EF;
    line-height: 40px;
    margin-right: 15px;
}
#side-repeat>.subsection>.repeat>.select>select>option, .no-touch:not(.ie9) #side-repeat>.subsection>.repeat:not(.disabled)>.select:focus>select, .no-touch:not(.ie9) #side-repeat>.subsection>.repeat:not(.disabled)>.select:hover>select {
    color: #696969;
}
#side-repeat>.subsection>.repeat:nth-child(2)>.select {
    float: right;
}
#side-repeat>.subsection>.repeat>.select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    width: 130px;
    height: 40px;
    background-color: inherit;
    border-width: 0;
}
#side-repeat>.subsection>.repeat>.select>select {
    padding: 5px 22px;
    background-color: #E5E5E5;
    color: #696969;
}
#side-repeat>.subsection>.repeat>.select>i.arrow {
    border-top-color: #696969;
    border-top-width: 5px;
    border-right-width: 5px;
    border-left-width: 5px;
    top: 55%;
    right: 15px;
}
.no-touch #side-repeat>.subsection>.repeat:not(.disabled)>.select:focus>select, .no-touch #side-repeat>.subsection>.repeat:not(.disabled)>.select:hover>select, .no-touch #side-repeat>.subsection>.repeat:not(.disabled)>.select>select:focus, .no-touch #side-repeat>.subsection>.repeat:not(.disabled)>.select>select:hover {
    background-color: #CCC;
}
.no-touch:not(.ie9) #side-repeat>.subsection>.repeat:not(.disabled)>.select:focus>i.arrow, .no-touch:not(.ie9) #side-repeat>.subsection>.repeat:not(.disabled)>.select:hover>i.arrow {
    border-top-color: #696969;
}
#side-repeat>.subsection>.repeat.disabled>.select>i.arrow {
    border-color: transparent;
    border-top-color: #D0D0D0!important;
    cursor: default;
}
.ie #side-repeat>.subsection>.repeat>.select>select {
    width: 180px;
    padding-left: 50px;
}
.firefox #side-repeat>.subsection>.repeat>.select>select {
    width: 170px;
    left: -20px;
    text-align: center;
}
.chrome #side-repeat>.subsection>.repeat>.select>select, .safari #side-repeat>.subsection>.repeat>.select>select {
    text-indent: 30px;
}
#side-repeat>.subsection>.repeat.disabled>label {
    color: #D0D0D0!important;
    cursor: default;
}
#side-repeat>.subsection>.repeat.disabled>.select>select {
    background-color: #E5E5E5!important;
    color: #D0D0D0!important;
    cursor: default;
}
.ie #side-repeat>.subsection>.repeat.disabled>.select>select[disabled=""]::-ms-value {
    color: #D0D0D0!important;
}
.section>.subsection.radio-select>a {
    display: block;
    background-color: #E5E5E5;
    color: #696969;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 14px;
    padding: 15px;
    line-height: 17px;
    font-size: 17px;
}
.section.disabled>.subsection.radio-select>a {
    background-color: #E5E5E5!important;
    color: #D0D0D0!important;
    cursor: default!important;
}
.section>.subsection.radio-select>a.checkbox {
    background: url(../images/checkbox.png)94% center no-repeat #E5E5E5;
}
.section.disabled>.subsection.radio-select>a.checkbox {
    background-image: none!important;
}
.no-touch .section>.subsection.radio-select>a:focus, .no-touch .section>.subsection.radio-select>a:hover {
    background-color: #CCC;
    color: #696969;
}
#blind_profile a.active, #din-direction>.left_inside>a#left_inside, #din-direction>.left_outside>a#left_outside, #din-direction>.right_inside>a#right_inside, #din-direction>.right_outside>a#right_outside, #inner_wing a.active, #inner_wing>.hidden_leaf>a#hidden_leaf, #inner_wing>.visible_leaf>a#visible_leaf, #material>.radio-select>.active, #security-system>.SECURE1>a#SECURE1, #security-system>.SECURE2>a#SECURE2 {
    background-color: #5D99EF;
    color: #FBFBFB;
    cursor: default;
}
.section>.subsection.radio-select>a.checkbox.active {
    background-image: url(../images/checkbox-ticked.png);
}
#din-direction>.din-direction-img {
    margin-top: 25px;
    text-align: center;
    font-size: 14px;
    color: #696969;
}
#din-direction>.din-direction-img>img {
    margin: 10px 0;
}
@media screen and (max-width:1200px) {
    #side-repeat>.subsection>.repeat {
    width: 100%;
    float: none;
}
#side-repeat>.subsection>.repeat>.select {
    width: 75px;
}
.ie #side-repeat>.subsection>.repeat>.select>select {
    width: 125px;
    padding-left: 22px;
}
.firefox #side-repeat>.subsection>.repeat>.select>select {
    width: 120px;
    left: -30px;
}
.chrome #side-repeat>.subsection>.repeat>.select>select, .safari #side-repeat>.subsection>.repeat>.select>select {
    text-indent: 5px;
}
#side-repeat>.subsection>.repeat:nth-child(1) {
    padding: 0;
    margin-bottom: 10px;
}
#side-repeat>.subsection>.repeat:nth-child(2) {
    padding: 0;
}
#side-repeat>.subsection>.repeat:nth-child(1)>label, #side-repeat>.subsection>.repeat:nth-child(2)>label {
    padding-left: 7%;
    float: left;
}
#side-repeat>.subsection>.repeat:nth-child(1)>.select, #side-repeat>.subsection>.repeat:nth-child(2)>.select {
    float: right;
    margin-right: 7%}
#din-direction>.din-direction-img>img {
    width: 100%}
}@media screen and (max-width:400px) {
    #construction-view>.section {
    padding: 10px;
}
#construction-view>.section>.title {
    margin-top: 15px;
}
#door-dimensions>.title {
    padding: 0 10px!important;
}
#door-dimensions>.subsection {
    margin-top: 20px;
}
}@media screen and (max-width:736px)and (orientation:landscape) {
    #construction-view {
    top: 40px;
}
}#equipment-view {
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    left: 100px;
    top: 65px;
    bottom: 0;
    right: 0;
    z-index: 1;
}
#views.equipment-view>#equipment-view {
    display: block;
}
.equipment-sub-view {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 50px;
    bottom: 0;
    right: 0;
    z-index: 1;
}
#equipment-view.accessControl>#accessControl, #equipment-view.cilinder>#cilinder, #equipment-view.connector>#connector, #equipment-view.drzala>#drzala, #equipment-view.handleSet>#handleSet, #equipment-view.hinge>#hinge, #equipment-view.houseNumber>#houseNumber, #equipment-view.houseNumberComp>#houseNumberComp, #equipment-view.innendrucker>#innendrucker, #equipment-view.inside-rosette>#inside-rosette, #equipment-view.kljuke>#kljuke, #equipment-view.kljukeGroup>#kljukeGroup, #equipment-view.ledLight>#ledLight, #equipment-view.mailbox>#mailbox, #equipment-view.opener>#opener, #equipment-view.panelProtect>#panelProtect, #equipment-view.peephole>#peephole, #equipment-view.praske>#praske, #equipment-view.remoteControl>#remoteControl, #equipment-view.secureLatch>#secureLatch, #equipment-view.side-mailbox>#side-mailbox, #equipment-view.stopper>#stopper, #equipment-view.threshold>#threshold, #equipment-view.tolkala>#tolkala, #equipment-view.wall-bell>#wall-bell, #equipment-view.wall-mailbox>#wall-mailbox, #equipment-view.wallLamp>#wallLamp {
    display: block;
}
.equipment-sub-view>.equipment-item.vertical {
    display: table;
    width: 100%}
.equipment-sub-view>.equipment-item.vertical>.image {
    width: 50%;
    text-align: center;
    display: table-cell;
    vertical-align: top;
    font-size: 0;
}
.equipment-sub-view>.equipment-item.vertical>.options {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding-right: 30px;
}
.equipment-sub-view>.equipment-item.horizontal {
    padding: 20px 30px;
}
.equipment-sub-view>.equipment-item.horizontal>.image>img {
    margin: 20px 0;
    max-width: 100%}
.equipment-sub-view>.equipment-item.vertical>.image>img {
    margin: 20px;
}
.equipment-sub-view>.equipment-item>.description {
    color: #696969;
    font-size: 14px;
}
.equipment-sub-view>.equipment-item>.options>.description {
    color: #696969;
    font-size: 14px;
    margin-bottom: 20px;
}
.equipment-sub-view#drzala>.equipment-item.vertical>.image {
    width: 40%}
.equipment-sub-view#drzala>.equipment-item.vertical>.options {
    width: 60%}
.equipment-sub-view#secureLatch>.equipment-item.vertical>.image {
    width: 30%}
.equipment-sub-view#secureLatch>.equipment-item.vertical>.image>img {
    margin: 10px;
}
.equipment-sub-view#secureLatch>.equipment-item.vertical>.options {
    width: 70%}
.equipment-sub-view#houseNumberComp>.equipment-item.vertical>.image {
    width: 40%}
.equipment-sub-view#houseNumberComp>.equipment-item.vertical>.options {
    width: 60%}
@media screen and (max-width:1200px) {
    .equipment-sub-view#peephole>.equipment-item>.image, .equipment-sub-view#stopper>.equipment-item>.image {
    margin-left: -30px;
    padding: 0 30px;
}
.equipment-sub-view#peephole>.equipment-item>.image>img, .equipment-sub-view#stopper>.equipment-item>.image>img {
    width: 100%}
}.equipment-sub-view>.equipment-item>.options>.option-item:first-child {
    margin-top: 10px;
}
.equipment-sub-view>.equipment-item>.options>.option-item:last-child {
    margin-bottom: 10px;
}
.equipment-sub-view>.equipment-item>.options>.option-item {
    width: 100%;
    padding: 10px 0 10px 30px;
    position: relative;
    cursor: pointer;
    line-height: 22px;
    min-height: 22px;
}
.equipment-sub-view>.equipment-item>.options>.option-item>span {
    color: #696969;
}
.equipment-sub-view>.equipment-item>.options>.option-item>i.radio {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 11px;
    left: 0;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #696969;
}
.equipment-sub-view>.equipment-item>.options>.option-item>i.radio>i.check {
    position: absolute;
    display: none;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    background-color: #696969;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%}
.no-touch .equipment-sub-view>.equipment-item>.options>.option-item:not(.active):focus>span, .no-touch .equipment-sub-view>.equipment-item>.options>.option-item:not(.active):hover>span {
    color: #454545;
    font-weight: 700;
}
.no-touch .equipment-sub-view>.equipment-item>.options>.option-item:not(.active):focus>i.radio, .no-touch .equipment-sub-view>.equipment-item>.options>.option-item:not(.active):hover>i.radio {
    border: 2px solid #454545;
}
.no-touch .equipment-sub-view.optional>.equipment-item>.options>.option-item>a.remove:focus>div.cross, .no-touch .equipment-sub-view.optional>.equipment-item>.options>.option-item>a.remove:hover>div.cross {
    background-color: #454545;
}
.equipment-sub-view>.equipment-item>.options>.option-item.active {
    cursor: default;
}
.equipment-sub-view>.equipment-item>.options>.option-item.active>span {
    color: #454545;
    font-weight: 700;
}
.equipment-sub-view>.equipment-item>.options>.option-item.active>i.radio {
    border: 2px solid #5D99EF;
}
.equipment-sub-view>.equipment-item>.options>.option-item.active>i.radio>i.check {
    display: block;
    background-color: #5D99EF;
}
.equipment-sub-view.disabled>.equipment-item>.options>.option-item {
    cursor: default!important;
}
.equipment-sub-view.disabled>.equipment-item>.options>.option-item>span {
    color: #D0D0D0!important;
    font-weight: 400!important;
}
.equipment-sub-view.disabled>.equipment-item>.options>.option-item>i.radio {
    border: 2px solid #D0D0D0!important;
}
.equipment-sub-view.disabled>.equipment-item>.options>.option-item>a.remove, .equipment-sub-view.disabled>.equipment-item>.options>.option-item>i.radio>i.check {
    display: none!important;
}
.equipment-sub-view.disabled>.equipment-item>.image>img {
    opacity: .4!important;
}
.equipment-sub-view.disabled>.equipment-item>.description, .equipment-sub-view.disabled>.equipment-item>.options>.description {
    color: #D0D0D0;
}
.equipment-sub-view.optional>.equipment-item>.options>.option-item>a.remove {
    position: absolute;
    display: none;
    width: 75px;
    height: 100%;
    top: 0;
    right: -30px;
}
.equipment-sub-view.optional>.equipment-item>.options>.option-item>a.remove>div.cross {
    position: absolute;
    background-color: #696969;
    width: 32px;
    height: 32px;
    top: 50%;
    right: 50%;
    margin-top: -16px;
    margin-right: -16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%}
.equipment-sub-view.optional>.equipment-item>.options>.option-item>a.remove>div.cross>div.line-1, .equipment-sub-view.optional>.equipment-item>.options>.option-item>a.remove>div.cross>div.line-2 {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    background-color: #EFEFEF;
}
.equipment-sub-view.optional>.equipment-item>.options>.option-item>a.remove>div.cross>div.line-1 {
    position: absolute;
    width: 18px;
    height: 2px;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -9px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.equipment-sub-view.optional>.equipment-item>.options>.option-item>a.remove>div.cross>div.line-2 {
    position: absolute;
    width: 18px;
    height: 2px;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -9px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#glass-sub-view, #glass-view, .glass-sub-sub-sub-view, .glass-sub-sub-view {
    position: absolute;
    left: 0;
}
.equipment-sub-view.optional>.equipment-item>.options>.option-item.active {
    padding: 10px 30px;
}
.equipment-sub-view.optional>.equipment-item>.options>.option-item.active>a.remove {
    display: block;
}
#equipment-view .label, .equipment-sub-view.house-number {
    margin: 10px;
}
.equipment-sub-view>.equipment-item>label.input-elm {
    vertical-align: bottom;
    width: 50%;
    position: relative;
}
.equipment-sub-view>.equipment-item>label.input-elm>span {
    display: block;
    color: #5D99EF;
    margin-bottom: 4px;
}
.equipment-sub-view>.equipment-item>label.input-elm>input {
    border: none;
    border-bottom: 2px solid #5D99EF;
    width: 50%;
    margin: 0;
    padding: 0;
    outline: 0;
    background-color: transparent;
    font-size: 22px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#glass-group>a, #glass-view a.glass-item>img {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.equipment-sub-view>.equipment-item>label.input-elm.disabled>input, .equipment-sub-view>.equipment-item>label.input-elm.disabled>span {
    border-color: #adadad!important;
    color: #adadad!important;
    -webkit-text-fill-color: #adadad!important;
}
@media screen and (max-width:736px)and (orientation:landscape) {
    #equipment-view, .equipment-sub-view {
    top: 40px;
}
}


#glass-view {
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    top: 65px;
    left: 100px;
    bottom: 0;
    right: 0;
    z-index: 1;
}
#views.glass-view>#glass-view {
    display: block;
}
#glass-sub-view {
    overflow-x: hidden;
    overflow-y: hidden;
    top: 50px;
    bottom: 0;
    right: 0;
    z-index: 1;
}
#glass-view.no-menu #glass-sub-view, #glass-view.no-type #glass-sub-view {
    top: 0;
}
#glass-type {
    display:table;
    border-collapse:separate;
    border-spacing:20px;
    width:100%;
    padding-top:10px
}
#glass-view.no-menu #glass-type {
    display: block;
}
#glass-type>a {
    display:table-cell;
    width:50%;
    vertical-align:middle;
    background-color:#E5E5E5;
    color:#333;
    border-radius:3px;
    line-height:17px;
    font-size:17px;
    padding:10px
}
.no-touch #glass-type>a:focus, .no-touch #glass-type>a:hover {
    background-color: #CCC;
    color: #696969;
}
#glass-sub-view.motiv>#glass-type>a.motiv, #glass-sub-view.ornament>#glass-type>a.ornament, #glass-type>a.active {
    background-color: #5D99EF;
    color: #FBFBFB;
    cursor: default;
}
#glass-type>a.disabled {
    background-color: #E5E5E5!important;
    color: #D0D0D0!important;
    cursor: default!important;
}
.glass-sub-sub-view {
    padding: 0 10px;
    overflow-x: hidden;
    overflow-y: hidden;
    top: 87px;
    bottom: 0;
    right: 0;
    z-index: 2;
}
#glass-view.no-menu .glass-sub-sub-view {
    top: 0!important;
}
.glass-sub-sub-view.scrolling {
    overflow-y: auto;
}
#glass-sub-view.motiv>#motiv.glass-sub-sub-view, #glass-sub-view.ornament>#ornament.glass-sub-sub-view {
    display: block;
   
}
#glass-group {
    padding: 0 10px;
}
#glass-group>a {
    display: block;
    background-color: #E5E5E5;
    color: #696969;
    -moz-border-radius: 3px;
    padding: 10px;
    line-height: 15px;
    font-size: 15px;
    width: 22%;
    margin-left: 4%;
    float: left;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#glass-group>a:first-child {
    margin-left: 0;
}
.no-touch #glass-group>a:not(.active):focus, .no-touch #glass-group>a:not(.active):hover {
    background-color: #CCC;
    color: #696969;
}
#glass-group>a.active {
    background-color: #5D99EF;
    color: #FBFBFB;
    cursor: default;
}
#glass-group>a.disabled {
    background-color: #E5E5E5!important;
    color: #D0D0D0!important;
    cursor: default!important;
}
.glass-sub-sub-sub-view {
    padding: 0 10px;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0px;
    bottom: 0;
    right: 0;
    z-index: 3;
    display: block;
}
.glass-sub-sub-view.group>.glass-sub-sub-sub-view {
    top: 0px;
}
.glass-sub-sub-view>#ornament-group-desc {
    margin-top: 10px;
    margin-left: 20px;
}
.glass-sub-sub-view.group.g-desc>.glass-sub-sub-sub-view {
    top: 0px;
}
#glass-view a.glass-item {
    padding: 20px;
    display: block;
    float: left;
    position: relative;
    width: 33%;
    text-align: center;
}
#glass-view.side-glass #motiv a.glass-item, #glass-view.top-glass #motiv a.glass-item {
    width: 25%}
#glass-view a.glass-item>img {
    -moz-border-radius: 3px;
    width: 120px;
}
#glass-view.side-glass #motiv a.glass-item>img, #glass-view.top-glass #motiv a.glass-item>img {
    width: 60px;
}
#glass-view a.glass-item>span.name {
    text-align: center;
    font-size: 13px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #696969;
}
.no-touch #glass-view a.glass-item:not(.selected):focus>span.name, .no-touch #glass-view a.glass-item:not(.selected):hover>span.name {
    font-weight: 700;
    color: #454545;
}
#glass-view a.glass-item.selected>span.name {
    font-weight: 700;
    color: #5D99EF;
}
#glass-view .glass-item>div.icon {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -23px;
    background-color: #5D99EF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(100, 100, 100, .15);
    display: none;
}
#glass-view .glass-item>div.icon>.checkmark {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
}
#glass-view .glass-item>div.icon>.checkmark>.line-1 {
    background-color: #FFF;
    width: 15px;
    height: 2px;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
    position: absolute;
    top: 15px;
    left: 6px;
}
#glass-view .glass-item>div.icon>.checkmark>.line-2 {
    background-color: #FFF;
    width: 8px;
    height: 2px;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(-125deg);
    -moz-transform: rotate(-125deg);
    -ms-transform: rotate(-125deg);
    -o-transform: rotate(-125deg);
    transform: rotate(-125deg);
    position: absolute;
    top: 17px;
    left: 6px;
}
#glass-view .glass-item.selected>div.icon {
    display: block;
}
@media screen and (max-width:1200px) {
    #glass-type {
    padding-top: 2px;
    border-spacing: 10px;
}
.glass-sub-sub-view {
    top: 74px;
    padding: 0 5px;
}
#glass-view a.glass-item {
    padding: 5px;
}
#glass-view a.glass-item>span.name {
    padding: 0 10px;
}
#glass-group {
    padding: 0 5px;
}
#glass-group>a {
    font-size: 12px;
    padding: 8px;
}
#glass-view a.glass-item>img {
    width: 90px;
}
#glass-view.side-glass #motiv a.glass-item>img, #glass-view.top-glass #motiv a.glass-item>img {
    width: 45px;
}
.glass-sub-sub-view>#ornament-group-desc {
    margin-left: 10px;
}
}@media screen and (max-width:736px)and (orientation:landscape) {
    #glass-sub-view, #glass-view {
    top: 40px;
}
.glass-sub-sub-sub-view, .glass-sub-sub-view {
    overflow-x: visible!important;
    overflow-y: visible!important;
}
#glass-sub-view {
    overflow-x: visible!important;
    overflow-y: auto!important;
}
}@media screen and (max-width:375px) {
    #glass-view a.glass-item>img {
    width: 84px;
}
#glass-view.side-glass #motiv a.glass-item>img, #glass-view.top-glass #motiv a.glass-item>img {
    width: 42px;
}
}#house-color-view {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 65px;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: none;
    padding: 20px;
}
#views.house-color-view>#house-color-view {
    display: block;
}
.house-color-view>a.house-color-item {
    padding: 10px;
    display: block;
    float: left;
    position: relative;
    width: 25%;
    text-align: center;
    line-height: 0;
}
.house-color-view>a.house-color-item>img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #DADADA;
    border: 1px solid rgba(0, 0, 0, .1);
    width: 100%;
    height: 100%;
    max-height: 95px;
    background-size: cover;
    background-position: center center;
}
.house-color-view>a.house-color-item>div.icon {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -23px;
    background-color: #5D99EF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(100, 100, 100, .15);
    display: none;
}
#house-view #fake-load-image>div.box-icon-out>.line-4, #house-view #fake-load-image>div.box-icon-out>.line-5, #house-view>#load-image>div.box-icon-out>.line-4, #house-view>#load-image>div.box-icon-out>.line-5, #house-view>#save-image>div.box-icon-in>.line-4, #house-view>#save-image>div.box-icon-in>.line-5 {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.house-color-view>a.house-color-item>div.icon>.checkmark {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
}
.house-color-view>a.house-color-item>div.icon>.checkmark>.line-1 {
    background-color: #FFF;
    width: 15px;
    height: 2px;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
    position: absolute;
    top: 15px;
    left: 6px;
}
.house-color-view>a.house-color-item>div.icon>.checkmark>.line-2 {
    background-color: #FFF;
    width: 8px;
    height: 2px;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(-125deg);
    -moz-transform: rotate(-125deg);
    -ms-transform: rotate(-125deg);
    -o-transform: rotate(-125deg);
    transform: rotate(-125deg);
    position: absolute;
    top: 17px;
    left: 6px;
}
.house-color-view>a.house-color-item.selected>div.icon {
    display: block;
}
@media screen and (max-width:1200px) {
    .house-color-view, .house-color-view>a.house-color-item {
    padding: 10px;
}
.house-color-view>a.house-color-item>img {
    max-height: 63px;
}
}@media screen and (max-width:400px) {
    #house-color-view>a.house-color-item>img {
    max-height: 75px;
}
}@media screen and (max-width:736px)and (orientation:landscape) {
    #house-color-view {
    top: 40px;
}
}
#house-view {
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    left: 0;
    top: 65px;
    bottom: 0;
    right: 0;
    z-index: 1;
}
#views.house-view>#house-view {
    display: block;
}
#house-map {
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
}
#main-view.house-map>#house-map {
    display: block;
}
#house-view #fake-load-image,#house-view>#load-image {
    position:absolute;
    bottom:50px;
    height:50px;
    width:100%;
    display:block;
    font-size:20px;
    padding-left:66px;
    border-top:1px solid #E4E4E4;
    z-index:5;
    outline:0;
    cursor:pointer;
    background-color:#5D99EF;
    color:#fff
}
#house-view #fake-load-image>div.box-icon-out,#house-view>#load-image>div.box-icon-out {
    width:24px;
    height:30px;
    position:absolute;
    top:50%;
    left:24px;
    margin-top:-16px
}
#house-view #fake-load-image>div.box-icon-out>div,#house-view>#load-image>div.box-icon-out>div {
    background-color:#fff
}
#house-view #fake-load-image>div.box-icon-out>.line-1,#house-view>#load-image>div.box-icon-out>.line-1 {
    width:8px;
    height:3px;
    position:absolute;
    top:9px;
    left:0;
    -webkit-border-top-left-radius:3px;
    -moz-border-top-left-radius:3px;
    border-top-left-radius:3px
}
#house-view #fake-load-image>div.box-icon-out>.line-2,#house-view>#load-image>div.box-icon-out>.line-2 {
    width:8px;
    height:3px;
    position:absolute;
    top:9px;
    right:0;
    -webkit-border-top-right-radius:3px;
    -moz-border-top-right-radius:3px;
    border-top-right-radius:3px
}
#house-view #fake-load-image>div.box-icon-out>.line-3,#house-view>#load-image>div.box-icon-out>.line-3 {
    width:3px;
    height:21px;
    position:absolute;
    bottom:0;
    right:0;
    -webkit-border-top-right-radius:3px;
    -moz-border-top-right-radius:3px;
    border-top-right-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    -moz-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px
}
#house-view #fake-load-image>div.box-icon-out>.line-4,#house-view>#load-image>div.box-icon-out>.line-4 {
    height:3px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    -moz-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px
}
#house-view #fake-load-image>div.box-icon-out>.line-5,#house-view>#load-image>div.box-icon-out>.line-5 {
    width:3px;
    height:21px;
    position:absolute;
    bottom:0;
    left:0;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
    -webkit-border-top-left-radius:3px;
    -moz-border-top-left-radius:3px;
    border-top-left-radius:3px
}
#house-view #fake-load-image>div.box-icon-out>.line-6,#house-view>#load-image>div.box-icon-out>.line-6 {
    width:2px;
    height:18px;
    position:absolute;
    top:2px;
    left:50%;
    margin-left:-1px
}
#house-view #fake-load-image>div.box-icon-out>.line-7,#house-view>#load-image>div.box-icon-out>.line-7 {
    width:2px;
    height:8px;
    position:absolute;
    top:0;
    left:50%;
    margin-left:0;
    -webkit-transform-origin:left top;
    -moz-transform-origin:left top;
    -ms-transform-origin:left top;
    -o-transform-origin:left top;
    transform-origin:left top;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
#house-view #fake-load-image>div.box-icon-out>.line-8,#house-view>#load-image>div.box-icon-out>.line-8 {
    width:2px;
    height:8px;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-2px;
    -webkit-transform-origin:right top;
    -moz-transform-origin:right top;
    -ms-transform-origin:right top;
    -o-transform-origin:right top;
    transform-origin:right top;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
#house-view #fake-load-image>span,#house-view>#load-image>span {
    line-height:50px;
    font-size:20px
}
#house-view>form {
    position:absolute;
    left:-9999px
}
.no-touch #house-view>#load-image:focus,.no-touch #house-view>#load-image:hover {
    background-color:#63a5ff!important;
    color:#fff!important
}
.no-touch #house-view>#load-image:focus>div.box-icon-out>div,.no-touch #house-view>#load-image:hover>div.box-icon-out>div {
    background-color:#fff!important
}
#house-view>#load-image>.overlay {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:100
}
#house-view>#save-image {
    position:absolute;
    bottom:0;
    height:50px;
    width:100%;
    display:block;
    font-size:20px;
    padding-left:66px;
    border-top:1px solid #63a5ff;
    z-index:5;
    outline:0;
    cursor:pointer;
    background-color:#5D99EF;
    color:#fff
}
#house-view>#save-image>div.box-icon-in {
    width:24px;
    height:30px;
    position:absolute;
    top:50%;
    left:24px;
    margin-top:-16px
}
#house-view>#save-image>div.box-icon-in>div {
    background-color:#fff
}
#house-view>#save-image>div.box-icon-in>.line-1 {
    width:8px;
    height:3px;
    position:absolute;
    top:9px;
    left:0;
    -webkit-border-top-left-radius:3px;
    -moz-border-top-left-radius:3px;
    border-top-left-radius:3px
}
#house-view>#save-image>div.box-icon-in>.line-2 {
    width:8px;
    height:3px;
    position:absolute;
    top:9px;
    right:0;
    -webkit-border-top-right-radius:3px;
    -moz-border-top-right-radius:3px;
    border-top-right-radius:3px
}
#house-view>#save-image>div.box-icon-in>.line-3 {
    width:3px;
    height:21px;
    position:absolute;
    bottom:0;
    right:0;
    -webkit-border-top-right-radius:3px;
    -moz-border-top-right-radius:3px;
    border-top-right-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    -moz-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px
}
#house-view>#save-image>div.box-icon-in>.line-4 {
    height:3px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    -moz-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px
}
#house-view>#save-image>div.box-icon-in>.line-5 {
    width:3px;
    height:21px;
    position:absolute;
    bottom:0;
    left:0;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
    -webkit-border-top-left-radius:3px;
    -moz-border-top-left-radius:3px;
    border-top-left-radius:3px
}
#house-view>#save-image>div.box-icon-in>.line-6 {
    width:2px;
    height:18px;
    position:absolute;
    top:2px;
    left:50%;
    margin-left:-1px
}
#house-view>#save-image>div.box-icon-in>.line-7 {
    width:2px;
    height:8px;
    position:absolute;
    top:14px;
    left:50%;
    margin-left:0;
    -webkit-transform-origin:left bottom;
    -moz-transform-origin:left bottom;
    -ms-transform-origin:left bottom;
    -o-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
#house-view>#save-image>div.box-icon-in>.line-8 {
    width:2px;
    height:8px;
    position:absolute;
    top:14px;
    left:50%;
    margin-left:-2px;
    -webkit-transform-origin:right bottom;
    -moz-transform-origin:right bottom;
    -ms-transform-origin:right bottom;
    -o-transform-origin:right bottom;
    transform-origin:right bottom;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
#door-in-house-images-list>.door-in-house-image-item>div.icon,#model-sub-view>.model-item>div.icon {
    margin-left:-23px;
    -moz-border-radius:50%;
    -webkit-box-shadow:2px 2px 5px -1px rgba(0,0,0,.35),rgba(255,255,255,.25) 1px 1px 2px inset
}
#house-view>#save-image>span {
    line-height:50px;
    font-size:20px
}
.no-touch #house-view>#save-image:focus,.no-touch #house-view>#save-image:hover {
    background-color:#63a5ff!important;
    color:#fff!important
}
.no-touch #house-view>#save-image:focus>div.box-icon-in>div,.no-touch #house-view>#save-image:hover>div.box-icon-in>div {
    background-color:#fff!important
}
#house-view>#door-in-house-images-list {
    padding:16px;
    line-height:0;
    display:block;
    overflow-x:hidden;
    overflow-y:auto;
    border-top:100px;
    top:0;
    bottom:100px;
    position:absolute
}
#door-in-house-images-list>.door-in-house-image-item {
    display:block;
    position:relative;
    width:50%;
    padding:8px;
    float:left
}
#door-in-house-images-list>.door-in-house-image-item>img {
    width:100%
}
#door-in-house-images-list.disable-p>.door-in-house-image-item.predefined {
    cursor:auto
}
#door-in-house-images-list.disable-p>.door-in-house-image-item.predefined>img {
    opacity:.5
}
#door-in-house-images-list>.door-in-house-image-item>div.icon {
    width:46px;
    height:46px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-23px;
    background-color:#5D99EF;
    -webkit-border-radius:50%;
    border-radius:50%;
    -moz-box-shadow:2px 2px 5px -1px rgba(0,0,0,.35),rgba(255,255,255,.25) 1px 1px 2px inset;
    box-shadow:2px 2px 5px -1px rgba(0,0,0,.35),rgba(255,255,255,.25) 1px 1px 2px inset;
    border:1px solid rgba(100,100,100,.15);
    display:none
}
#door-in-house-images-list>.door-in-house-image-item>div.icon>.checkmark {
    position:absolute;
    width:20px;
    height:20px;
    top:50%;
    left:50%;
    margin-top:-10px;
    margin-left:-10px
}
#door-in-house-images-list>.door-in-house-image-item>div.icon>.checkmark>.line-1 {
    background-color:#FFF;
    width:15px;
    height:2px;
    -webkit-transform-origin:left bottom;
    -moz-transform-origin:left bottom;
    -ms-transform-origin:left bottom;
    -o-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transform:rotate(-35deg);
    -moz-transform:rotate(-35deg);
    -ms-transform:rotate(-35deg);
    -o-transform:rotate(-35deg);
    transform:rotate(-35deg);
    position:absolute;
    top:15px;
    left:6px
}
#door-in-house-images-list>.door-in-house-image-item>div.icon>.checkmark>.line-2 {
    background-color:#FFF;
    width:8px;
    height:2px;
    -webkit-transform-origin:left top;
    -moz-transform-origin:left top;
    -ms-transform-origin:left top;
    -o-transform-origin:left top;
    transform-origin:left top;
    -webkit-transform:rotate(-125deg);
    -moz-transform:rotate(-125deg);
    -ms-transform:rotate(-125deg);
    -o-transform:rotate(-125deg);
    transform:rotate(-125deg);
    position:absolute;
    top:17px;
    left:6px
}
#door-in-house-images-list>.door-in-house-image-item.selected>div.icon {
    display:block
}
#house-view>.iupload {
    position:absolute;
    left:-9999px
}
#house-view.ie9 #load-image {
    display:none
}
#house-view.ie9 #fake-load-image {
    display:block;
    bottom:0
}
#house-view.ie9>form {
    left:0;
    bottom:50px;
    height:50px;
    display:block;
    width:100%
}
#house-view.ie9 .file-input {
    position:absolute;
    width:100%;
    height:50px;
    outline:0;
    display:block;
    background:#fff;
    font-size:70px;
    overflow:hidden;
    opacity:0;
    z-index:10
}
@media screen and (max-width:384px) {
    #house-color-view>a.house-color-item>img {
    max-height: 71px;
}
.house-sub-sub-view {
    top: 64px;
}
}@media screen and (max-width:375px) {
    #house-color-view>a.house-color-item>img {
    max-height: 69px;
}
.house-sub-sub-view {
    top: 64px;
}
}@media screen and (max-width:360px) {
    #house-color-view>a.house-color-item>img {
    max-height: 65px;
}
.house-sub-sub-view {
    top: 64px;
}
}@media screen and (max-width:320px) {
    #house-color-view>a.house-color-item>img {
    max-height: 55px;
}
.house-sub-sub-view {
    top: 64px;
}
}@media screen and (max-width:213px) {
    #house-color-view>a.house-color-item>img {
    max-height: 28px;
}
.house-sub-sub-view {
    top: 64px;
}
}@media screen and (max-width:736px)and (orientation:landscape) {
    #house-view {
    top: 40px;
}
#house-view>#load-image {
    height: 40px!important;
    bottom: 40px;
}
#house-view>#load-image>span, #house-view>#save-image>span {
    font-size: 16px!important;
    line-height: 40px!important;
}
#house-view>#save-image {
    height: 40px!important;
}
#house-view>#door-in-house-images-list {
    bottom: 80px;
}
}#inquiry-view {
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    left: 0;
    top: 65px;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: none;
}
#views.inquiry-view>#inquiry-view {
    display: block;
}
#inquiry-view .data-container {
    top: 0;
    bottom: 60px;
    left: 0;
    right: 0;
    position: absolute;
    overflow-x: hidden;
    overflow-y: hidden;
}
#inquiry-view>.data-container>.data-sub-container {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
}
#inquiry-view>.data-container.show-remark>.data-sub-container {
    bottom: 165px;
}
#inquiry-view>.data-container>.data-sub-container>.section {
    padding: 20px;
    border-bottom: 1px solid #E4E4E4;
}
#inquiry-view>.data-container>.data-sub-container>.section>.section-name {
    padding-bottom: 5px;
    font-weight: 700;
    font-size: 18px;
    color: #696969;
}
#inquiry-view>.data-container>.data-sub-container>.section>.section-data {
    display: table;
    border-collapse: separate;
    width: 100%}
#inquiry-view>.data-container>.data-sub-container>.section>.section-data>.row {
    display: table-row;
}
#inquiry-view>.data-container>.data-sub-container>.section>.section-data>.row>.col-a, #inquiry-view>.data-container>.data-sub-container>.section>.section-data>.row>.col-b {
    display: table-cell;
    padding: 7px 0;
    width: 50%;
    line-height: 17px;
    vertical-align: middle;
}
#inquiry-view>.data-container>.data-sub-container>.section>.section-data>.row>.col-a {
    padding-right: 15px;
    color: #696969;
}
#inquiry-view>.data-container>.data-sub-container>.section>.section-data>.row>.col-b {
    color: #696969;
}
#inquiry-view>.data-container>.data-sub-container>.section.basic-info>.section-name {
    font-weight: 400;
    font-size: 19px;
    line-height: 19px;
}
#inquiry-view>.data-container>.data-sub-container>.section.basic-info>.section-data>.row.model-name {
    font-weight: 700;
    margin-top: 20px;
    font-size: 18px;
}
#inquiry-view>.data-container>.data-sub-container>.section.basic-info>.section-data>.row.model-name>.col-a {
    font-size: 16px;
}
#inquiry-view>.data-container>.remark-inquiry {
    padding: 20px;
    border-bottom: none;
    position: absolute;
    height: 165px;
    overflow-x: hidden;
    overflow-y: auto;
}
#inquiry-view>.data-container>.remark-inquiry>.remark-inquiry-title {
    padding-bottom: 5px;
    font-weight: 700;
    font-size: 18px;
    color: #696969;
}
#inquiry-view>.data-container>.remark-inquiry>.remark-inquiry-text {
    color: #696969;
    font-size: 14px;
}
#inquiry-view>.section-btns {
    display: table;
    position: absolute;
    border-collapse: separate;
    border-spacing: 30px 10px;
    height: 60px;
}
#inquiry-view>.section-btns>a {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFCA82;
    color: #696969;
    font-size: 18px;
}
#inside-model-sub-view>.model-item>div.icon, #model-sub-view>.model-item>div.icon, #profile-view>.equipment-item>.options>.option-item>i.radio, #side-model-view>.content>.model-item>div.icon, .secure-latch-item>.options>.option-item>i.radio, .secure-latch-item>.options>.option-item>i.radio>i.check {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-border-radius: 50%}
.no-touch #inquiry-view>.section-btns>a:focus, .no-touch #inquiry-view>.section-btns>a:hover {
    background-color: #FCC16F;
    color: #454545;
}
@media screen and (max-width:1200px) {
    #inquiry-view>.data-container.show-remark>.data-sub-container {
    bottom: 205px;
}
#inquiry-view>.data-container>.remark-inquiry {
    height: 205px;
}
.ios #inquiry-view>.data-container.show-remark>.data-sub-container {
    bottom: 165px;
}
.ios #inquiry-view>.data-container>.remark-inquiry {
    height: 165px;
}
}@media screen and (max-width:736px)and (orientation:landscape) {
    #inquiry-view {
    top: 40px;
}
#inquiry-view>.section-btns {
    border-spacing: 20px 10px;
}
}@media screen and (max-height:736px) {
    #inquiry-view .data-container {
    overflow-x: hidden;
    overflow-y: auto;
}
#inquiry-view>.data-container>.data-sub-container {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
}
#inquiry-view>.data-container>.remark-inquiry {
    position: relative;
    border-top: none;
    border-bottom: 1px solid #E4E4E4;
    height: auto;
    overflow-y: hidden;
}
}@media screen and (max-width:400px) {
    #inquiry-view>.data-container>.data-sub-container>.section, #inquiry-view>.data-container>.remark-inquiry {
    padding: 10px;
}
#inquiry-view>.section-btns {
    border-spacing: 20px 10px;
}
}
#menu-view {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 65px;
    bottom: 0;
    right: 0;
    z-index: 10;
    display: block;
    background-color: #E5E5E5;
    width: 100px;
}
#views.menu-view>#menu-view {
    display: block;
}
#menu-view .menu-item {
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    font-size: 20px;
    overflow: hidden;
    position: relative;
    background-color: transparent;
    color: #696969;
    border-bottom: 1px solid rgba(128, 128, 128, .2);
}
.menu-view #menu-view .menu-item {
    border-bottom: none;
}
#profile-view>.equipment-item, .secure-latch-item {
    border-bottom: 1px solid #E4E4E4;
}
#menu-view .menu-item.active, .no-touch #menu-view .menu-item:focus, .no-touch #menu-view .menu-item:hover {
    background-color: #F7F7F7;
    color: #696969;
}
#menu-view .menu-item.disabled {
    background-color: transparent!important;
    color: #D1D1D1!important;
    cursor: default!important;
}
#menu-view .menu-item>i.icon {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -2px;
    left: 30px;
    background-image: url(../images/icons.png);
    background-position: -377px -150px;
    z-index: 2;
    -webkit-transform: scale(.69, .69);
    -ms-transform: scale(.69, .69);
    transform: scale(.69, .69);
}
.menu-view #menu-view .menu-item>i.icon {
    left: 20px;
    top: 50%;
    margin-top: -20px;
}
#menu-view .menu-item>i.tooltip-el {
    position: absolute;
    width: 100px;
    height: 100%;
    z-index: 3;
}
#menu-view .menu-item>.icon-title {
    position: absolute;
    width: 100px;
    z-index: 1;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    bottom: 4px;
    line-height: normal;
    text-align: center;
    padding: 2px;
}
.menu-view #menu-view .menu-item>.icon-title {
    display: none;
}
#menu-view .menu-item>span.name {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 0 30px 0 105px;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.menu-view #menu-view .menu-item>span.name {
    padding: 0 30px 0 85px;
}
#menu-view .menu-item>span.name:first-letter {
    text-transform: capitalize;
}
#menu-view .menu-item.bauform>i.icon {
    background-position: -4px -8px;
}
#menu-view .menu-item.model>i.icon {
    background-position: -47px -8px;
}
#menu-view .menu-item.insideModel>i.icon {
    background-position: -497px -8px;
}
#menu-view .menu-item.konstruktion>i.icon {
    background-position: -90px -8px;
}
#menu-view .menu-item.color>i.icon {
    background-position: -137px -8px;
}
#menu-view .menu-item.ornament>i.icon {
    background-position: -183px -8px;
}
#menu-view .menu-item.dodatna>i.icon {
    background-position: -222px -8px;
}
#menu-view .menu-item.secureLatch>i.icon {
    background-position: -409px -8px;
}
#menu-view .menu-item.houseColors>i.icon {
    background-position: -267px -8px;
}
#menu-view .menu-item.myHouse>i.icon {
    background-position: -314px -8px;
}
#menu-view .menu-item.anfrage>i.icon {
    background-position: -364px -8px;
}
#menu-view .menu-item.profil>i.icon {
    background-position: -450px -8px;
}
#menu-view .menu-item.search-model>i.icon {
    background-position: -500px -145px;
}
#menu-view .menu-item.referenceNumber>i.icon {
    background-position: -499px -193px;
}
.no-touch #menu-view .menu-item.bauform:not(.disabled):hover>i.icon {
    background-position: -4px -56px;
}
.no-touch #menu-view .menu-item.model:not(.disabled):hover>i.icon {
    background-position: -47px -56px;
}
.no-touch #menu-view .menu-item.insideModel:not(.disabled):hover>i.icon {
    background-position: -497px -56px;
}
.no-touch #menu-view .menu-item.konstruktion:not(.disabled):hover>i.icon {
    background-position: -90px -56px;
}
.no-touch #menu-view .menu-item.color:not(.disabled):hover>i.icon {
    background-position: -137px -56px;
}
.no-touch #menu-view .menu-item.ornament:not(.disabled):hover>i.icon {
    background-position: -183px -56px;
}
.no-touch #menu-view .menu-item.dodatna:not(.disabled):hover>i.icon {
    background-position: -222px -56px;
}
.no-touch #menu-view .menu-item.secureLatch:not(.disabled):hover>i.icon {
    background-position: -409px -56px;
}
.no-touch #menu-view .menu-item.houseColors:not(.disabled):hover>i.icon {
    background-position: -267px -56px;
}
.no-touch #menu-view .menu-item.myHouse:not(.disabled):hover>i.icon {
    background-position: -314px -56px;
}
.no-touch #menu-view .menu-item.anfrage:not(.disabled):hover>i.icon {
    background-position: -364px -56px;
}
.no-touch #menu-view .menu-item.profil:not(.disabled):hover>i.icon {
    background-position: -450px -56px;
}
.no-touch #menu-view .menu-item.search-model:not(.disabled):hover>i.icon {
    background-position: -541px -145px;
}
.no-touch #menu-view .menu-item.referenceNumber:not(.disabled):hover>i.icon {
    background-position: -540px -193px;
}
#menu-view .menu-item.bauform.active>i.icon {
    background-position: -4px -56px;
}
#menu-view .menu-item.model.active>i.icon {
    background-position: -47px -56px;
}
#menu-view .menu-item.insideModel.active>i.icon {
    background-position: -497px -56px;
}
#menu-view .menu-item.konstruktion.active>i.icon {
    background-position: -90px -56px;
}
#menu-view .menu-item.color.active>i.icon {
    background-position: -137px -56px;
}
#menu-view .menu-item.ornament.active>i.icon {
    background-position: -183px -56px;
}
#menu-view .menu-item.dodatna.active>i.icon {
    background-position: -222px -56px;
}
#menu-view .menu-item.secureLatch.active>i.icon {
    background-position: -409px -56px;
}
#menu-view .menu-item.houseColors.active>i.icon {
    background-position: -267px -56px;
}
#menu-view .menu-item.myHouse.active>i.icon {
    background-position: -314px -56px;
}
#menu-view .menu-item.anfrage.active>i.icon {
    background-position: -364px -56px;
}
#menu-view .menu-item.profil.active>i.icon {
    background-position: -450px -56px;
}
#menu-view .menu-item.search-model.active>i.icon {
    background-position: -541px -145px;
}
#menu-view .menu-item.referenceNumber.active>i.icon {
    background-position: -540px -193px;
}
#menu-view .menu-item.bauform.disabled>i.icon {
    background-position: -4px -102px;
}
#menu-view .menu-item.model.disabled>i.icon {
    background-position: -47px -102px;
}
#menu-view .menu-item.insideModel.disabled>i.icon {
    background-position: -497px -102px;
}
#menu-view .menu-item.konstruktion.disabled>i.icon {
    background-position: -90px -102px;
}
#menu-view .menu-item.color.disabled>i.icon {
    background-position: -137px -102px;
}
#menu-view .menu-item.ornament.disabled>i.icon {
    background-position: -183px -102px;
}
#menu-view .menu-item.dodatna.disabled>i.icon {
    background-position: -222px -102px;
}
#menu-view .menu-item.secureLatch.disabled>i.icon {
    background-position: -409px -102px;
}
#menu-view .menu-item.houseColors.disabled>i.icon {
    background-position: -267px -102px;
}
#menu-view .menu-item.myHouse.disabled>i.icon {
    background-position: -314px -102px;
}
#menu-view .menu-item.anfrage.disabled>i.icon {
    background-position: -364px -102px;
}
#menu-view .menu-item.profil.disabled>i.icon {
    background-position: -450px -102px;
}
#menu-view .menu-item.referenceNumber.disabled>i.icon {
    background-position: -582px -193px;
}
@media screen and (max-width:736px) {
    #menu-view .menu-item {
    height: 47px;
    line-height: 47px;
}
#menu-view .menu-item>i.icon {
    top: -4px;
}
#menu-view .menu-item>.icon-title {
    bottom: 5px;
}
}@media screen and (max-width:736px)and (orientation:landscape) {
    #menu-view {
    top: 40px;
}
}@media screen and (min-width:430px) {
    .mini-menu #views>#menu-view {
    z-index: 100;
    display: block;
    border-right: 1px solid #D1D1D1;
    width: 100px;
}
.mini-menu #views>#menu-view .menu-item {
    width: 100px;
}
.mini-menu #views.menu-view>#menu-view {
    width: auto;
    border-right: none;
}
.mini-menu #views.menu-view>#menu-view .menu-item {
    width: 100%}
.mini-menu #views>div:not(#menu-view) {
    left: 100px;
}
.no-touch.mini-menu #views>#menu-view {
    overflow-y: hidden;
}
.no-touch.mini-menu #views.menu-view>#menu-view, .no-touch.mini-menu #views>#menu-view:hover {
    overflow-y: auto;
}
}#model-view {
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    left: 0;
    top: 65px;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: none;
}
#views.model-view>#model-view {
    display: block;
}
#model-sub-view {
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
#model-view.series>#model-sub-view {
    top: 50px;
}
#model-view.category>#model-sub-view {
    top: 100px;
}
#model-view.model-options>#model-sub-view {
    bottom: 50px;
}
#model-sub-view>.model-item {
    display: block;
    float: left;
    text-align: center;
    width: 33%;
    position: relative;
}

#model-sub-view>.model-house {
    display: block;
    float: left;
    text-align: center;
    width: 50%;
    position: relative;
    margin-bottom: 15px;
}
#model-sub-view>.model-item>span {
    display: block;
    position: relative;
    width: 100%;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    padding: 0 10px;
    margin: -10px 0 5px;
    color: #696969;
}
#model-sub-view>.model-item>span.category {
    margin-top: -5px;
}
.no-touch #model-sub-view>.model-item:not(.selected):focus>span, .no-touch #model-sub-view>.model-item:not(.selected):hover>span {
    font-weight: 700;
    color: #454545;
}
#model-sub-view>.model-item.selected>span {
    font-weight: 700;
    color: #5D99EF;
}
#model-sub-view>.model-item>img {
    position: relative;
    z-index: 1;
    -webkit-transform: scale(.84, .84);
    -ms-transform: scale(.84, .84);
    transform: scale(.84, .84);
}
#model-sub-view>.model-item.selected>img, .no-touch #model-sub-view>.model-item:focus>img, .no-touch #model-sub-view>.model-item:hover>img {
    -webkit-transform: scale(.87, .87);
    -ms-transform: scale(.87, .87);
    transform: scale(.87, .87);
}
#model-sub-view>.model-item>div.icon {
    width: 46px;
    height: 46px;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    margin-left: -23px;
    margin-top: -30px;
    background-color: #5D99EF;
    border: 1px solid rgba(100, 100, 100, .15);
    display: none;
}
#model-sub-view>.model-item>div.icon>.checkmark {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
}
#model-sub-view>.model-item>div.icon>.checkmark>.line-1 {
    background-color: #FFF;
    width: 15px;
    height: 2px;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
    position: absolute;
    top: 15px;
    left: 6px;
}
#model-sub-view>.model-item>div.icon>.checkmark>.line-2 {
    background-color: #FFF;
    width: 8px;
    height: 2px;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(-125deg);
    -moz-transform: rotate(-125deg);
    -ms-transform: rotate(-125deg);
    -o-transform: rotate(-125deg);
    transform: rotate(-125deg);
    position: absolute;
    top: 17px;
    left: 6px;
}
#model-sub-view>.model-item.selected>div.icon {
    display: block;
}
@media screen and (max-width:350px) {
    #model-sub-view>.model-item {
    width: 45%}
#model-sub-view>.model-item:nth-child(odd) {
    margin-left: 5%}
#model-sub-view>.model-item:nth-child(even) {
    margin-right: 5%}
#model-sub-view>.model-item>img {
    -webkit-transform: scale(.87, .87);
    -ms-transform: scale(.87, .87);
    transform: scale(.87, .87);
}
#model-sub-view>.model-item.selected>img, .no-touch #model-sub-view>.model-item:focus>img, .no-touch #model-sub-view>.model-item:hover>img {
    -webkit-transform: scale(.93, .93);
    -ms-transform: scale(.93, .93);
    transform: scale(.93, .93);
}
}@media screen and (max-width:300px) {
    #model-sub-view>.model-item {
    width: 50%}
#model-sub-view>.model-item:nth-child(odd) {
    margin-left: 0;
}
#model-sub-view>.model-item:nth-child(even) {
    margin-right: 0;
}
}@media screen and (max-width:250px) {
    #model-sub-view {
    padding: 20px 0 0;
}
}@media screen and (max-width:736px)and (orientation:landscape) {
    #model-view, #model-view.series>#model-sub-view {
    top: 40px;
}
#model-view.category>#model-sub-view {
    top: 80px;
}
#model-view.model-options>#model-sub-view {
    bottom: 30px!important;
}
}#inside-model-view {
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    left: 0;
    top: 65px;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: none;
}
#views.inside-model-view>#inside-model-view {
    display: block;
}
#inside-model-sub-view {
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
#inside-model-view.series>#inside-model-sub-view {
    top: 50px;
}
#inside-model-view.side-model>#inside-model-sub-view {
    bottom: 50px;
}
#inside-model-sub-view>.model-item {
    display: block;
    float: left;
    text-align: center;
    width: 33%;
    position: relative;
}
#inside-model-sub-view>.model-item>span {
    display: block;
    position: relative;
    width: 100%;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    padding: 0 10px;
    margin: -10px 0 5px;
    color: #696969;
}
.no-touch #inside-model-sub-view>.model-item:not(.selected):focus>span, .no-touch #inside-model-sub-view>.model-item:not(.selected):hover>span {
    font-weight: 700;
    color: #454545;
}
#inside-model-sub-view>.model-item.selected>span {
    font-weight: 700;
    color: #5D99EF;
}
#inside-model-sub-view>.model-item>img {
    position: relative;
    z-index: 1;
    -webkit-transform: scale(.84, .84);
    -ms-transform: scale(.84, .84);
    transform: scale(.84, .84);
}
#inside-model-sub-view>.model-item.selected>img, .no-touch #inside-model-sub-view>.model-item:focus>img, .no-touch #inside-model-sub-view>.model-item:hover>img {
    -webkit-transform: scale(.87, .87);
    -ms-transform: scale(.87, .87);
    transform: scale(.87, .87);
}
#inside-model-sub-view>.model-item>div.icon {
    width: 46px;
    height: 46px;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    margin-left: -23px;
    margin-top: -30px;
    background-color: #5D99EF;
    border: 1px solid rgba(100, 100, 100, .15);
    display: none;
}
#inside-model-sub-view>.model-item>div.icon>.checkmark {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
}
#inside-model-sub-view>.model-house>div.icon>.checkmark {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
}
#inside-model-sub-view>.model-item>div.icon>.checkmark>.line-1 {
    background-color: #FFF;
    width: 15px;
    height: 2px;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
    position: absolute;
    top: 15px;
    left: 6px;
}
#inside-model-sub-view>.model-item>div.icon>.checkmark>.line-2 {
    background-color: #FFF;
    width: 8px;
    height: 2px;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(-125deg);
    -moz-transform: rotate(-125deg);
    -ms-transform: rotate(-125deg);
    -o-transform: rotate(-125deg);
    transform: rotate(-125deg);
    position: absolute;
    top: 17px;
    left: 6px;
}
#inside-model-sub-view>.model-item.selected>div.icon {
    display: block;
}
@media screen and (max-width:350px) {
    #inside-model-sub-view>.model-item {
    width: 45%}
#inside-model-sub-view>.model-item:nth-child(odd) {
    margin-left: 5%}
#inside-model-sub-view>.model-item:nth-child(even) {
    margin-right: 5%}
#inside-model-sub-view>.model-item>img {
    -webkit-transform: scale(.87, .87);
    -ms-transform: scale(.87, .87);
    transform: scale(.87, .87);
}
#inside-model-sub-view>.model-item.selected>img, .no-touch #inside-model-sub-view>.model-item:focus>img, .no-touch #inside-model-sub-view>.model-item:hover>img {
    -webkit-transform: scale(.93, .93);
    -ms-transform: scale(.93, .93);
    transform: scale(.93, .93);
}
}@media screen and (max-width:300px) {
    #inside-model-sub-view>.model-item {
    width: 50%}
#inside-model-sub-view>.model-item:nth-child(odd) {
    margin-left: 0;
}
#inside-model-sub-view>.model-item:nth-child(even) {
    margin-right: 0;
}
}@media screen and (max-width:250px) {
    #inside-model-sub-view {
    padding: 20px 0 0;
}
}@media screen and (max-width:736px)and (orientation:landscape) {
    #inside-model-view, #inside-model-view.series>#inside-model-sub-view {
    top: 40px;
}
#inside-model-view.side-model>#inside-model-sub-view {
    bottom: 30px!important;
}
}#profile-view {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 65px;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: none;
}
#views.profile-view>#profile-view {
    display: block;
}
#profile-view>.equipment-item.vertical {
    display: table;
    width: 100%}
#profile-view>.equipment-item.vertical>.image {
    width: 50%;
    text-align: center;
    display: table-cell;
    vertical-align: top;
    font-size: 0;
}
#profile-view>.equipment-item.vertical>.options {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding-right: 30px;
}
#profile-view>.equipment-item.vertical>.options.no-image {
    width: 100%;
    padding-left: 20px;
}
#profile-view>.equipment-item.horizontal {
    padding: 20px 10px;
}
#profile-view>.equipment-item.horizontal>.image>img {
    margin: 20px 0;
    max-width: 100%}
#profile-view>.equipment-item.vertical>.image>img {
    margin: 20px;
}
#profile-view>.equipment-item>.description {
    color: #696969;
    font-size: 14px;
}
#profile-view>.equipment-item>.options>.description {
    color: #696969;
    font-size: 14px;
    margin-bottom: 20px;
}
#profile-view>.equipment-item>.options>.option-item:first-child {
    margin-top: 10px;
}
#profile-view>.equipment-item>.options>.option-item:last-child {
    margin-bottom: 10px;
}
#profile-view>.equipment-item>.options>.option-item {
    width: 100%;
    padding: 10px 0 10px 30px;
    position: relative;
    cursor: pointer;
    line-height: 22px;
    min-height: 22px;
}
#profile-view>.equipment-item>.options>.option-item>span {
    color: #696969;
}
#profile-view>.equipment-item>.options>.option-item>i.radio {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 11px;
    left: 0;
    background-color: transparent;
    border: 2px solid #696969;
}
#profile-view>.equipment-item>.options>.option-item>i.radio>i.check {
    position: absolute;
    display: none;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    background-color: #696969;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%}
.no-touch #profile-view>.equipment-item>.options>.option-item:not(.active):focus>span, .no-touch #profile-view>.equipment-item>.options>.option-item:not(.active):hover>span {
    color: #454545;
    font-weight: 700;
}
.no-touch #profile-view>.equipment-item>.options>.option-item:not(.active):focus>i.radio, .no-touch #profile-view>.equipment-item>.options>.option-item:not(.active):hover>i.radio {
    border: 2px solid #454545;
}
#profile-view>.equipment-item>.options>.option-item.active {
    cursor: default;
}
#profile-view>.equipment-item>.options>.option-item.active>span {
    color: #454545;
    font-weight: 700;
}
#profile-view>.equipment-item>.options>.option-item.active>i.radio {
    border: 2px solid #5D99EF;
}
#profile-view>.equipment-item>.options>.option-item.active>i.radio>i.check {
    display: block;
    background-color: #5D99EF;
}
@media screen and (max-width:736px)and (orientation:landscape) {
    #profile-view {
    top: 40px;
}
}#secureLatch-view {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 65px;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: none;
}
#views.secureLatch-view>#secureLatch-view {
    display: block;
}
.secure-latch-row {
    overflow: hidden;
}
.secure-latch-item {
    width: 50%;
    float: left;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}
.secure-latch-item>.image {
    padding: 20px 50px 10px;
}
.secure-latch-item>.options {
    padding: 10px 20px 20px 40px;
}
.secure-latch-item>.options>.option-item:first-child {
    margin-top: 10px;
}
.secure-latch-item>.options>.option-item:last-child {
    margin-bottom: 10px;
}
.secure-latch-item>.options>.option-item {
    width: 100%;
    padding: 10px 0 10px 30px;
    position: relative;
    cursor: pointer;
    line-height: 22px;
    min-height: 22px;
}
.secure-latch-item>.options>.option-item>span.description {
    color: #696969;
    font-size: 14px;
}
.secure-latch-item>.options>.option-item>i.radio {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 11px;
    left: 0;
    background-color: transparent;
    border: 2px solid #696969;
}
.secure-latch-item>.options>.option-item>i.radio>i.check {
    position: absolute;
    display: none;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    background-color: #696969;
}
.secure-latch-item>.options>.option-item>span.type {
    color: #696969;
    display: block;
}
.no-touch .secure-latch-item>.options>.option-item:not(.active):focus>span.type, .no-touch .secure-latch-item>.options>.option-item:not(.active):hover>span.type {
    color: #454545;
    font-weight: 700;
}
.no-touch .secure-latch-item>.options>.option-item:not(.active):focus>i.radio, .no-touch .secure-latch-item>.options>.option-item:not(.active):hover>i.radio {
    border: 2px solid #454545;
}
.secure-latch-item>.options>.option-item.active {
    cursor: default;
}
.secure-latch-item>.options>.option-item.active>span.type {
    color: #454545;
    font-weight: 700;
}
.secure-latch-item>.options>.option-item.active>i.radio {
    border: 2px solid #5D99EF;
}
.secure-latch-item>.options>.option-item.active>i.radio>i.check {
    display: block;
    background-color: #5D99EF;
}
.optional .secure-latch-item>.options>.option-item.active {
    padding: 10px 30px;
}
.optional .secure-latch-item>.options>.option-item.active>a {
    display: block;
}
@media screen and (max-width:1200px) {
    .secure-latch-item>.options {
    padding: 10px 5px 20px 20px;
}
}@media screen and (max-width:736px)and (orientation:landscape) {
    #secureLatch-view {
    top: 40px;
}
}#side-model-view {
    width: 100%;
    position: absolute;
    background-color: #f7f7f7;
    z-index: 5;
    height: 60%;
    bottom: 0;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -o-transition: -o-transform .25s ease;
    transition: transform .25s ease;
}
#side-model-view.open {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
#side-model-view>.background {
    width: 100%;
    height: 200%;
    top: -200%;
    background-color: #eaeaea;
    content: "";
    position: absolute;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    opacity: 0;
    visibility: hidden;
}
#side-model-view>.header>.arrow, #side-model-view>.header>.arrow>.a1, #side-model-view>.header>.arrow>.a2 {
    -webkit-transition: .5s ease;
    transition: .5s ease;
    -moz-transition: .5s ease;
}
#side-model-view.open>.background {
    opacity: .75;
    visibility: visible;
}
#side-model-view>.header {
    width: 100%;
    height: 50px;
    position: absolute;
    top: -50px;
    background-color: #4285f4;
    border-top: 1px solid #E4E4E4;
}
#side-model-view>.header>.title {
    position: absolute;
    top: 50%;
    font-size: 20px;
    margin-top: -13px;
    left: 30px;
    color: #FFF;
}
#side-model-view>.header>.arrow {
    display: block;
    position: absolute;
    right: 30px;
    top: 50%;
    width: 23px;
    height: 23px;
    margin-top: -14px;
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
}
#side-model-view>.header>.arrow>div {
    width: 12px;
    height: 2px;
    background-color: #FFF;
    position: absolute;
    top: 50%}
#side-model-view>.header>.arrow>.a1 {
    left: 0;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
}
#side-model-view>.header>.arrow>.a2 {
    right: 0;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    transform-origin: left;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
}
#side-model-view.open>.header>.arrow>.a1 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#side-model-view.open>.header>.arrow>.a2 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#side-model-view.open>.header>.arrow {
    margin-top: -10px;
}
.no-touch #side-model-view>.header:focus, .no-touch #side-model-view>.header:hover {
    background-color: #5D99EF;
}
.no-touch #side-model-view>.header:focus>.title, .no-touch #side-model-view>.header:hover>.title {
    color: #FFF;
}
.no-touch #side-model-view>.header:focus>.arrow>div, .no-touch #side-model-view>.header:hover>.arrow>div {
    background-color: #FFF;
}
#side-model-view>.content {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px 10px 0;
}
#side-model-view>.content>.model-item {
    display: block;
    float: left;
    text-align: center;
    width: 33%;
    position: relative;
}
#side-model-view>.content>.model-item>span {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    padding: 0 10px;
    color: #696969;
}
.no-touch #side-model-view>.content>.model-item:not(.selected):focus>span, .no-touch #side-model-view>.content>.model-item:not(.selected):hover>span {
    font-weight: 700;
    color: #454545;
}
#side-model-view>.content>.model-item.selected>span {
    font-weight: 700;
    color: #5D99EF;
}
#side-model-view>.content>.model-item>img {
    position: relative;
    z-index: 1;
    margin: 15px auto 0;
    -webkit-transform: scale(.84, .84);
    -ms-transform: scale(.84, .84);
    transform: scale(.84, .84);
    border: 2px solid #ddd;
}
#side-model-view>.content>.model-item.selected>img, .no-touch #side-model-view>.content>.model-item:focus>img, .no-touch #side-model-view>.content>.model-item:hover>img {
    margin-top: 15px;
    -webkit-transform: scale(.87, .87);
    -ms-transform: scale(.87, .87);
    transform: scale(.87, .87);
}
#side-model-view>.content>.model-item>div.icon {
    width: 46px;
    height: 46px;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    margin-left: -23px;
    margin-top: -30px;
    background-color: #5D99EF;
    border: 1px solid rgba(100, 100, 100, .15);
    display: none;
}
#side-model-view>.content>.model-item>div.icon>.checkmark {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
}
#side-model-view>.content>.model-item>div.icon>.checkmark>.line-1 {
    background-color: #FFF;
    width: 15px;
    height: 2px;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    transform: rotate(-35deg);
    position: absolute;
    top: 15px;
    left: 6px;
}
#side-model-view>.content>.model-item>div.icon>.checkmark>.line-2 {
    background-color: #FFF;
    width: 8px;
    height: 2px;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(-125deg);
    -moz-transform: rotate(-125deg);
    -ms-transform: rotate(-125deg);
    -o-transform: rotate(-125deg);
    transform: rotate(-125deg);
    position: absolute;
    top: 17px;
    left: 6px;
}
#side-model-view>.content>.model-item.selected>div.icon {
    display: block;
}
@media screen and (max-width:350px) {
    #side-model-view>.content>.model-item {
    width: 45%}
#side-model-view>.content>.model-item:nth-child(odd) {
    margin-left: 5%}
#side-model-view>.content>.model-item:nth-child(even) {
    margin-right: 5%}
#side-model-view>.content>.model-item>img {
    -webkit-transform: scale(.87, .87);
    -ms-transform: scale(.87, .87);
    transform: scale(.87, .87);
}
#side-model-view>.content>.model-item.selected>img, .no-touch #side-model-view>.content>.model-item:focus>img, .no-touch #side-model-view>.content>.model-item:hover>img {
    -webkit-transform: scale(.93, .93);
    -ms-transform: scale(.93, .93);
    transform: scale(.93, .93);
}
}@media screen and (max-width:300px) {
    #side-model-view>.content>.model-item {
    width: 50%}
#side-model-view>.content>.model-item:nth-child(odd) {
    margin-left: 0;
}
#side-model-view>.content>.model-item:nth-child(even) {
    margin-right: 0;
}
}@media screen and (max-width:250px) {
    #side-model-view>.content {
    padding: 20px 0 0;
}
}@media screen and (max-width:736px)and (orientation:landscape) {
    #model-view.series>#side-model-view>.header {
    height: 30px;
    position: absolute;
    top: -30px;
}
#side-model-view>.header>.title {
    font-size: 16px;
    margin-top: -11px;
    left: 30px;
}
}