.laptop-slider__slideshow{overflow:hidden}.laptop-slider__slideshow.ls--fullscreen{height:100vh}.laptop-slider__wrapper{overflow:hidden;width:100%}.ls--fullscreen .laptop-slider__inner{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);position:absolute;bottom:4%;left:50%}.ls__container{position:relative}.ls__main-title{font-size:40px;font-weight:300;margin-bottom:60px;color:#fff;text-align:center;line-height:1.2}.hg_laptop_slider_wrapper{height:100%;overflow:hidden;position:absolute;width:100%}.hg_laptop_slider{-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.hg_laptop_slider,.hg_laptop_slider_container,.ls__slider-item{height:100%;width:100%}.ls__slider-item{position:relative;top:0;margin:0;left:0;float:left}.ls-slider-item__img{right:0;position:absolute;background-size:cover;bottom:0;top:0;background-position:top;left:0;background-repeat:no-repeat}.ls--laptop .ls__item-caption{border-left:3px solid #cd2122;padding:3px 20px;font-size:18px;color:#fff;-webkit-transition:opacity .3s ease-out .4s,left .3s ease-out .4s;transition:opacity .3s ease-out .4s,left .3s ease-out .4s;position:absolute;opacity:0;bottom:30px;background-color:#000;left:100px;z-index:1}.ls--laptop .ls__item-caption a{color:#fff}.ls--laptop .item--active .ls__item-caption{opacity:1;left:30px}.ls__laptop-mask{height:0;padding-top:0;margin-right:auto;position:relative;max-width:100%;padding-bottom:41%;margin-left:auto;width:80%}.ls--laptop .ls__laptop-mask{margin-bottom:20px}.ls__laptop-mask:after{right:0;content:"";position:absolute;bottom:0;top:0;background:url(https://ruhqalbim.info/css/sliders/laptop-slider/images/macbook-air.svg) no-repeat top;background-size:100%;background-position:50% 0;left:0}.ls__laptop-mask .ls__screen{height:0;overflow:hidden;position:absolute;bottom:0;top:0;background-color:rgba(0,0,0,.5);padding-bottom:41.4%;margin-left:17.2%;left:0;width:65.7%;margin-top:3.5%}.ls--lapt_desc .ls__laptop-mask,.ls--lapt_slider_desc .ls__laptop-mask{margin-right:-50px;padding-bottom:39%;width:70%;float:right}.ls__left-desc{margin-right:-60px;color:#fff;position:absolute;bottom:180px;left:0;width:-webkit-calc(30% + 110px);width:calc(30% + 110px);float:left}.ls__sl-main-title{font-size:36px;font-weight:700;margin-bottom:25px;line-height:1.3}.ls__sl-main-desc{font-size:16px;margin-bottom:40px;line-height:1.5}.ls__secbtn{margin-left:20px}.ls_slide_item-details{-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transition:-webkit-transform .2s ease-out,opacity .2s ease-out,visibility .2s ease-out;transition:transform .2s ease-out,opacity .2s ease-out,visibility .2s ease-out;position:absolute;opacity:0;bottom:0;visibility:hidden;left:10px}.ls_slide_item-details.selected{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}.ls__nav{position:absolute;bottom:-10px;text-align:center;width:100%;z-index:1}.ls--laptop .ls__nav{bottom:-30px}.ls--lapt_desc .ls__laptop-mask,.ls--lapt_slider_desc .ls__laptop-mask{bottom:0}.ls__nav-item{height:4px;-webkit-transition:opacity .3s ease-in-out,width .3s ease-in-out;transition:opacity .3s ease-in-out,width .3s ease-in-out;position:relative;opacity:.4;margin:0 0 0 5px;border-radius:2px;background:#444;cursor:pointer;width:15px;display:inline-block}.ls__nav-item:first-child{margin-left:0}.ls__nav-item:hover{opacity:1}.ls__nav-item.selected{opacity:1;background-color:#cd2122;width:27px}.ls__arrows{position:absolute;text-align:center;top:0;width:100%;z-index:1}.ls__arrow{height:140px;overflow:hidden;-webkit-transition:opacity .2s ease-out,left .2s ease-out,right .2s ease-out;transition:opacity .2s ease-out,left .2s ease-out,right .2s ease-out;opacity:0;cursor:pointer;width:65px}.ls__arrow,.ls__arrow:after,.ls__arrow:before{-webkit-backface-visibility:hidden;position:absolute;display:block}.ls__arrow:after,.ls__arrow:before{height:20px;-webkit-transform:rotate(-45deg) skew(45deg);-ms-transform:rotate(-45deg) skew(45deg);transform:rotate(-45deg) skew(45deg);right:0;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;content:"";top:50px;background-color:hsla(0,0%,100%,.17);-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;background:-webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,100%,0)),color-stop(100%,#fff));background:-webkit-linear-gradient(left,hsla(0,0%,100%,0),#fff);background:-webkit-linear-gradient(left,hsla(0,0%,100%,0),hsla(0,0%,100%,.17));background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.17));left:auto;width:90px}.ls__arrow:before{-webkit-transform:rotate(45deg) skew(-45deg);-ms-transform:rotate(45deg) skew(-45deg);transform:rotate(45deg) skew(-45deg);top:70px;-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.ls__arrow-left{-webkit-transform:scale(-1);-ms-transform:scale(-1);transform:scale(-1);top:190px;left:10.6%}.ls__arrow-right{right:10.6%;top:90px}.ls__laptop-mask:hover .ls__arrow-left{opacity:1;left:6.6%}.ls__laptop-mask:hover .ls__arrow-right{right:6.6%;opacity:1}.ls--lapt_desc .ls__laptop-mask:hover .ls__arrow-left,.ls--lapt_slider_desc .ls__laptop-mask:hover .ls__arrow-left{left:5.6%}.ls--lapt_desc .ls__laptop-mask:hover .ls__arrow-right,.ls--lapt_slider_desc .ls__laptop-mask:hover .ls__arrow-right{right:5.6%}.ls__arrow:hover:after,.ls__arrow:hover:before{background-color:hsla(0,0%,100%,.3)}.ls-source__mask{height:20vh;-webkit-transform:skewY(-2deg);-ms-transform:skewY(-2deg);transform:skewY(-2deg);-webkit-backface-visibility:hidden;position:absolute;bottom:0;-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;background:#fff;left:0;width:100%}.ls-source__mask.ls-source__mask-front{background:-moz-linear-gradient(top,hsla(0,0%,96%,.6) 0,#f5f5f5 60%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,96%,.6)),color-stop(60%,#f5f5f5));background:-webkit-linear-gradient(top,hsla(0,0%,96%,.6),#f5f5f5 60%);background:-o-linear-gradient(top,hsla(0,0%,96%,.6) 0,#f5f5f5 60%);background:-ms-linear-gradient(top,hsla(0,0%,96%,.6) 0,#f5f5f5 60%);background:linear-gradient(180deg,hsla(0,0%,96%,.6) 0,#f5f5f5 60%)}.ls-source__mask.ls-source__mask-back{-webkit-transform:skewY(-3.1deg);-ms-transform:skewY(-3.1deg);transform:skewY(-3.1deg);-webkit-backface-visibility:hidden;bottom:40px;background:hsla(0,0%,100%,.4)}.ls--theme-dark .ls__left-desc,.ls--theme-dark .ls__main-title{color:#343434}@media only screen and (max-height:680px){.laptop-slider__slideshow,.laptop-slider__slideshow.ls--fullscreen{height:auto}.laptop-slider__source+.laptop-slider__inner{position:relative}}@media only screen and (max-width:1279px){.ls__laptop-mask{padding-bottom:47%;width:90%}}@media only screen and (max-width:991px){.laptop-slider__slideshow{height:auto}.laptop-slider__source+.laptop-slider__inner{position:relative}.ls-source__mask{height:120px}.ls__laptop-mask{padding-bottom:51%;width:100%}.ls__main-title{font-size:27px}.ls--lapt_desc.laptop-slider__slideshow,.ls--lapt_slider_desc.laptop-slider__slideshow{height:auto}.ls--lapt_desc .ls__laptop-mask,.ls--lapt_slider_desc .ls__laptop-mask{margin-right:0;padding-bottom:52%;width:100%;float:none}.ls--lapt_desc .ls__left-desc,.ls--lapt_slider_desc .ls__left-desc{margin-right:0;position:static;text-align:center;width:100%;float:none;margin-top:50px}.ls--lapt_desc .ls-source__mask,.ls--lapt_slider_desc .ls-source__mask{display:none}.ls_slide_item-details{position:static;display:none}.ls_slide_item-details.selected{display:block}}@media only screen and (max-width:767px){.ls__main-title{margin-bottom:40px;margin-top:30px}.ls--lapt_desc .ls__laptop-mask,.ls--lapt_slider_desc .ls__laptop-mask,.ls__laptop-mask{max-width:120%;padding-bottom:62%;margin-left:-10%;width:120%}.ls__arrows{display:none}.ls--laptop .ls__item-caption{padding:5px 10px;font-size:12px;bottom:10px;line-height:1.4}.ls--laptop .item--active .ls__item-caption{left:10px}}@media only screen and (max-width:480px){.ls--lapt_desc .ls__laptop-mask,.ls--lapt_slider_desc .ls__laptop-mask,.ls__laptop-mask{max-width:140%;padding-bottom:72%;margin-left:-20%;width:140%}}