/*! lightgallery - v1.6.12 - 2019-02-19 **/.lg-icon{font-family:bootstrap-icons;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#fff}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\f285"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\f284"}@-webkit-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-moz-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-ms-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-moz-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-ms-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%;background-color:rgba(0,0,0,.45)}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:medium none;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#fff}.lg-toolbar .lg-close:after{content:"\f62a"}.lg-toolbar .lg-download:after{content:"\f30a"}.lg-sub-html{background-color:rgba(0,0,0,.45);bottom:0;color:#eee;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0d0a0a;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{border-radius:5px;cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #fff;border-radius:4px;margin-bottom:5px}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0d0a0a;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-toogle-thumb:hover{color:#fff}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(img/vimeo-play.png) no-repeat scroll 0 0 transparent}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(img/vimeo-play.png) no-repeat scroll 0 -58px transparent}.lg-outer .lg-has-html5 .lg-video-play{background:transparent url(img/video-play.png) no-repeat scroll 0 0;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(img/youtube-play.png) no-repeat scroll 0 0 transparent}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(img/youtube-play.png) no-repeat scroll 0 -60px transparent}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\f62c"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\f62d"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#fff;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-dropdown-active #lg-share{color:#fff}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#fff;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Nunito","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{height:100%;width:100%;position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{width:100%;height:100%;position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(img/loadingdots.gif) no-repeat scroll center center transparent;display:none!important}.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer.lg-css .lg-current{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html{display:none}.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;z-index:1040;background-color:rgba(0,0,0,.85);-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}
/* field */
.dcovfield label{
	color: #949494;
	display: block;
	font-size: 11px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 0.3rem;
	text-transform: uppercase;
}
.dcovfield input,
.dcovfield select,
.dcovfield textarea{
	margin-bottom: 18px;
}
.dcovfield .field-group input:not(:last-child),
.dcovfield .field-group select:not(:last-child){
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.dcovfield .field-group input:not(:first-child),
.dcovfield .field-group select:not(:first-child){
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.dcovfield .form_input{
	position: relative;
	margin-bottom: 20px;
}
.form_input.bi::before {
	content: "";
	font-family: bootstrap-icons;
	position: absolute;
	top: 11px;
	height: 24px;
	margin-left: 14px;
	padding-right: 10px;
	line-height: 24px;
	border-right: 1px solid #e0e0e0;
}
.dcovfield .form_input.bi input {
	padding-left: 52px;
}
.form-alert{
	position: fixed;
	display: none;
	bottom: 35px;
	left: 35px;
	padding: 1.5rem 2rem;
	border-radius: 3px;
	font-weight: 600;
	z-index: 999;
	color: #721c24;
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
}
.alert{
	display: inline-block;
	position: relative;
	line-height: normal;
	font-size: 12px;
	font-weight: 600;
	padding: 6px 11px;
	border-radius: .25rem;
	border: 1px solid transparent;
}
.alert.err{
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}
.alert.warning{
	color:#856404;
	background-color:#fff3cd;
	border-color:#ffeeba;
}
.alert.success{
	color:#155724;
	background-color:#d4edda;
	border-color:#c3e6cb
}
.query-item{
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
	padding: 0.2rem 0.3rem;
	border: 1px solid #f0f0f0;
	border-radius: 0.2rem;
}
.query-select{
	display: flex;
	flex-wrap: wrap;
	line-height: 1;
	font-size: 13px;
	font-weight: 600;
}
.query-selected{
    background: #edf7fa;
    margin-right: .3rem;
    margin-bottom: 0.3rem;
	padding: 0.2rem 0.3rem;
	border: 1px solid #f0f0f0;
	border-radius: 0.2rem;
}
.query-select i{
	cursor: pointer;
	margin-left: 3px;
}
.btn-arrow-down{
    padding-top: 65px;
}
.btn-arrow-down::before{
    content:"";
    position: absolute;
    background-image: url(../img/arrow-down.gif);
    top: 0;
    left: 0;
    right: 0;
    bottom: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.btn-now{
    padding-top: 55px;
}
.btn-now::before,
.btn-now::after{
    content: '\F27E';
    font-family: 'bootstrap-icons';
    position: absolute;
    top: 28px;
    color: #e61d4c;
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    -webkit-animation: btnUpDown 1s infinite  alternate;
    -moz-animation: btnUpDown 1s infinite  alternate;
    animation: btnUpDown 1s infinite  alternate;
}
.btn-now::before{
    left: 10px;
}
.btn-now::after{
    right: 10px;
}
/* stapel */
.back-gallery{
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 35px;
}
.tp-grid {
	display: block;
	position: relative;
}
.tp-grid li {
	position: absolute;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: #fff;
	border: 10px solid #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.no-js .tp-grid li {
	position: relative;
	display: inline-block;
}
.tp-title{
	justify-content: space-between;
	align-items: flex-start;
	position: absolute;
	display: flex;
	color: #fff;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	z-index: 2;
}
.tp-title span:first-child{
	padding: 0.4rem 0.8rem;
	background: rgb(0 0 0 / 45%);
}
.tp-title span:last-child{
	position: relative;
	padding: .4rem .6rem .4rem 1.8rem;
	background: rgb(0 0 0 / 45%);
}
.tp-title span:last-child::before{
	content: "\F220";
	font-family: bootstrap-icons;
	position: absolute;
	top: 5px;
  left: 8px;
}
.tp-info {
	position: absolute;
	background: #fff;
	line-height: 20px;
	color: #333;
	top: 40%;
	width: 75%;
	padding: 10px;
	font-weight: 700;
	text-align: right;
	left: -100%;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1),	5px 0 5px -3px rgba(0,0,0,0.4), inset 0 0 5px rgba(0,0,0,0.04);
}
.touch .tp-info {
	left: 0px;
}
.no-touch .tp-info {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.no-touch .tp-grid li:hover .tp-info {
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	transition-delay: 150ms;
}
.no-touch .tp-open li:hover .tp-info {
	left: 0px;
}

/* ratiobox */
.ratiobox{
	position: relative;
	display: block;
	height: 0;
	overflow: hidden;
	padding-bottom: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.bx-v2{
	padding-bottom: calc(140.444444% + 30px);
}
.bx-v3{
	padding-bottom: calc(150% + 30px);
}
.rb50{
	padding-bottom: 50%;
}
.rb60{
	padding-bottom: 60%;
}
.rb65{
	padding-bottom: 65%;
}
.rb70{
	padding-bottom: 70%;
}
.rb75{
	padding-bottom: 75%;
}

/* images */
.dcovEffect .ratiobox,
.dcovEffect .bg,
.dcovEffect img{
	transform: translateZ(0);
	transition: all 500ms cubic-bezier(.19,1,.22,1) 0ms;
}
.dcovEffect:hover .ratiobox,
.dcovEffect:hover .bg,
.dcovEffect:hover img{
  transform: scale(1.2);
}
.bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-attachment: scroll;
	background-position: center;
	background-repeat: repeat;
	background-origin: content-box;
}
.bg.contain,
.ratiobox.contain{
	background-size:contain;
}
.bg.no-repeat{
	background-repeat:no-repeat;
}
.bg.fixed{
	background-attachment:fixed;
}
.bg_wrap{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
}
.bg_wrap::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: rgb(0 0 0 / 72%);
}
.bg_ver2{
	background-image: linear-gradient(250deg, transparent 72%, #EDF7FA 0%);
}
.bg_ver3{
	background-image: linear-gradient(120deg, transparent 72%, #EDF7FA 0%);
}
.bg_ver4{
	background-image: linear-gradient(180deg, #EDF7FA 0%, #FFFFFF 100%);
}
.bg_ver4{
	background-image: linear-gradient(0deg, #EDF7FA 0%, #FFFFFF 100%);
}
.bg.dcovparallax{
	height: 130%;
	top: -5px;
}
.item-lz{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	border-radius: 3px;
	background-color: #ced4da;
}
.item-lz::before{
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 50%;
	z-index: 1;
	width: 500%;
	margin-left: -250%;
	-webkit-animation: ilAnimation .8s linear infinite;
	animation: ilAnimation .8s linear infinite;
	background: linear-gradient(to right,rgba(255,255,255,0) 46%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 54%) 50% 50%;
}
.item-lz img{
	background-color: #ced4da;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.item-image img{
	position: absolute;
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	z-index: 1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.hex-bg{
	position: absolute;
	left: 50px;
	top: 0;
	width: 450px;
	height: 250px;
	background: url(../img/hex.png) no-repeat bottom right;
}
.hex{
	position: absolute;
	width: 2.9rem;
	height: 1.7rem;
	background-color: #fff;
	margin: 12.41px 0;
	transform: rotate(30deg);
}
.hex:before,.hex:after{
	content: "";
	position: absolute;
	width: 0;
	left: 0;
	border-left: 21.5px solid transparent;
	border-right: 21.5px solid transparent;
}
.hex:before{
	bottom: 100%;
	border-bottom: 12.41px solid #fff;
}
.hex:after{
	top: 100%;
	width: 0;
	border-top: 12.41px solid #fff;
}
.hex1{
	left: 11px;
	top: 42px;
}
.hex2 {
	left: 128px;
	top: 111px;
}
.hex3 {
	left: 11px;
	top: 133px;
}
.spinner-grow{
	display: inline-block;
	color: #212529;
	width: 1.2rem;
	height: 1.2rem;
	vertical-align: text-bottom;
	background-color: currentColor;
	border-radius: 50%;
	opacity: 0;
	-webkit-animation: spinner-grow .75s linear infinite;
	animation: spinner-grow .75s linear infinite;
}
.spinner-grow::before{
	position: absolute;
	content: "";
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}
.btn.more i{
	width: 0;
	overflow: hidden;
	display: inline-block;
	text-align: right;
	transition: .2s;
}
.btn.more:hover i{
	width: 26px;
}
/* slider */
.hero-wrap{
	position: relative;
	height: 530px;
}
.hero-wrap-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fs--item{
	display: block;
	overflow: hidden;
}
.piechart .chart{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	text-align: center;
}
.piechart .percent{
	line-height: 1;
  font-size: 12px;
	color: #292929;
}
.piechart .percent::after{
	content: "%";
}
.piechart .chart canvas{
	position: absolute;
	top: 0;
	left: 0;
}

/* title */
.lp-title .tt{
	display: inline-block;
	position: relative;
	padding: 0 3rem;
	line-height: 1;
	margin-bottom: 0.3rem;
}
.lp-title .tt .first,
.lp-title .tt .last{
	position: absolute;
	top: 50%;
	width: 25px;
	height: 2px;
	transform: translateY(-50%);
	background-color: #216bff;
}
.lp-title .tt .first{
	left: 0;
}
.lp-title .tt .last{
	right: 0;
}
.lp-title .tt .first::before,
.lp-title .tt .last::before{
	content: "\F51A";
	font-family: bootstrap-icons;
	position: absolute;
	color: #216bff;
	top: -8px;
  font-size: 18px;
}
.lp-title .tt .first::before{
	left: -13px;
}
.lp-title .tt .last::before{
	right: -13px;
}
.title-block .icon{
	flex: none;
	width: 56px;
	height: 56px;
	font-size: 23px;
	margin-right: 0.8rem;
}
.title-block .title-wrap{
	position: relative;
	display: inline-block;
	padding-bottom: 8px;
	margin-bottom: 30px;
	line-height: 1;
}
.title-block .title-wrap::before,
.title-block .title-wrap::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #f7b90f;
}
.title-block .title-wrap::after{
	width: 35%;
	background: #216bff;
}
.title-block .tt{
	font-size: 24px;
	line-height: 1;
	margin-bottom: 0.3rem;
	letter-spacing: 0.03rem;
	text-transform: uppercase;
}
.title-block .st{
	color: #828282;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.05rem;
}
.title-block .lp-title{
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-align: center;
	line-height: 1;
	margin-bottom: 25px;
}
.title-block .lp-title .tt::before,
.title-block .lp-title .tt::after{
	content: "";
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -11px;
	border-top: 15px solid #f7b90f;
}
.title-block .lp-title .tt::before{
	margin-left: 13px;
}
.title-block .lp-title .tt::after{
	margin-left: 13px;
}
.box{
	background: #ffffff;
	position: relative;
	width: 100%;
	padding-top: 18px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 18px;
	border-radius: .2rem;
	border: 1px solid #eff2f7;
	box-shadow: 0 0 1.25rem rgb(31 45 61 / 5%);
}
.box.m-padd{
  padding: 22px 25px;
}
.box.h-padd{
  padding: 35px 38px;
}
.box .head .title{
	position: relative;
	color: #3b5998;
	margin-bottom: 38px;
	padding-bottom: 10px;
	letter-spacing: 0.05rem;
	border-bottom: 1px solid #eaeaea;
}
.box .head .title::before{
	content: " ";
	position: absolute;
	background: #3b5998;
	left: 0;
	width: 38px;
	height: 3px;
	bottom: -2px;
}
.box.m-padd .head .title{
	font-size: 20px;
	line-height: 1.5rem;
	padding-bottom: 16px;
}
.box.h-padd .head .title{
	font-size: 22px;
	line-height: 1.5rem;
	padding-bottom: 21px;
}
.box.h-padd .head .title::before{
	bottom: -2px;
}
.divider{
	position: relative;
	border: 0;
	width: 100%;
}
.divider::before{
	content: '';
	display: block;
	width: 80%;
	position: relative;
	top: 0;
	left: 50%;
	height: 1px;
	transform: translateX(-50%);
	background: radial-gradient(ellipse at center,#d1dbe7 0,rgba(255,255,255,0) 75%);
}
.divider.solid::before{
	width: 100%;
	background: rgba(0,0,0,0.08);
}
.divider.dark::before{
	background: radial-gradient(ellipse at center,rgba(255,255,255,.2) 0,rgba(31,45,61,0) 75%);
}
.shape-container{
	position: absolute;
	overflow: hidden;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 2;
	transform: translateZ(0);
}
.shape-container svg{
	display: block;
	fill: #fafafa;
	pointer-events: none;
}
.shape-line{
	min-height: 19px;
}
.shape-top{
	top: 0;
	transform: rotate(180deg);
}
.shape-bottom{
	bottom: 0;
}
.icon{
	position: relative;
	display: flex;
	width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	border: 1px solid #e0e0e0;
}
/* HEADER */
#header{
	position: relative;
	display: flex;
	flex-direction: row;
	background: #ffffff;
	width: 100%;
	height: 65px;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1003;
	transition: all .25s;
	box-shadow: 0 5px 22px -3px rgb(0 0 0 / 10%);
}
#header .container,
#footer .container{
	max-width: 1240px;
}
#header.fixed{
	position: fixed;
}
#header .wrap{
	position: relative;
	height: 100%;
	padding: 8px 0;
}
#header .logo{
	position: absolute;
    top: 0;
    left: 0;
    flex: none;
    margin-top: 13px;
}
#header .logo > a{
    background: #fff;
    height: 85px;
}
#header .logo > a,
.m--nav .logo > a{
	display: flex;
}
#header .usernav button > span{
	font-size: 12px;
	font-weight: 600;
	margin-left: 5px;
	letter-spacing: 0.05rem;
}
#header .navmenu li{
	position: relative;
	margin-left: 28px;
	line-height: 45px;
}
#header .navmenu li:first-child,
#header .navmenu .sub-menu li{
	margin-left: 0;
}
#header .navmenu li > a{
	position: relative;
	display: block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.03rem;
	text-transform: uppercase;
}
#header .menu-item-has-children > a{
	padding-right: 18px;
}
#header .menu-item-has-children > a::before{
	content:"\F282";
	font-family: bootstrap-icons;
	position: absolute;
	right: 0;
	font-size: 10px;
	transition: .3s;
}
#header .navmenu .sub-menu{
	background-color: #fff;
	color: #718096;
	position: absolute;
	text-align: left;
	pointer-events: none;
	top: 100%;
	left: 50%;
	opacity: 0;
	z-index: 999;
	min-width: 13rem;
	font-size: .875rem;
	padding-top: 0.5rem;
	padding-bottom: 0.35rem;
	border-radius: 0.5rem;
	border: 0 solid rgba(31,45,61,0);
	box-shadow: 0 1rem 2rem rgb(31 45 61 / 25%);
	transform: translateX(-50%) translateY(-3px) scale(.97);
	transition: all .15s ease;
}
#header .navmenu li:hover .sub-menu{
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
	transform: translateX(-50%) translateY(-3px) scale(1)
}
#header.fixed~#mainwrap{
    padding-top: 65px;
}
.navmenu .sub-menu li a{
    color: #3b4249!important;
	padding: 0 18px;
	line-height: 32px;
	margin-bottom: 3px;
	text-transform: capitalize;
}
.navmenu .dropdown-menu.drop-xl{
	min-width: 46rem;
}
.navmenu .dropdown-menu.drop-md{
	min-width: 22rem;
}
.navmenu .drop-xl .dropdown-body{
	padding: 2rem 2.5rem;
}
.navmenu .drop-md .dropdown-body{
	padding: 1.2rem 1.5rem 0;
}
.headsearch{
	z-index: 1;
	flex: 0 0 33.333333%;
}
#headsearch input{
	border-radius: 2rem;
	padding-right: 82px;
}
#headsearch .opt-search{
	position: absolute;
	right: 50px;
	top: 13px;
	line-height: 1;
}
#headsearch .opt-search i{
	display: inline-block;
	line-height: 1;
	-webkit-animation: rotate 5s normal linear infinite;
	animation: rotate 5s normal linear infinite;
}
#headsearch .more-search{
	background: #ffffff;
	position: absolute;
	display: none;
	top: 100%;
	padding: 1rem;
	margin-top: 15px;
	border-radius: 0.3rem;
	box-shadow: 0 1rem 2rem rgb(31 45 61 / 25%);
}
#headsearch .more-search input{
	font-size: 13px;
	padding: 8px 12px;
	border-radius: 0.2rem;
}
#headsearch #searchnow{
	overflow: hidden;
	box-shadow: none;
	position: absolute;
	background: #fff;
	color: #3b5998;
	top: 1px;
	right: 1px;
	width: 43px;
  height: 43px;
	padding: 0;
	line-height: 43px;
	border-radius: 100%;
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color: #e0e0e0;
}
#headsearch .spinner-grow{
	display: block;
	margin: auto;
}
#headsearch #searchnow .bi-search{
	display: block;
	transform: rotate(0deg);
	transition: .25s;
}
#headsearch input:hover ~ #searchnow .bi-search,
#headsearch input:focus ~ #searchnow .bi-search{
	transform: rotate(45deg);
}
.headsearch .search-result{
	display: none;
	position: absolute;
	background: #ffffff;
	top: 100%;
	left: 0;
	right: 0;
	padding-left: .8rem;
	padding-right: .2rem;
	margin-top: 0.8rem;
	border-bottom-left-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem;
	box-shadow: 0 1.5rem 2rem rgb(31 45 61 / 25%);
	transition: top .25s;
}
#headsearch.hasopt ~ .search-result{
	top: 116px;
}
.search-result .body{
	margin: 0.8rem 0;
	max-height: 15rem;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 0.5rem;
}
.search-result .card .display{
	flex-direction: row;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	box-shadow: none;
	padding-bottom: 0.5rem;
}
.search-result .card .media{
	flex: none;
	width: 68px;
}
.search-result .card .text{
	padding: 0;
	padding-left: .8rem;
}
.search-result .card .text .tt{
	font-size: 16px;
	line-height: 1.3;
}
.search-result .card .text .price{
	font-size: 16px;
}
.search-result .card .more .btn{
  align-self: center;
	line-height: 1;
  font-size: 11px;
  padding: .3rem .5rem;
}
.usnav .shownav{
	background: transparent;
	overflow: hidden;
	display: block;
	padding: 0;
	width: 48px;
	height: 48px;
	border: 1px dashed #f0f0f0;
}
.usnav .usmenu{
	visibility: hidden;
	position: absolute;
	top: 100%;
	right: 0;
	opacity: 0;
	padding: 1.2rem 1.5rem;
	background: #FFFFFF;
	border-bottom-right-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
	box-shadow: 0 1.5rem 2rem rgb(31 45 61 / 25%);
	transform: translate3d(0,30px,0);
	transition: all .25s;
}
.usmenu.sh{
	visibility: visible;
	opacity: 1;
	transform: translateZ(0);
}
.usnav .usmenu li{
	width: 7rem;
	margin-bottom: 3px;
	padding-bottom: 3px;
	letter-spacing: 0.05rem;
	border-bottom: 1px dashed #e9e9e9;
}
.usnav .usmenu li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.usnav .usmenu li>a>i{
	display: inline-block;
	min-width: 1.5rem;
}
.m--nav{
	display: none;
	position: relative;
	flex-wrap: wrap;
	align-items: center;
	background: #ffffff;
	padding: 0.5rem 0.8rem;
	box-shadow: 0 5px 22px -3px rgb(0 0 0 / 10%);
	z-index: 1002;
}
.m--nav a.btn{
	background: transparent!important;
	padding: 0;
	border: 0;
	color: #333;
	line-height: 1;
	font-size: 14px;
	font-weight: 700;
	transition: all .25s;
}
.m--nav a.btn:hover,
.m--nav a.btn:focus{
	box-shadow: none;
}
.m--nav.project{
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	box-shadow: none;
}
.m--nav.project a.btn{
	color: #fff;
	text-shadow: 1px 1px 5px black;
}
/* bredcrumb */
.crumb{
	font-size: 12px;
	line-height: normal;
}
.crumb a{
	color: #1091ff;
}
.crumb i{
	color: #6c757d;
	font-size: 11px;
	margin: 0 3px;
	vertical-align: middle;
}
.crumb .current{
	color: #6c757d;
	font-weight: 600;
}
/* header media */
.header-media{
	background: #FFFFFF;
	position: relative;
	height: 100vh;
	overflow: hidden;
}
.header-media .bg_wrap::before{
	opacity: 0.2;
}
#header~#mainwrap .header-media{
	height: calc(100vh - 65px);
}
#header~#mainwrap .header-media.slider{
	height: calc(100vh - 184px);
}
#header~#mainwrap .header-media.image,
#header~#mainwrap .header-media.promo{
	height: auto;
}
.hm--wrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.hm--content{
	position: relative;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
}
.hm--body{
	padding: 30px 0;
	color: #fff;
}
.header-media.slider .owl-carousel .frame{
  position: absolute;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e8ebed;
}
.header-media.slider .owl-carousel .frame img{
  width: auto;
  height: 100%;
}
.header-media.slider .owl-carousel .owl-nav button{
  width: 45px;
  height: 45px;
  line-height: 46px !important;
  border-radius: 100%;
}
.header-media.project .bg_wrap::before{
	opacity: 1;
	background: none;
	background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.75) 100%);
}
.header-media.project .hm--content{
	position: absolute;
	width: 100%;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	transform: none;
}
.header-media.project .hm--body,
.header-media.project .tt{
	line-height: 1;
}
.header-media.project .price{
	margin-bottom: 0.5rem;
}
.header-media.project .navscroll li{
	position: relative;
	width: 50px;
	height: 38px;
	line-height: 38px;
	margin-right: 0.2rem;
}
.header-media.project .navscroll li:last-child{
	margin-right: 0;
}
.header-media.project .navscroll li a{
	text-align: center;
	cursor: pointer;
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	background: rgba(255, 255, 255, 0.3);
}
.header-media.project .navscroll li span{
	overflow: hidden;
	position: absolute;
	text-align: right;
	padding: 0;
	width: 0;
	right: 50px;
	height: 38px;
	padding-right: 0;
	transition: all .25s ease;
	color: #292929;
	background: #f7b90f;
}
.header-media.project .navscroll li:hover span{
	width: auto;
	padding: 0 13px;
}
.header-media.image .bg{
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
}
.header-media.image .hm--wrap{
	background: rgb(13 59 102 / 7%);
}
.header-media.promo .owl-nav,
.project-type .owl-nav{
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.header-media.promo .owl-nav button,
.project-type .owl-nav button{
    position: absolute;
    font-size: 15px;
    line-height: 1 !important;
}
.header-media.promo .owl-nav button.owl-prev,
.project-type .owl-nav button.owl-prev{
    left: 20px;
}
.header-media.promo .owl-nav button.owl-next,
.project-type .owl-nav button.owl-next{
    right: 20px;
}
.lastitem .bg_wrap::before{
	background: transparent;
}
.lastitem .bg_wrap .bg{
	background-size: contain;
	background-attachment: fixed;
}
.lastitem .bg_wrap.prop .bg{
	background-size: 320px;
	background-repeat: no-repeat;
	background-position: -38px 40px;
	background-attachment: scroll;
	opacity: .7;
}
#mainwrap{
    overflow:hidden;
}
#category .box{
	padding: 0;
}
#category .box::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	opacity: .25;
	background: #000;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	transition: .35s;
}
#category .box.title::before{
	content: none;
}
#category .box.title{
	background: transparent;
	box-shadow: none;
	border: 0;
}
#category .ratiobox::before,
#category .ratiobox::after{
	content: "";
	position: absolute;
	background: rgba(255,255,255,.9);
	-webkit-transition: all ease .35s;
	-moz-transition: all ease .35s;
	transition: all ease .35s;
	z-index: 2;
}
#category .box:hover::before{
	opacity: .7
}
#category .box:hover .ratiobox::before{
	width: 100%;
}
#category .box:hover .ratiobox::after{
	height: 100%;
}
#category .ratiobox::before{
	top: 38px;
	right: 20px;
	width: 40px;
	height: 1px;
}
#category .ratiobox::after{
	top: 24px;
	right: 35px;
	width: 1px;
	height: 40px;
}
#category .box .body{
	position: absolute;
	color: #fff;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	padding: 4rem 6rem;
	text-shadow: 0 0 3px black;
}
#category .box.title .body{
	padding: 0;
	color: #949494;
	text-shadow: none;
}
/* card */
[class*=col-].card{
	margin-bottom: 20px;
}
.card .display{
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	padding: 0;
	flex-direction: column;
}
.card .media a{
	position: relative;
	overflow: hidden;
}
.card .media .favorite{
	color: #fff;
	position: absolute;
	text-align: center;
	width: 32px;
	height: 32px;
	line-height: 36px;
	right: 13px;
	bottom: 13px;
	font-size: 16px;
	border-radius: 0.3rem;
	background: rgba(0, 0, 0, 0.52);
}
.card .media .favorite:hover{
	background: rgba(0, 0, 0, 0.7);
}
.favorite .bi-heart-fill{
	color: #ffbf0f;
}
.card .media .status,
.card .media .cat{
	position: absolute;
	top: 13px;
	padding: 5px 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	border-radius: 3px;
}
.card .media .status{
	overflow: hidden;
	top: -5px;
	left: -5px;
	width: 75px;
	height: 75px;
	color: #fff;
	padding: 0;
	font-weight: 400;
	letter-spacing: 0.03rem;
	background: transparent;
	z-index: 1;
}
.card .media .status span{
	position: absolute;
	top: 15px;
	left: -20px;
	width: 94px;
	padding: 5px 0;
	text-align: center;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
}
.card .media .status span,
.prop-head .more span.open{
	background-image: -webkit-linear-gradient(77deg,#216bff,#79a4ff);
	background-image: -o-linear-gradient(77deg,#216bff,#79a4ff);
	background-image: linear-gradient(77deg,#216bff,#79a4ff);
}
.card .media .status.sold span,
.prop-head .more span.sold{
	background-image: -webkit-linear-gradient(77deg,#d32c2c,#e55a5a);
	background-image: -o-linear-gradient(77deg,#d32c2c,#e55a5a);
	background-image: linear-gradient(77deg,#d32c2c,#e55a5a);
}
.card .media .status.onprogress span,
.prop-head .more span.onprogress{
	background-image: -webkit-linear-gradient(77deg,#24dd6b,#25df6c);
	background-image: -o-linear-gradient(77deg,#0dba4f,#25df6c);
	background-image: linear-gradient(77deg,#0dba4f,#25df6c);
}
.card .media .status span::before,
.card .media .status span::after{
	content: "";
	position: absolute;
	top: 100%;
	z-index: -1;
	border-bottom: 3px solid transparent;
}
.card .media .status span::before{
	left: 0;
	border-top: 3px solid #0044FF;
	border-left: 3px solid #0044FF;
	border-right: 3px solid transparent;
}
.card .media .status span::after{
	right: 0px;
	border-left: 3px solid transparent;
	border-right: 3px solid #0044FF;
	border-top: 3px solid #0044FF;
}
.card .media .status .sold::before{
	border-left-color: #d32c2c;
	border-bottom-color: #d32c2c;
}
.card .media .status.sold span::before{
	border-top-color: #d32c2c;
	border-left-color: #d32c2c;
}
.card .media .status.sold span::after{
	border-right-color: #d32c2c;
	border-top-color: #d32c2c;
}
.card .media .status.onprogress span::before{
	border-top-color: #24dd6b;
	border-left-color: #24dd6b;
}
.card .media .status.onprogress span::after{
	border-right-color: #24dd6b;
	border-top-color: #24dd6b;
}
.card .media .cat{
	right: 13px;
	background: #f7b90f;
}
.card .media .btn{
	font-size: 12px;
	padding: 8px 12px;
}
.card .media .info{
	align-items: flex-end;
	position: absolute;
	width: 100%;
	top: 65%;
	bottom: 0;
	transition: top .4s ease-out;
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0 0 0 / 50%) 50%);
}
.card .text{
	width: 100%;
	overflow: hidden;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.card .text .tt{
	display:block;
	font-size:18px;
	font-weight:600;
}
.card .text .price{
	color: #333;
	font-weight: bold;
}
.card .text .price b{
	margin-right: 3px;
	font-size: 20px;
	color: #3b5998;
}
.card .text address a{
  color: #8192b0;
}
.card .text .info span{
	position: relative;
	margin-right: 10px;
}
.card .more .unit,
.card .more .sold{
	color: #fff;
	line-height: 20px;
	border-radius: 0.3rem;
	padding: 0.3rem 0.8rem;
}
.card .more .unit{
  background: #0dba4f;
}
.card .more .sold{
  background: #d32c2c;
}
.card .more .btn{
  padding: .3rem .8rem;
}
.card .info .land,
.card .info .size,
.card .info .beds,
.card .info .bath,
.card .info .cars,
.card .info .electric{
	font-size: 14px;
	font-weight: 600;
}
.card .land i,.card .size i,.card .beds i,.card .bath i{
	display: inline-block;
	min-width: 18px;
}
.card .time{
	color:#70777a;
	margin-top: 5px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1
}
.list.card .display{
	flex-direction: row;
}
.list.card .media{
	flex: 0 0 41.666667%;
}
.list.card .text{
	width: 100%;
}
.card .text .group{
  display: flex;
  flex-flow: wrap;
  align-items: center;
}
.card button.sahre{
  background: none;
  color: #3b4249;
  padding: 0;
  box-shadow: none !important;
}
.card.listing .text .info span{
  background: #f7eded;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  border-radius: 3px;
  margin-right: 5px;
  text-transform: capitalize;
}
.card.listing .text .info span.jual{
  color: #fff;
  background: #03a9f4;
}
.card.listing .text .info span.dipsarkan{
  color: #212121;
  background: #8bc34a;
}
.card.listing .text .more{
  margin-top: 10px;
  padding-top: 10px;
  line-height: 1.3;
  border-top: 1px dashed #e0e0e0;
}
.card.listing .text .meta{
  display: flex;
  align-items: center;
  justify-content: center;
}
.card.listing .text .meta li{
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
}
.card.listing .text .meta li:not(:first-child){
  margin-left: .75rem;
}
.card.listing .text .meta li > i{
  display: inline-block;
  min-width: 15px;
  margin-right: 4px;
}
.list.card.listing .text .tt{
  font-size: 20px;
}


.grid.card .display{
    height: 100%;
    border-radius: 10px;
}
.grid.card .media{
    flex: none;
}
.grid.card .media .thumb{
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.grid.card .text{
	height: 100%;
	text-align: center;
}

.col-6.grid.card .text{
  padding: 1.8rem 1.6rem;
}
.col-6.grid.card .text .tt{
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 1rem;
}
.list.card.small .media{
	flex: 0 0 85px;
}
.list.card.small .text{
	padding: 0.5rem;
}
.list.card.small .text .tt{
	font-size: 18px;
	line-height: normal;
}
.no-shadow .card .box{box-shadow:none}
.no-border .card .box{border:none}
.prop-head .title h1{
	line-height: 1.4;
}
.prop-head .hostid{
	display: flex;
	overflow: hidden;
	line-height: 62px;
	border-radius: 0.2rem;
	align-items: center;
}
.prop-head .hostid span{
	color: #fff;
	padding: 0 1.2rem;
	background: #3b5998;
}
.prop-head .hostid span:first-child{
	color: #333;
	background: #f7b90f;
	font-weight: 600;
}
.prop-head .hostid span:last-child{
	cursor: pointer;
}
.prop-head .more{
  position: relative;
  line-height: 1.2;
}
.prop-head .more .term a,.prop-head .more .term span{
	display: inline-block;
	padding: 0 .8rem;
	font-size: 13px;
	line-height: 30px;
	margin-right: .5rem;
	border-radius: .2rem;
	letter-spacing: .03rem;
	background: #f6f6f6;
  text-transform: capitalize;
}
.prop-head .more .region{
  font-size: 13px;
  margin-top: .95rem;
}
.prop-head .more .region a:not(:last-child){
  margin-right: .5rem;
}
.prop-head .price{
	line-height: 1;
	color: #3b5998;
}
.prop-head .price i{
	display: inline-block;
	font-size: 34px;
	min-width: 50px;
	color: #333;
}
.prop-detail p{
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
	padding: 0.4rem 0;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.17);
}
.prop-detail p > span:first-child{
	color: #3b5998;
	font-weight: bold;
	letter-spacing: .02rem;
}
.prop-detail p > span:first-child i{
	display: inline-block;
	min-width: 26px;
}
.prop-feature i{
	position: relative;
	display: inline-block;
	color: #0dba4f;
	top: 2px;
	min-width: 26px;
	font-size: 22px;
	line-height: 1;
}
.prop-hastag{
  display: flex;
  align-items: flex-start;
  line-height: 1.5;
}
.prop-hastag span.tt{
  margin-right: 1rem;
  font-size: 15px;
  font-style: italic;
  font-weight: 600;
}
.prop-hastag .tags{
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  line-height: 1;
  font-size: 15px;
  font-weight: 500;
}
.prop-hastag .tags a{
  padding: .35rem .72rem;
  margin: 0 .3rem .3rem;
  border: 1px solid #e0e0e0;
  border-radius: 8rem;
}
.project-icon{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	transform: translateY(25px);
}
.project-icon .media{
	border-bottom: 1px dashed #ccc;
}
.project-icon .ratiobox i{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.project-icon .tt,
.project-icon .st{
	padding: 0 1rem;
}

.project-locs .bg{
	background-position: right;
}
.project-locs .owl-stage-outer{
    padding-top: 1rem;
    padding-bottom: 2rem;
}
.project-locs .box.display{
	border-radius: 0;
	box-shadow: 0 15px 18px -8px rgb(0 0 0 / 13%), 0 10px 20px -2px rgb(0 0 0 / 10%);
}
.project-type .owl-nav{
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.project-type .card .media{
	border-bottom: 1px solid #f0f0f0;
}
.project-type .card .more .info{
	-ms-flex:0 0 66.666667%;
	flex:0 0 66.666667%;
	max-width:66.666667%
}
.project-type .card .more .info li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #6c757d;
	width: 50%;
	padding: 0 .8rem .3rem;
	font-weight: 700;
	margin-right: 0;
	margin-bottom: 0.5rem;
	border-radius: 0.5rem;
	border-left: 1px solid #f0f0f0;
	border-bottom: 1px solid #e0e0e0;
}
.project-type .card .more .info{
	color: #3b5998;
}
.project-type .project-progress{
	flex: none;
	width: 120px;
}
.project-specs .specs-item{
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 0.2rem;
	background: #fff;
}
.project-specs .specs-item span{
	padding: 0.4rem 1.2rem;
}
.project-specs .specs-item span:first-child{
	background: #1091ff;
	color: #fff;
	letter-spacing: .03rem;
}
.project-contact .bg{
	background-size: 50%;
}
#project_contact button{
	padding-left: 2.5rem;
}
#project_contact button:hover .spinner-grow{
	color: #fff;
}
#project_contact button > i{
	position: absolute;
	left: .8rem;
}
.project-contact .interaction .btn{
	padding: 1.2rem 1.5rem;
	margin: 0 .5rem .5rem;
	font-size: 18px;
}
.lastproject .card{
	padding: 0;
}

/* testimoni */
.item-testi{
	border-top: 10px solid #00afff;
	border-radius: 30px 10px 10px;
	padding: 60px 30px;
	margin-bottom: 40px;
}
.item-testi::before,.item-testi::after{
	content: "\F6B0";
	font-family: bootstrap-icons;
	position: absolute;
	color: #ebebeb;
  font-size: 42px;
}
.item-testi::before{
	top: 25px;
	left: 25px;
}
.item-testi::after{
	right: 40px;
	bottom: 30px;
	transform: rotate(180deg);
}
.item-testi .thumb{
	background: #fff;
	position: absolute;
	left: 25px;
	bottom: -30px;
	padding: 0.3rem;
	overflow: hidden;
	border-radius: 100%;
  border: 1px dashed #ddd;
}
.item-testi .ratiobox{
	width: 62px;
	border-radius: 100%;
}
.item-testi .desc{
	min-height: 7rem;
	max-height: 7rem;
	overflow-y: auto;
  font-size: 16px;
	line-height: 23px;
}
#sidebar .agents .card .text{
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
#sidebar .agents .more li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 1;
	margin-bottom: 0.5rem;
}
#sidebar .agents .more .btn{
	font-size: 12px;
	line-height: 1;
	padding: 0.3rem 0.6rem;
}
#sidebar .agents input,
#sidebar .agents textarea{
	font-size: 16px;
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
	border-width: 0 0 1px;
	border-style: dashed;
}
#sidebar .agents .alert{
	font-size: 13px;
	line-height: 1;
}
/* countdown */
.countdown{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.countdown li{
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 3px;
	width: 65px;
	margin: 0 3px;
	padding: .8rem .5rem;
	text-transform: uppercase;
	border: 1px solid #e9e9e9;
}
.countdown li>span{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 5px;
}
.countdown li>p{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
}
.countdown.ended li{
	filter: blur(4px);
	-webkit-filter: blur(4px);
}
.countdown li.expired{
	position: absolute;
	width: 50%;
	top: 15px;
	border: 0;
	padding: 0;
	font-size: 28px;
	font-weight:700;
	filter: none;
	-webkit-filter: none;
	background:transparent;
}
.card .countdown li{
	width: auto;
	border: 0;
	padding: 0;
	margin-left: 0;
	line-height: 1;
}
.card .countdown li>span{
	padding: 4px 0;
	font-size: 14px;
	background: #f0f0f0;
	border-radius: 3px;
}
.card .countdown li>p{
	padding: 0 4px;
	font-size: 12px;
	text-transform: capitalize;
}
.card .countdown li.expired{
	top: 10px;
	margin: 0;
	font-size: 12px;
}
.widget-title .tt{
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	color: #333f48;
}
.widget-title .tt:after{
	content: "";
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -11px;
	margin-left: 13px;
	border-top: 15px solid #e0e0e0;
}
/* footer */
#footer{
	position:relative;
	font-size: 14px;
	color: #fff;
	background-color: #252b37;
}
#footer a{
    color: #00b6fc;
}
#footer a:hover{
    color: #0988ef;
}
#footer .widget-title .tt{
    color: #fff;
}
#footer .logo{
	display: flex;
	flex: 0 0 138px;
	max-height: 138px;
}
#footer .logo a{
	display: inline-flex;
}
#footer .about{
	flex: 1;
}
.subfoot{
	background: #333f48;
	color: #a5a9ad;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 25px 0;
	line-height: 1;
}
.subfoot .navfot a{
	color: #007bff;
	margin-left: 10px;
	font-size: 14px;
}
.pagination ul{display:flex;flex-wrap:wrap;align-items:center;margin-top:25px}.pagination ul>li{margin-right:4px;margin-bottom:4px;border-radius:3px}ul>li .page-numbers{cursor:pointer;position:relative;text-align:center;display:block;color:#fff;width:32px;height:28px;margin:3px;line-height:28px;border-radius:3px;background:#08061f;transition:all .2s ease-in-out}ul>li .page-numbers:before{content:" ";position:absolute;top:-4px;left:-4px;width:36px;height:36px;border-radius:3px;border:1px solid rgb(255,255,255,.15)}ul>li .page-numbers.current,ul>li .page-numbers:hover{color:#fff;background:#3b5998}.alphabet a:hover,ul>li .page-numbers:hover{box-shadow:0 0 5px 0 #3b5998}#pagination{line-height:56px}
.sitebutton{
	text-align: center;
	position: fixed;
	right: 36px;
	bottom: 38px;
	z-index: 10;
	padding-right: 0;
	transition: padding-right 0.2s ease;
}
.sitebutton .btn{
	width: 62px;
	height: 62px;
	padding: 0;
	font-size: 24px;
	line-height: 65px;
	border-radius: 100%;
	-webkit-box-shadow: 0px 6px 8px 2px rgb(0 0 0 / 14%);
	-moz-box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.14);
	box-shadow: 0px 6px 8px 2px rgb(0 0 0 / 14%);
}
.sitebutton .wame{
	position: relative;
	background: #0dba4f;
}
.wame::before,.wame::after{
	position: absolute;
	content: '';
	left: -5px;
	right: -5px;
	bottom: -5px;
	top: -5px;
	border: 1px solid #fff;
	border-radius: 100%;
	opacity: 0.5;
	animation: play_btn_ring_anim 2.5s infinite linear;
	animation-fill-mode: forwards;
	animation-delay: 0s;
	z-index: -1;
}
.wame::before{
	left: -10px;
	right: -10px;
	top: -10px;
	bottom: -10px;
	animation-delay: 0.9s;
}
.sitebutton .backtop{
	visibility: hidden;
	position: absolute;
	right: 0;
	opacity: 0;
	font-size: 14px;
	background: #292929;
	border: 1px dashed #999;
	transition: all 0.2s ease;
}
.sitebutton .backtop.sh{
	visibility: visible;
	opacity: 0.72;
}
.sitebutton .backtop.sh:hover{
	opacity: 1;
}
#widget .box{margin-bottom:20px;border-radius:3px}
.widget-item{position:relative;margin-bottom:28px}
.body-overlay{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1001;
	background: rgba(0,0,0,.85);
	-webkit-transition: opacity .15s ease 0s;
  -o-transition: opacity .15s ease 0s;
	transition: opacity .15s ease 0s;
}
/* page 404 */
.page-404{
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/* POPUP */
.dcovpopup{
    position: fixed;
    display: none;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 1003;
}
.dcovpopup:before{
    content: " ";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 72%);
}
.popup-body{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.popup-close{
    position: absolute;
    text-align: center;
    cursor: pointer;
    top: 0;
    right: 0;
    font-size: 20px;
    padding: 4px;
    line-height: 9px;
}
.popup-box{
    background: #f0f0f0;
    overflow-x: auto;
    width: 100%;
    max-width: 620px;
    max-height: 520px;
    border-radius: 3px;
    box-shadow: 0 0 42px -2px rgb(0 0 0 / 85%);
}
.close-popup{
    cursor: pointer;
    position: absolute;
    line-height: normal;
    top: 5px;
    right: 5px;
    font-size: 18px;
    padding: .1rem .25rem;
    z-index: 1;
}
.popupheader{
    color: #fafafa;
    width: 100%;
    padding: 25px;
    text-align: center;
    background: #3b5998;
}
.popupheader div{
    display: flex;
    justify-content: center;
    height: 55px;
}
.popupheader span{
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-top: 10px;
    letter-spacing: 0.1rem;
}
.popupheader i{
    display: inline-block;
    font-size: 42px;
    width: 42px;
    line-height: 42px;
}
.popupmain{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-wrap: nowrap;
    flex-direction: column;
    padding: 38px 45px;
}
.lightbox .ratiobox::before,
.lightbox .ratiobox::after{
    content: "";
    font-family: bootstrap-icons;
    position: absolute;
}
.lightbox .ratiobox::before{
    background: #fff;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    transform: translate(-25px, -25px);
    background: #fff;
    animation: pulse-border 1500ms ease-out infinite;
}
.lightbox .ratiobox::after{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #fff;
    opacity: .2;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 42px;
}
.lightbox.video .ratiobox::after{
    content: "\f4f2";
}
.lightbox.iamge .ratiobox::after{
    content: "\f42a";
}
.share .popup-box{
    max-width: 245px;
    max-height: 202px;
}
.share .popupmain{
    padding: 15px;
    text-align: center;
    justify-content: center;
}
.star-animate{
	opacity: 0;
}
.star-animate.animation{
	opacity: 1;
}
.animation.ltr{
	-webkit-animation: animation-ltr 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-animation: animation-ltr 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-animation: animation-ltr 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	animation: animation-ltr 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.animation.rtl{
	-webkit-animation: animation-rtl 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-animation: animation-rtl 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-animation: animation-rtl 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	animation: animation-rtl 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	direction: inherit;
}
.animation.btt{
	-webkit-animation: animation-btt 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-animation: animation-btt 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-animation: animation-btt 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
	animation: animation-btt 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.animation.ttb{
	-webkit-animation: animation-btt 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-animation: animation-btt 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-animation: animation-btt 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
	animation: animation-btt 1s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
@-webkit-keyframes animation-ltr{0%{-webkit-transform:translate(-10%,0);opacity:0}100%{-webkit-transform:translate(0,0);opacity:1}}@-moz-keyframes animation-ltr{0%{-moz-transform:translate(-10%,0);opacity:0}100%{-moz-transform:translate(0,0);opacity:1}}@-o-keyframes animation-ltr{0%{-o-transform:translate(-10%,0);opacity:0}100%{-o-transform:translate(0,0);opacity:1}}@keyframes animation-ltr{0%{transform:translate(-10%,0);opacity:0}100%{transform:translate(0,0);opacity:1}}
@-webkit-keyframes animation-rtl{0%{-webkit-transform:translate(10%,0);opacity:0}100%{-webkit-transform:translate(0,0);opacity:1}}@-moz-keyframes animation-rtl{0%{-moz-transform:translate(10%,0);opacity:0}100%{-moz-transform:translate(0,0);opacity:1}}@-o-keyframes animation-rtl{0%{-o-transform:translate(10%,0);opacity:0}100%{-o-transform:translate(0,0);opacity:1}}@keyframes animation-rtl{0%{transform:translate(10%,0);opacity:0}100%{transform:translate(0,0);opacity:1}}
@-webkit-keyframes animation-btt{0%{-webkit-transform:translate(0,50%);opacity:0}100%{-webkit-transform:translate(0,0);opacity:1}}@-moz-keyframes animation-btt{0%{-moz-transform:translate(0,50%);opacity:0}100%{-moz-transform:translate(0,0);opacity:1}}@-o-keyframes animation-btt{0%{-o-transform:translate(0,50%);opacity:0}100%{-o-transform:translate(0,0);opacity:1}}@keyframes animation-btt{0%{transform:translate(0,50%);opacity:0}100%{transform:translate(0,0);opacity:1}}
@-webkit-keyframes animation-ttb{0%{-webkit-transform:translate(0,-10%);opacity:0}100%{-webkit-transform:translate(0,0);opacity:1}}@-moz-keyframes animation-ttb{0%{-moz-transform:translate(0,-10%);opacity:0}100%{-moz-transform:translate(0,0);opacity:1}}@-o-keyframes animation-ttb{0%{-o-transform:translate(0,-10%);opacity:0}100%{-o-transform:translate(0,0);opacity:1}}@keyframes animation-ttb{0%{transform:translate(0,-10%);opacity:0}100%{transform:translate(0,0);opacity:1}}
@-webkit-keyframes animateFadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes animateFadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes rotate{0%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}25%{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg)}50%{-webkit-transform:rotate3d(0,0,1,180deg);transform:rotate3d(0,0,1,180deg)}75%{-webkit-transform:rotate3d(0,0,1,270deg);transform:rotate3d(0,0,1,270deg)}100%{-webkit-transform:rotate3d(0,0,1,360deg);transform:rotate3d(0,0,1,360deg)}}
@-webkit-keyframes play_btn_ring_anim{0%{opacity:.4;top:-2px;right:-2px;bottom:-2px;left:-2px}100%{opacity:.05;top:-24px;right:-24px;bottom:-24px;left:-24px}}
@keyframes play_btn_ring_anim{0%{opacity:.4;top:-2px;right:-2px;bottom:-2px;left:-2px}100%{opacity:.05;top:-24px;right:-24px;bottom:-24px;left:-24px}}
@keyframes rotate{0%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}25%{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg)}50%{-webkit-transform:rotate3d(0,0,1,180deg);transform:rotate3d(0,0,1,180deg)}75%{-webkit-transform:rotate3d(0,0,1,270deg);transform:rotate3d(0,0,1,270deg)}100%{-webkit-transform:rotate3d(0,0,1,360deg);transform:rotate3d(0,0,1,360deg)}}
@-webkit-keyframes ilAnimation{0%{transform:translate3d(-30%,0,0)}100%{transform:translate3d(30%,0,0)}}
@keyframes ilAnimation{0%{transform:translate3d(-30%,0,0)}100%{transform:translate3d(30%,0,0)}}
@keyframes spinner-grow {0% {transform: scale(0); } 50% {opacity:1;}}
@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}}
@-webkit-keyframes btnUpDown{0%{transform:translateY(0)}100%{transform:translateY(-30px)}}
@keyframes btnUpDown{0%{transform:translateY(0)}100%{transform:translateY(-30px)}}

