.works-main{ position:relative;}
.works-main .grid-col-two{ width:50%; float:none; }
.works-main .grid-col-three{ width:33.3333%; float:none; }
.works-main .grid-col-four{ width:25%; float:none; }

.works-item { position:relative; margin:15px 0 15px; display:block;}
.works-inner { position:relative; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}

.works-thumb { position:relative; display:block; overflow:hidden; border-radius:6px; z-index:1;}
.works-thumb:before { content:''; position:absolute; top:18px; left:15px; right:15px; bottom:18px; background-color:rgba(0,0,0, 0.9); border-radius:6px; -webkit-transform:perspective(400px) rotateX(90deg) scaleY(0.5); -ms-transform:perspective(400px) rotateX(90deg) scaleY(0.5); transform:perspective(400px) rotateX(90deg) scaleY(0.5); -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; -webkit-transition-delay:.1s; transition-delay:.1s; -webkit-transition-timing-function:ease-in-out; transition-timing-function:ease-in-out; -webkit-transition-duration:.5s; transition-duration:.5s; -webkit-transition-property:all; transition-property:all; z-index:1;}
.works-thumb img { width:100%; height:auto; display:block;}
.works-thumb a.work-link { position:absolute; top:60px; left:50%; height:50px; width:50px; line-height:50px; display:flex; align-items:center; justify-content:center; border:2px dashed #1a9120; border-radius:50%; -webkit-transform:translateY(-60px) translateX(-50%); -ms-transform:translateY(-60px) translateX(-50%); transform:translateY(-60px) translateX(-50%); -webkit-transition:opacity 500ms ease, visibility 500ms ease, transform 500ms ease, background-color 500ms ease; transition:opacity 500ms ease, visibility 500ms ease, transform 500ms ease, background-color 500ms ease; visibility:hidden; opacity:0; z-index:2;}
.works-thumb a.work-link i { font-size:20px; color:#1a9120; -webkit-transition:all 500ms ease; transition:all 500ms ease;}

.works-content { position:absolute; bottom:62px; left:0; right:0; text-align:center; -webkit-transform:translateY(66%); -ms-transform:translateY(66%); transform:translateY(66%); -webkit-transition:opacity 500ms ease, visibility 500ms ease, transform 500ms ease; transition:opacity 500ms ease, visibility 500ms ease, transform 500ms ease; visibility:hidden; opacity:0; z-index:2;}
.works-content span.works-category a { font-size:16px; color:#1a9120; display:block; margin-bottom:7px; text-transform:capitalize;}
.works-content h4 { color:#ffffff; margin-bottom:0; padding:0 5px; text-transform:capitalize;}
.works-content h4 a { color:#ffffff;}

.works-item:hover .works-thumb:before { -webkit-transform:perspective(400px) rotateX(0deg) scaleY(1); -ms-transform:perspective(400px) rotateX(0deg) scaleY(1); transform:perspective(400px) rotateX(0deg) scaleY(1); -webkit-transition-delay:.1s; transition-delay:.1s; -webkit-transition-timing-function:ease-in-out; transition-timing-function:ease-in-out; -webkit-transition-duration:.7s; transition-duration:.7s; -webkit-transition-property:all; transition-property:all;}
.works-item:hover .works-thumb a.work-link { visibility:visible; -webkit-transform:translateY(0px) translateX(-50%); -ms-transform:translateY(0px) translateX(-50%); transform:translateY(0px) translateX(-50%); -webkit-transition-delay:500ms; transition-delay:500ms; opacity:1;}
.works-item:hover .works-content { visibility:visible; -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); -webkit-transition-delay:500ms; transition-delay:500ms; opacity:1;}
.works-thumb a.work-link:hover { border-color:#ffffff;}
.works-thumb a.work-link:hover i { color:#ffffff;}

.col-3 .works-thumb:before { top:5px; left:5px; right:5px; bottom:5px;}
.col-3 .works-content { bottom:25px;}
.col-3 .works-content h4 { font-size:17px;}
.col-3 .works-content span.works-category a { font-size:14px; margin-bottom:5px;}
.col-3 .works-thumb a.work-link { width:35px; height:35px; line-height:35px; top:40px}
.col-3 .works-thumb a.work-link i { font-size:15px;}

/* Single Courses */
.works-single { position:relative;}
.works-single .works-details { width:100%; position:relative; margin-bottom:30px; padding-bottom:15px; padding-top:30px; border-top:1px solid #07370a; border-bottom:1px solid #07370a;}
.works-metadeta { position:relative; width:100%;}
.works-metadata-item { position:relative; display:block; text-align:center; margin-bottom:30px;}
.works-metadata-item span { display:block; font-size:17px; padding:5px 0;}
.works-metadata-item h4 { position:relative; font-size:18px; font-weight:500; z-index:5; display:block; margin-bottom:10px; text-transform:capitalize; letter-spacing:1px; padding:12px 30px 7px; background-color:#07370a; color:#ffffff; -webkit-transition:all .4s; transition:all .4s;}

.works-share { text-align:center; display:block; margin-top:20px;}
.works-share ul.social-share-post{ margin:0; border-radius:0; display:inline-block; text-align:center; }
.works-share ul.social-share-post li{ border-radius:0; margin:0 5px;}
.works-single .image-carousel{ margin:0 auto 50px; }

/* Related Portfolio Posts */
.related-works { position:relative;}
.related-works h3 { position:relative; padding:10px 25px 10px 0; display:block; font-size:25px; font-weight:500; border-bottom:2px solid #1a9120; text-transform:uppercase;}
.rel-works-inner { position:relative; display:flex;}
.rel-works-inner .col-4 { padding:0; margin-left:10px; margin-right:10px;}