.bg-title { position: absolute; top: 230px; right: 5%; width: 90%; max-width: 550px }
.bg-title h2 {font-family: 'DINPro'; font-weight: 400; font-size: 48px; color: #fff; line-height: 54px; text-shadow: 5px 5px 0 rgba(0,0,0,.2); text-align: right; text-transform: uppercase; }
.bg-title h2 [class*=word1], .bg-title h2 strong {font-family: 'DINPro'; font-weight: 400 }
.bg-title h2>span>span { -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; opacity: 0 }
.bg-title.move h2>span>span.move { opacity: 1 }

.slide-bg, .slider-home, .slider-inner { overflow: hidden }
.house-slide .house-box .slide-item.loading { min-height: 300px }
.house-slide .house-box .slide-item.loading .item-box { display: none }
.house-slide .house-box.slide-slidebox .slide-item { float: none; display: inline-block; margin: 0 }
.house-slide .house-box .slide-wrapper-outer { min-height: 320px }
.house-slide .house-box .item-pic { position: relative; width: 100%; height: auto; display: block; max-width: 600px; max-height: 400px; border: 2px solid #fff; box-shadow: 10px 10px 0 rgba(0,0,0,.1) }
.house-slide .house-box .item-pic img { width: 100%; height: auto; max-width: 100%; position: relative; display: block; margin: 0 auto; z-index: -1 }

.slider-home {width: 100%;padding: 0;margin: 0;text-align: center;-webkit-touch-callout: none;-khtml-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;display: block;}
.slide-bg {width: 100%;height: 100%;z-index: 1;height: 100% !important;}
.bg-home { width: 100%;  overflow: hidden }
.bg-home img { width: 100%; max-width: unset;height: auto; position: absolute; left: 0; top: auto; bottom: 0; z-index: -1; display: block }
.bg-inner, .bg-inner img, .slide-bg-inner, .slider-inner { position: relative }

.slide-slidebox .slide-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.slide-slidebox .slide-wrapper { display: none; position: relative; height: auto }
.slide-slidebox .slide-wrapper-outer { position: relative; width: 100% }
.slide-slidebox .slide-wrapper-outer.autoheight { -webkit-transition: height 300ms ease-in-out; transition: height 300ms ease-in-out }
.slide-slidebox .slide-item { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none }
.slide-slidebox { display: none; position: relative; -ms-touch-action: pan-y; -webkit-tap-highlight-color: transparent; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none }

.slide-slidebox .slide-item, .slide-slidebox .slide-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.slide-controls { width: 100%; position: relative; height: auto; z-index: 2 }
.slide-pagination { position: relative; width: 100%; height: auto; margin: 10px 0 }
.slide-controls .slide-page { display: inline-block; position: relative; width: 22px; height: 22px; border: 1px solid rgba(255,255,255,0); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 2px; cursor: pointer; }
.slide-controls .slide-page.active, .slide-controls.clickable .slide-page:hover { border: 1px solid rgba(255,255,255,1) }
.slide-controls .slide-page span { display: block; width: 12px; height: 12px; margin: 4px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-border-radius: 50%; border-radius: 50%; background-color: rgba(255,255,255,.8) }
.slide-controls .slide-page.active span, .slide-controls.clickable .slide-page:hover span { background-color: rgba(255,255,255,1) }

.slide-next, .slide-prev { display: inline-block; margin: 0 5px }
.slide-controls .slide-page.active { pointer-events: none }
.slide-next, .slide-prev { border: 1px solid rgba(255,255,255,.5) }
.slide-controls .slide-page span.slide-numbers { font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #666; padding: 0; font-size: 14px; line-height: 35px; text-align: center; display: block }
.slide-next, .slide-prev { width: 60px; height: 60px; font-size: 0 }
.slider-home .slide-controls { bottom: 100px; position: absolute; left: auto; right: 60px; width: auto }
.slider-inner .slide-controls { bottom: 10px; right: 10px; position: absolute; left: auto; width: auto; margin: 0 }

.slide-fade-out { z-index: 10; -webkit-animation: fadeOut .9s both ease; -moz-animation: fadeOut .9s both ease; animation: fadeOut .9s both ease }
.slide-fade-in { -webkit-animation: fadeIn .9s both ease; -moz-animation: fadeIn .9s both ease; animation: fadeIn .9s both ease }

@-webkit-keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}