/* desktops 1281px */
@media (min-width: 1281px) {
  .container{width:95%}.title-wrap .container{width:100%}
}
/* laptops and desktop */
@media (min-width: 1025px) and (max-width: 1280px) {
	.lg-outer .lg-thumb-item {
	-webkit-transition: border-color 0.25s ease;
	-o-transition: border-color 0.25s ease;
	transition: border-color 0.25s ease;
	}
}

/* tablets, ipads portrait moded */
@media (min-width: 768px) and (max-width: 1024px) {
  
}

/* tablets, ipads landscape mode */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
}

/* lll tablet and mobile device mode */
@media only screen and (max-width: 1024px){
	.col-lg-6{
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
	}
}

@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {
			opacity: 1;
			left: 10px;
	}
	.flex-direction-nav .flex-next {
			opacity: 1;
			right: 10px;
	}
}

/* tablet only */
@media (min-width: 481px) and (max-width: 768px) {

}

/* mobile landscape mode */
@media (min-width: 481px) and (max-width: 527px) {
	.icon.large{width:95px;height:95px;line-height:95px;font-size:32px}.col-8.head-ads--baner{width:100%}.user-menu.header-sosmed,.header-scroll{display:none}.pd0{padding:0 13px!important;}
}

/* mobile portrait mdoe */
@media (min-width: 320px) and (max-width: 480px) {
	.box .head .title{
		margin-bottom: 24px;
	}
	.box.h-padd .head .title{
		padding-bottom: 10px;
	}
	.pagewrap.h-pad{
		padding: 25px 0;
	}
	.hex-bg{
		left: 20px;
		height: 228px;
		width: calc(100% - 40px);
	}
	.hex1,.hex3{
		left: 13px;
	}
	.hex2{
		left: 130px;
	}
	.m--nav{
		display: flex;
	}
	.m--nav .logo{
	    max-width: 225px;
	}
	#header .usnav,
	.card .more .link,
	.list.card .text .st,
	.card .media .cat,
	.grid.card .more,
	.card .text .price,
	.card .text .divider,
	.header-media.project .text-title,
	.header-media.project .price{
		display: none!important;
	}
	#side .agents .display,
	.project-icon .grid.card .display{
		flex-direction: row;
	}
	#header .wrap{
		flex-direction: column;
	}
	#header nav.mainmenu .navmenu{
		flex-wrap: wrap;
	}
	#header{
		position: fixed;
		top: 0;
		left: -100%;
		bottom: 0;
		height: 100%;
		max-width: 75%;
	}
	#header.show{
		left: 0;
	}
	.headsearch{
		flex: none;
        width: 100%;
        margin-top: 25px;
	}
	#headsearch .more-search{
		border-radius: 0;
		margin-top: 10px;
	}
	#headsearch.hasopt ~ .search-result{
		top: 184px;
	}
	#header .logo{
		width: 100%;
		margin-top: 8px;
	}
	#header .mainmenu{
		margin-top: 20px;
	}
	#header .navmenu li{
		width: 100%;
		margin-left: 0;
		line-height: 34px;
		margin-bottom: 3px;
	}
	#header .navmenu li > a{
		padding-left: 0;
	}
	#header .navmenu .sub-menu{
        box-shadow: none;
		position: relative;
		overflow: hidden;
        left: auto;
        top: auto;
		padding: 0;
		margin: 0;
		height: 0;
	}
	#header .navmenu li:hover .sub-menu{
        transform: none;
		height: auto;
	}
	#header .navmenu .sub-menu li{
	    border-left: 2px solid #2196f3;
	}
	#header .navmenu .sub-menu li a{
	    padding-right: 0;
	    padding-left: 8px;
	}
	#header~#mainwrap .header-media{
		height: calc(300px - 78px);
	}
	#header.fixed~#mainwrap{
	    padding-top: 0;
	}
	#button_area .btn{
		font-size: 14px;
		padding: 14px 16px;
	}
	.sitebutton{
		right: 13px;
	}
	#category .box{
		margin-bottom: 10px;
	}
	#category .box .ratiobox{
		padding-bottom: 50%;
	}
	#category .box.title .ratiobox{
		padding-bottom: 30%;
	}
	.lp-title{
	    max-width:90%;
	}
	.myslidethumb .swiper-container{
		width: 100%;
	}
	[class*=col-].card{
	    margin-bottom:10px;
	}
	.card .display{
		box-shadow: none;
	}
	.list.card .media{
		flex: none;
        width: 138px;
		border-right: 1px solid #f0f0f0;
	}
	.card .media .favorite{
        bottom: 5px;
		right: 8px;
		width: 25px;
        height: 25px;
		font-size: 10px;
        line-height: 28px;
	}
	.list.card .media .favorite{
		right: -38px;
	}
	.list.card .text{
		padding: 0.3rem 0.8rem;
	}
	.list.card .text .tt{
		font-size: 16px;
        line-height: 22px;
        margin-bottom: 0;
	}
	.card .text .tt a{
		font-size: 16px;
		line-height: 22px;
		white-space: inherit;
        text-overflow: inherit;
	}
	.grid.card,
	.prop-feature .col-4,
	#project_contact .col-6.dcovfield{
		flex: 0 0 50%;
        max-width: 50%;
	}
	.card.promo{
	    flex: 0 0 100%;
        max-width: 100%;
	}
	.grid.card .text,
	.col-6.grid.card .text{
		padding: 0.5rem;
	}
	.grid.card .text .mb-10,
	.grid.card .text .tt{
		margin-bottom: 0;
		text-align: center;
	}
	.card .text address{
	    font-size: 12px;
	    font-weight: 700;
	}
	.col-6.grid.card .text .tt{
	    font-weight: 700;
        margin-bottom: 0;
	}
	.prop-feature .col-4{
		font-size: 16px;
	}
	.lp-title .tt{
		font-size: 1.5rem;
        font-weight: 600;
        padding: 0 2rem;
	}
	.project-icon{
		position: relative;
        top: auto;
        left: auto;
        right: auto;
        transform: none;
	}
	.project-icon .tt{
		margin-top: .5rem;
		margin-bottom: 0;
	}
	.project-icon .st{
		margin-bottom: .5rem;
	}
	.project-locs{
		padding-top: 2rem;
	}
	.project-locs .item.card.grid{
	    max-width: 100%;
	}
	.project-locs .f-width{
		padding: 0;
	}
	.primacy-item{
	    font-size: 16px;
        font-weight: 600;
	}
	.facility .grid.card{
	    max-width: 100%;
	}
	.project-type .card .more .info{
		flex: 0 0 58.333333%;
        max-width: 58.333333%;
	}
	.project-type .card .more .info li{
		line-height: 1;
		width: 100%;
		border-left: 0;
        border-radius: 0;
        border-style: dashed;
        padding: 0 0 0.3rem;
	}
	.project-type .card .more,
	.header-media.project .info{
		align-items: center;
	}
	.project-specs .specs-item span{
		padding: 0.3rem 0.8rem;
	}
	.project-facility .item{
	    flex: 0 0 33.333333%;
        max-width: 33.333333%;
	}
	.project-facility .item .box{
	    padding:3px;
	}
	.project-gallery .tp-grid li{
	    flex: 0 0 100%;
        max-width: 100%;
	}
	#project_contact button{
		padding-top: 0.5rem;
        padding-bottom: 0.5rem;
		border-radius: 5rem;
	}
	.prop-head .title h1{
		font-size: 28px;
        margin-bottom: 0;
	}
    .prop-head .price{
        font-size: 24px;
        font-weight: 600;
        letter-spacing: .1rem;
    }
    .prop-head .price i{
        font-size: 26px;
    }
    .prop-head .order-2 .d-flex,
    .prop-head .info{
        flex-direction: column;
        align-items: flex-start;
    }
	.prop-head .hostid{
        text-align: center;
        width: 100%;
        line-height: 38px;
        font-size: 16px;
        margin-right: 0;
        margin-bottom: 1rem;
	}
    .prop-head .more{
        width: 100%;
    }
    .prop-head .more .term{
        display: flex;
        width: 100%;
    }
    .prop-head .more .term a,
    .prop-head .more .term span{
        margin: 0;
        flex: 1;
    }
    .prop-head .more .term span{
        margin-left: 3px;
    }
    .prop-head .hostid span{
        flex: 1;
    }
    #header~#mainwrap .header-media.slider{
        height: calc(100vh - 320px);
    }
    .header-media.slider .owl-carousel .frame img{
        height: auto;
    }
	.gomaps iframe{
		height: 225px;
	}
	.promo-btn a{
	    width: 100%;
        margin-bottom: 13px;
	}
	.subfoot{
		padding: 15px 0;
	}
	.copyright{
		text-align: center;
	}
}
/* mobile s portrait mode */
@media only screen and (max-width: 320px) {
	#header{
		max-width: 85%;
	}
	.project-icon [class*=col-].card{
		flex: 0 0 50%;
        max-width: 50%;
	}
	.grid.card, .prop-feature .col-4,
	#project_contact .col-6.dcovfield{
		flex: 0 0 100%;
        max-width: 100%;
	}
	.project-type .project-progress{
		width: 95px;
	}
	.project-specs .specs-item span{
		padding: 0.2rem 0.6rem;
        font-size: 13px;
	}
}