@charset 'utf-8';





.demos-des{text-align:center}.demos-des h3{font-size:32px;margin-bottom:30px;text-transform:uppercase}.demos-des h3 span{text-transform:none}.demos-des p{font-size:15px;line-height:1.5;font-weight:500;color:#777}.all-demos{margin-top:83px}.wrapper-all-demos{max-width:1600px;display:block;width:100%;margin:0 auto}.wrapper-all-demos:before,.wrapper-all-demos:after,.container:before,.container:after{content:"";display:table;clear:both;}.a-demo{display:inline-block;float:left;width:25%;padding:0 0px;/*RGR era 40*/
margin-bottom:60px;text-align:center;opacity:;/*RGR era 0*/
-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.7s;-moz-animation-duration:.7s;-ms-animation-duration:.7s;-o-animation-duration:.7s;animation-duration:.7s;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}

@media (min-width: 768px) {
.a-demo{width:25%;}
 .wrapper-all-demos .a-demo:nth-child(4n+1){clear:both}
 .wrapper-all-demos .a-demo:nth-child(4n+2){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s}
.wrapper-all-demos .a-demo:nth-child(4n+3){-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}
.wrapper-all-demos .a-demo:nth-child(4n+4){-webkit-animation-delay:.7s;-moz-animation-delay:.7s;-o-animation-delay:.7s;animation-delay:.7s} }

@media (max-width: 768px) and (min-width: 400px) {
 .a-demo{width:50%;}
 .wrapper-all-demos .a-demo:nth-child(2n+1){clear:both}
 .wrapper-all-demos .a-demo:nth-child(2n+2){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s}
 }
 
 @media (max-width: 400px)  {
 .a-demo{width:100%;}
 .wrapper-all-demos .a-demo:nth-child(1n+1){clear:both}
 
 }

/*.wrapper-all-demos .a-demo:nth-child(2n+2){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s}
.wrapper-all-demos .a-demo:nth-child(2n+3){-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}
.wrapper-all-demos .a-demo:nth-child(2n+4){-webkit-animation-delay:.7s;-moz-animation-delay:.7s;-o-animation-delay:.7s;animation-delay:.7s}*/
.a-demo.animated{-webkit-animation-name:pencifadeInUp;-moz-animation-name:pencifadeInUp;-o-animation-name:pencifadeInUp;animation-name:pencifadeInUp;opacity:1}@-webkit-keyframes pencifadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes pencifadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.featured-area .active .pencislider-container.penci-fadeInUp .pencislider-title,.featured-area .active .pencislider-container.penci-fadeInUp .pencislider-caption,.featured-area .active .pencislider-container.penci-fadeInUp .pencislider-content .penci-button{-webkit-animation-name:pencifadeInUp;-moz-animation-name:pencifadeInUp;-o-animation-name:pencifadeInUp;animation-name:pencifadeInUp}/*.wrapper-all-demos .a-demo:nth-child(2n+1){clear:both}*/.a-demo .demo-inner:hover .demo-title a{color:#f26642}.a-demo .demo-img{position:relative;display:block;width:100%;background-size:100% 100%;background-repeat:no-repeat;border:1px solid #dedede;box-shadow:0 1px 1px -2px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.254);-webkit-box-shadow:0 1px 1px -2px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.254);-moz-box-shadow:0 1px 1px -2px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.254);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;overflow:hidden;background-color:#ccc}.demo-img span{background:#ff6618;width:200px;display:inline-block;padding:2px 0;line-height:1;position:absolute;top:20px;right:-77px;color:#fff;font-size:10px;font-family:'Montserrat',sans-serif;font-weight:500;letter-spacing:2px;transform:rotate(45deg);text-transform:uppercase}.demo-img span.demo-new{background:#f26642}.demo-img:hover{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px);box-shadow:0 12px 24px rgba(0,0,0,0.3),0 10px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 12px 24px rgba(0,0,0,0.3),0 10px 10px rgba(0,0,0,0.2)}.a-demo .demo-img:before{content:"";padding-bottom:129.166%;display:block;width:100%;background:none!important;box-shadow:none!important}.demo-img-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;opacity:0;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}.demo-img:hover .demo-img-overlay{opacity:.4}.demo-img-view{position:absolute;width:100%;text-align:center;line-height:1.3;color:#fff;font-size:14px;text-transform:uppercase;font-family:'Montserrat',sans-serif;left:0;bottom:-46px;height:46px;line-height:46px;opacity:0;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;transition-delay:.1s;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;background:rgba(0,0,0,0.85)}.demo-img:hover .demo-img-view{opacity:1;bottom:0}.demo-img-view i{font-size:9px;margin-top:17px;display:inline-block;vertical-align:top;margin-left:5px}.demo-title h4{margin-bottom:16px}.demo-title h4 a{font-size:14px;text-transform:uppercase;color:#111}.demo-title h4 a:hover{color:#f26642}