.page-section{padding:120px 0;}
.demo-resume-works [class^=col-]{position:relative;margin:0;padding:0;}
.demo-resume-works [class^=col-] > a{display:block;position:relative;height:450px;background-color:#EEE;}
.demo-resume-works .resume-works-overlay{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;padding:50px;background-color:rgba(0,0,0,0.7);-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;}
.demo-resume-works [class^=col-] > a:hover .resume-works-overlay{opacity:1;}
.demo-resume-works .resume-works-overlay h3{position:relative;top:-30px;opacity:0;font-family:'Playfair Display', serif;font-weight:400;-webkit-transition:all .3s .15s ease;-o-transition:all .3s .15s ease;transition:all .3s .15s ease;}
.demo-resume-works .resume-works-overlay span{position:relative;top:-20px;opacity:0;text-transform:uppercase;margin-top:5px;font-weight:300;font-size:15px;-webkit-transition:all .3s .25s ease;-o-transition:all .3s .25s ease;transition:all .3s .25s ease;}
.demo-resume-works [class^=col-] > a:hover .resume-works-overlay h3,
.demo-resume-works [class^=col-] > a:hover .resume-works-overlay span{top:0;opacity:1;}
.blurred-img{-webkit-transform:scale(1.01);-ms-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01);}
.y-video .icon-play{position:absolute;top:50%;left:50%;font-size:60px;color:#FFF;margin-top:-45px;margin-left:-23px;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;}
.y-video:hover .icon-play{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);}
.mfp-iframe-holder .mfp-content{max-width:80% !important;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{padding:12px 8px;}
.niche-demos-lists{list-style:none;}
.device-lg .niche-demos-lists.lists-2,
.device-md .niche-demos-lists.lists-2{margin-left:30px}
.niche-demos-lists li a{font-size:19px;color:#000;font-weight:700;line-height:1.5;}
.niche-demos-lists li{margin-top:8px;}
.niche-demos-lists li a img{display:inline-block;width:42px;height:42px;border-radius:50%;margin-right:10px;border:2px solid #FFF;}
.skill-area h4{font-size:20px;text-transform:uppercase;letter-spacing:1px;color:rgba(255, 255, 255, 0.7);}
.skill-area .skill-info{border-left:1px solid rgba(255, 255, 255, 0.2);padding-left:25px;}
.skill-area .skill-info span{display:block;margin-top:30px;font-size:17px;}
.skill-area span:first-child{margin-top:0;}
.skills li:not(:first-child){margin-top:50px;}
.dark .skills li > span{font-weight:300;color:#FFF;letter-spacing:3px;top:-24px;}
.skills li .progress,
.dark .skills li .progress-percent{background-color:#FFF !important;color:#333;text-shadow:none;font-size:12px;}
.dark .progress-percent:after,
.dark .progress-percent:before{border-top-color:#FFF !important;}
.portfolio-filter{margin-left:auto;margin-right:auto;float:none;}
.portfolio-filter li{display:inline-block;float:none;}
.portfolio-filter li.activeFilter a{font-weight:normal;}
.portfolio-overlay{background-color:rgba(0, 0, 0, 0.75);}
.owl-carousel-full .owl-nav [class*=owl-]{left:150px !important;height:60px;line-height:60px;border:none;color:#333;background-color:transparent;font-size:28px;border-radius:0;}
.owl-carousel .owl-nav .owl-next{left:auto;right:-155px;}
.owl-carousel-full .owl-nav .owl-next{left:auto !important;right:155px !important;border-radius:0;}
.owl-carousel-full .owl-nav [class*=owl-]:hover{color:#333 !important;}
.device-md .owl-carousel .owl-nav .owl-prev,
.device-sm .owl-carousel .owl-nav .owl-prev,
.device-xs .owl-carousel .owl-nav .owl-prev,
.device-xxs .owl-carousel .owl-nav .owl-prev{left:2px !important;}
.device-md .owl-carousel-full .owl-nav .owl-next,
.device-sm .owl-carousel-full .owl-nav .owl-next,
.device-xs .owl-carousel-full .owl-nav .owl-next,
.device-xxs .owl-carousel .owl-nav .owl-next{right:2px !important;}
#header, #header-wrap, #logo img{-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.feature-box h3 span.subtitle{font-size:14px;}
.feature-box.fbox-plain .fbox-icon img{height:50px;}
.col-padding{padding:100px 60px !important;}
.heading-block:before{content:attr(data-heading);display:block;position:absolute;top:0;left:0;color:#F5F5F5;z-index:-1;font-family:'poppins', sans-serif;font-weight:bold;font-size:90px;line-height:.3;}
.heading-block.center:before{right:0;left:0;margin:auto;}
.text-rotater{font-weight:300;font-size:20px;line-height:1.7;color:#888;}