.demos-container{padding-left:45px;padding-right:45px}.demos-container .demo-item-block{text-align:center;margin-bottom:50px}.demos-container .demo-item-block .demo-item-block-wrapper{position:relative;display:block;height:310px;border:1px solid #ebebeb;-webkit-border-radius:5px;border-radius:5px;overflow:hidden}.demos-container .demo-item-block .demo-item-block-wrapper::before{position:absolute;top:0;left:0;content:'';background:left center no-repeat #ebebeb;width:100%;height:30px;display:block;font-size:20px;line-height:28px;text-align:left;z-index:1}.demos-container .demo-item-block .demo-item-block-wrapper::after{position:absolute;top:10px;left:25px;content:'';background:#f5f5f5;-webkit-border-radius:3px;border-radius:3px;height:10px;width:-webkit-calc(100% - 50px);width:calc(100% - 50px);z-index:2}.demos-container .demo-item-block .demo-item-block-wrapper .demo-item{height:290px;-webkit-background-size:cover;background-size:cover;overflow:hidden;-webkit-transition:background-position 3s ease-in,-webkit-transform 2s ease-out;-o-transition:background-position 3s ease-in,transform 2s ease-out;transition:background-position 3s ease-in,transform 2s ease-out;transition:background-position 3s ease-in,transform 2s ease-out,-webkit-transform 2s ease-out;margin-top:30px;background-position-x:center}.demos-container .demo-item-block .demo-item-block-wrapper .demo-item:hover:not(.scale-block){background-position-y:100%}.demos-container .demo-item-block .demo-item-block-wrapper .demo-item.scale-block:hover{-webkit-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}.demos-container .demo-item-block .demo-item-block-wrapper h5{font-family:'Nunito Sans',sans-serif;font-size:20px;font-weight:600;color:#2a4256;letter-spacing:normal;line-height:1.1;text-transform:capitalize}.demos-container .demo-item-block a:not(.demo-item-block-wrapper) h5{font-size:14px;font-weight:900;font-style:normal;font-stretch:normal;line-height:1.1;letter-spacing:1px;color:#7d5bd9;margin-top:20px;text-transform:uppercase}.demo-item-block.new>img{position:absolute;top:40px;right:5px;z-index:99}@media (max-width:1200px){.demos-container{padding-left:25px;padding-right:25px}}.filter-button-group{text-align:center;margin-bottom:20px}.filter-button-group button{font-size:16px!important;line-height:16px;font-weight:600!important;color:rgba(0,0,0,.6);border:0;margin:0 15px 10px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;cursor:pointer;background-color:transparent;position:relative}.filter-button-group button:after{display:block;content:'';position:absolute;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);left:0;width:100%;bottom:-6px;height:2px;background-color:#0073e6;-webkit-transition:transform .35s cubic-bezier(.52,.01,.16,1);-webkit-transition:-webkit-transform .35s cubic-bezier(.52,.01,.16,1);-o-transition:transform .35s cubic-bezier(.52,.01,.16,1);transition:transform .35s cubic-bezier(.52,.01,.16,1);transition:transform .35s cubic-bezier(.52,.01,.16,1),-webkit-transform .35s cubic-bezier(.52,.01,.16,1)}.filter-button-group button.active,.filter-button-group button:hover{color:#0073e6}.filter-button-group button.active:after,.filter-button-group button:hover:after{-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);left:0}.demos-isotope__item{padding:30px}@media (max-width:1200px){.demos-isotope__item{padding:15px}}.demos-isotope__image{position:relative;padding-bottom:62.61%;overflow:hidden;-webkit-border-radius:5px;border-radius:5px;-webkit-background-size:100% 100%;background-size:100%;-webkit-transition:.3s -webkit-transform,.3s -webkit-box-shadow;-o-transition:.3s transform,.3s box-shadow;transition:.3s transform,.3s box-shadow;transition:.3s transform,.3s box-shadow,.3s -webkit-transform,.3s -webkit-box-shadow;border:1px solid rgba(34,34,34,.05)}.demos-isotope__image:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.15);box-shadow:0 15px 30px rgba(0,0,0,.15)}.demos-isotope__image:hover a{background-position-x:100%;background-position-y:100%}.demos-isotope__image a{position:absolute;display:block;width:-webkit-calc(100% + 10px);width:calc(100% + 10px);height:100%;margin-left:-5px;margin-right:-5px;-webkit-background-size:cover;background-size:cover;background-position:0;-webkit-transition:3s background-position;-o-transition:3s background-position;transition:3s background-position;background-position-y:0}.demos-isotope__title{padding-top:10px;text-align:center}.demos-isotope__title a{color:#444;font-size:20px;line-height:34px;font-weight:400}.section-purple .demos-container .demo-item-block a:not(.demo-item-block-wrapper) h5{background-image:-o-linear-gradient(356deg,#ffc507,#fb6e1e);background-image:linear-gradient(94deg,#ffc507,#fb6e1e);background:-webkit-linear-gradient(94deg,#ffc507,#fb6e1e);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.duration-1{-webkit-animation-duration:1s;animation-duration:1s}.duration-2{-webkit-animation-duration:2s;animation-duration:2s}.duration-3{-webkit-animation-duration:3s;animation-duration:3s}@media (max-width:1500px){.demos-isotope__item{width:50%;-webkit-animation-delay:0s!important;animation-delay:0s!important}.demos-isotope__item:nth-child(2n){-webkit-animation-delay:.3s!important;animation-delay:.3s!important}}@media (max-width:991px){.duration-1,.duration-2,.duration-3{-webkit-animation-duration:1s;animation-duration:1s}}@media (max-width:580px){.demos-isotope__item{width:100%;-webkit-animation-delay:0s!important;animation-delay:0s!important}.demos-isotope__item:nth-child(2n){-webkit-animation-delay:0!important;animation-delay:0!important}}