.portfolio-grid-unique figcaption {
position: absolute;
top: 0;
left: 0;
padding: 20px;
background: #111111;
color: #ed4e6e;
text-align: left;
margin: 0;
}
.portfolio-grid-unique figcaption h3 {
font-size: 19px;
color: #ffffff;
margin: 0;
}
.portfolio-grid-unique figcaption a {
text-align: center;
display: inline-block;
background: #5252ce;
color: #fff;
text-decoration: none;
padding: 7px 17px;
border-radius: 50px;
-webkit-transition: all .2s ease!important;
-moz-transition: all .2s ease!important;
-ms-transition: all .2s ease!important;
-o-transition: all .2s ease!important;
transition: all .2s ease!important;
}
.portfolio-grid-unique figcaption a:hover {
-webkit-transition: all .2s ease!important;
-moz-transition: all .2s ease!important;
-ms-transition: all .2s ease!important;
-o-transition: all .2s ease!important;
transition: all .2s ease!important;
}
.portfolio-grid-unique .item-wrap-inner img {
max-width: 100%;
display: block;
position: relative;
}
.item-wrap-inner {
margin: 0;
position: relative;
z-index: 1;
} .portfolio-grid-hiji figcaption {
height: 100%;
width: 100%;
opacity: 0;
text-align: center;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.portfolio-grid-hiji .item-wrap-inner:hover figcaption,
.portfolio-grid-hiji .item-wrap-inner.cs-hover figcaption {
opacity: 1;
-webkit-transform: translate(15px, 15px);
-moz-transform: translate(15px, 15px);
-ms-transform: translate(15px, 15px);
transform: translate(15px, 15px);
}
.portfolio-grid-hiji figcaption {
display: flex;
align-items: center;
justify-content: center;
}
.portfolio-grid-hiji figcaption h3 {
font-size: 19px;
margin-bottom: 0;
color: #fff;
}
.portfolio-grid-hiji figcaption span {
display: block;
}
.portfolio-grid-hiji figcaption a {
margin-top: 20px;
} .portfolio-grid-dua .item-wrap-inner img {
z-index: 10;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.portfolio-grid-dua .item-wrap-inner:hover img,
.portfolio-grid-dua .item-wrap-inner.cs-hover img {
-webkit-transform: translateY(-90px);
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
transform: translateY(-90px);
}
.portfolio-grid-dua figcaption {
height: 90px;
width: 100%;
top: auto;
bottom: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
display: flex;
align-items: center;
}
.portfolio-grid-dua figcaption .inner-content {
width: 100%;
}
.portfolio-grid-dua figcaption h3 {
}
.portfolio-grid-dua figcaption a {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
} .portfolio-grid-tilu .item-wrap-inner {
overflow: hidden;
}
.portfolio-grid-tilu .item-wrap-inner img {
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.portfolio-grid-tilu .item-wrap-inner:hover img,
.portfolio-grid-tilu .item-wrap-inner.cs-hover img {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.portfolio-grid-tilu figcaption {
height: 100px;
width: 100%;
top: auto;
bottom: 0;
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
display: flex;
align-items: center;
}
.portfolio-grid-tilu .item-wrap-inner:hover figcaption,
.portfolio-grid-tilu .item-wrap-inner.cs-hover figcaption {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.portfolio-grid-tilu figcaption a {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
} .portfolio-grid-opat .portfolio-block-item .item-wrap {
-webkit-perspective: 1700px;
-moz-perspective: 1700px;
perspective: 1700px;
-webkit-perspective-origin: 0 50%;
-moz-perspective-origin: 0 50%;
perspective-origin: 0 50%;
}
.portfolio-grid-opat .item-wrap-inner {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.portfolio-grid-opat .item-wrap-inner > div {
overflow: hidden;
}
.portfolio-grid-opat .item-wrap-inner img {
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.portfolio-grid-opat .item-wrap-inner:hover img,
.portfolio-grid-opat .item-wrap-inner.cs-hover img {
-webkit-transform: translateX(25%);
-moz-transform: translateX(25%);
-ms-transform: translateX(25%);
transform: translateX(25%);
}
.portfolio-grid-opat figcaption {
height: 100%;
width: 50%;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.portfolio-grid-opat .item-wrap-inner:hover figcaption,
.portfolio-grid-opat .item-wrap-inner.cs-hover figcaption {
opacity: 1;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.portfolio-grid-opat figcaption a {
position: absolute;
bottom: 20px;
right: 20px;
} .portfolio-grid-lima .item-wrap-inner img {
z-index: 10;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.portfolio-grid-lima .item-wrap-inner:hover img,
.portfolio-grid-lima .item-wrap-inner.cs-hover img {
-webkit-transform: scale(0.4);
-moz-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
}
.portfolio-grid-lima figcaption {
height: 100%;
width: 100%;
opacity: 0;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
-moz-transition: -moz-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.portfolio-grid-lima .item-wrap-inner:hover figcaption,
.portfolio-grid-lima .item-wrap-inner.cs-hover figcaption {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.portfolio-grid-lima .item-wrap-inner a {
position: absolute;
bottom: 20px;
right: 20px;
} .portfolio-grid-genep .item-wrap-inner img {
z-index: 10;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.portfolio-grid-genep .item-wrap-inner:hover img,
.portfolio-grid-genep .item-wrap-inner.cs-hover img {
-webkit-transform: translateY(-50px) scale(0.5);
-moz-transform: translateY(-50px) scale(0.5);
-ms-transform: translateY(-50px) scale(0.5);
transform: translateY(-50px) scale(0.5);
}
.portfolio-grid-genep figcaption {
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
display: flex;
align-items: flex-end;
}
.portfolio-grid-genep figcaption a {
position: absolute;
bottom: 20px;
right: 20px;
} .portfolio-grid-tujuh .portfolio-block-item:first-child { z-index: 20; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(2) { z-index: 19; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(3) { z-index: 18; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(4) { z-index: 17; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(5) { z-index: 16; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(6) { z-index: 15; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(7) { z-index: 14; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(8) { z-index: 13; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(9) { z-index: 12; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(10) { z-index: 11; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(11) { z-index: 10; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(12) { z-index: 9; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(13) { z-index: 8; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(14) { z-index: 7; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(15) { z-index: 6; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(16) { z-index: 5; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(17) { z-index: 4; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(18) { z-index: 3; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(19) { z-index: 2; }
.portfolio-grid-tujuh .portfolio-block-item:nth-child(20) { z-index: 1; }
.portfolio-grid-tujuh .item-wrap-inner img {
z-index: 10;
}
.portfolio-grid-tujuh figcaption {
height: 100%;
width: 100%;
opacity: 0;
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
-moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
box-shadow: 1px 12px 17px 1px rgba(0,0,0,.3);
display: flex;
align-items: flex-end;
}
.portfolio-grid-tujuh figcaption:after {
content: '';
box-shadow: 1px 12px 17px 1px rgba(0,0,0,.3);
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
}
.portfolio-grid-tujuh .item-wrap-inner:hover figcaption,
.portfolio-grid-tujuh .item-wrap-inner.cs-hover figcaption {
pointer-events: auto;
opacity: 1;
height: 130%;
box-shadow: 1px 12px 17px 1px rgba(0,0,0,.3);
z-index: 1;
}
.portfolio-grid-tujuh figcaption h3 {
margin-top: 86%;
}
.portfolio-grid-tujuh figcaption h3,
.portfolio-grid-tujuh figcaption span,
.portfolio-grid-tujuh figcaption a {
opacity: 0;
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
.portfolio-grid-tujuh figcaption a {
position: absolute;
bottom: 20px;
right: 20px;
}
.portfolio-grid-tujuh .item-wrap-inner:hover figcaption h3,
.portfolio-grid-tujuh .item-wrap-inner:hover figcaption span,
.portfolio-grid-tujuh .item-wrap-inner:hover figcaption a,
.portfolio-grid-tujuh .item-wrap-inner.cs-hover figcaption h3,
.portfolio-grid-tujuh .item-wrap-inner.cs-hover figcaption span,
.portfolio-grid-tujuh .item-wrap-inner.cs-hover figcaption a {
-webkit-transition: all 0.3s 0.2s;
-moz-transition: all 0.3s 0.2s;
transition: all 0.3s 0.2s;
opacity: 1;
}  .single-portfolio-main-wrapper,
.single-portfolio-main-wrapper .header-single {
height: 100%;
} .single-portfolio-main-wrapper .header-single {
position: relative;
margin: 0 auto;
height: calc(100vh - 98px);
width: 100%;
}
.single-portfolio-main-wrapper.intro-effect-sliced.modify .header-single {
height: calc(100vh - 250px);
}
.single-portfolio-main-wrapper.intro-effect-sliced.modify .header-single .title {
padding-top: 80px;
}
.single-portfolio-main-wrapper.intro-effect-jam3.modify .header-single {
height: calc(100vh - 250px);
}
.single-portfolio-main-wrapper.intro-effect-jam3.modify .header-single .title {
padding-top: 100px;
} .single-portfolio-main-wrapper .bg-img {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.single-portfolio-main-wrapper .bg-img img {
position: absolute;
top: 0;
left: 0;
display: block;
min-width: 100%;
min-height: 100%;
object-fit: cover;
}
.single-portfolio-main-wrapper.intro-effect-push .bg-img img {
z-index: 1;
}
.single-portfolio-main-wrapper .bg-img .bg-img-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.2);
z-index: 1;
}
.single-portfolio-main-wrapper.intro-effect-fadeout .title h1 {
padding: 0 0 0.2em;
}
.single-portfolio-main-wrapper.intro-effect-push .header-single .title h1 {
padding: 0 0 0.3em;
}
.intro-effect-push > .content {
min-height: 30vh;
}
.single-portfolio-main-wrapper .header-single .title h1 {
color: #ffffff;
}
.single-portfolio-main-wrapper .header-single .title p.subline {
color: #ffffff;
}
.single-portfolio-main-wrapper .title p strong:after {
content: "-";
margin: 0 5px;
}
.single-portfolio-main-wrapper .title p strong:last-child:after {
content: "";
margin: 0;
} .single-portfolio-main-wrapper button.trigger {
position: absolute;
bottom: 50px;
left: 50%;
z-index: 5000;
display: block;
transform: translateX(-50%);
padding: 0;
width: 100px;
height: 1em;
border: none;
background: transparent;
color: transparent;
font-size: 2em;
cursor: pointer;
}
.single-portfolio-main-wrapper:not(.notrans) button.trigger {
-webkit-transition: opacity 0.3s 0.5s;
transition: opacity 0.3s 0.5s;
}
.single-portfolio-main-wrapper.modify:not(.notrans) button.trigger {
opacity: 0;
pointer-events: none;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.single-portfolio-main-wrapper button.trigger::before {
position: absolute;
bottom: 100%;
left: -100%;
padding: 0.8em;
width: 300%;
color: #fff;
content: attr(data-info);
font-size: 13px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.single-portfolio-main-wrapper button.trigger:focus {
outline: none;
}
.single-portfolio-main-wrapper button.trigger span {
position: relative;
display: block;
overflow: hidden;
width: 100%;
height: 100%;
}
.single-portfolio-main-wrapper button.trigger span::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
content: "\f078";
text-transform: none;
font-weight: 900;
font-style: normal;
font-variant: normal;
font-family: "font awesome 5 free";
line-height: 1;
speak: none;
font-size: 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}   .intro-effect-jam3:not(.notrans) .bg-img {
-webkit-transition-property: top, left, right, bottom;
transition-property: top, left, right, bottom;
}
.intro-effect-jam3:not(.notrans) .header-single h1,
.intro-effect-jam3:not(.notrans) .codrops-top a {
-webkit-transition-property: color;
transition-property: color;
}
.intro-effect-jam3:not(.notrans) .codrops-demos a {
-webkit-transition-property: border-color, color;
transition-property: border-color, color;
}
.intro-effect-jam3:not(.notrans) .header-single p {
-webkit-transition-property: color, opacity, -webkit-transform;
transition-property: color, opacity, transform;
}
.intro-effect-jam3:not(.notrans) .content > div {
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
}
.intro-effect-jam3:not(.notrans) .bg-img,
.intro-effect-jam3:not(.notrans) .header-single h1,
.intro-effect-jam3:not(.notrans) .codrops-top a,
.intro-effect-jam3:not(.notrans) .codrops-demos a,
.intro-effect-jam3:not(.notrans) .content > div {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.intro-effect-jam3:not(.notrans) .header-single p,
.intro-effect-jam3:not(.notrans) .header-single p.subline,
.intro-effect-jam3:not(.notrans) .content > div {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.intro-effect-jam3.modify:not(.notrans) .header-single p,
.intro-effect-jam3.modify:not(.notrans) .header-single p.subline,
.intro-effect-jam3.modify:not(.notrans) .content > div {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.intro-effect-jam3 .codrops-demos a {
color: #fff;
}
.intro-effect-jam3 .codrops-demos a.current-demo {
border-color: #fff;
}
.intro-effect-jam3.modify .codrops-demos a {
color: #c03b5d;
}
.intro-effect-jam3.modify .codrops-demos a.current-demo {
border-color: #c03b5d;
}
.intro-effect-jam3#container {
padding: 45px 30px;
}
.intro-effect-jam3 .bg-img {
top: -45px;
right: -30px;
bottom: -45px;
left: -30px;
background: #514753;
}
.intro-effect-jam3.modify .bg-img {
top: 0;
right: 0;
bottom: 85%;
left: 0;
}
.intro-effect-jam3.modify .header-single h1 {
color: #514753;
}
.intro-effect-jam3 .header-single p {
color: #514753;
opacity: 0;
-webkit-transform: translateY(150px);
transform: translateY(150px);
}
.intro-effect-jam3.modify .header-single p {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.intro-effect-jam3 .content {
padding: 0 5em 5em;
}
.intro-effect-jam3 .content > div {
opacity: 0;
-webkit-transform: translateY(150px);
transform: translateY(150px);
}
.intro-effect-jam3.modify .content > div {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.intro-effect-jam3.modify .codrops-top a {
color: #514753;
} .intro-effect-jam3.modify:not(.notrans) .header-single p:nth-last-child(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.intro-effect-jam3.modify:not(.notrans) .header-single p:last-child {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.intro-effect-jam3.modify:not(.notrans) .content > div {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}   .intro-effect-fadeout:not(.notrans) .bg-img {
-webkit-transition-property: -webkit-transform;
transition-property: transform;
}
.intro-effect-fadeout:not(.notrans) .bg-img::after {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.intro-effect-fadeout:not(.notrans) .header-single h1 {
-webkit-transition-property: color;
transition-property: color;
}
.intro-effect-fadeout:not(.notrans) .header-single p,
.intro-effect-fadeout:not(.notrans) .content > div {
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.intro-effect-fadeout:not(.notrans) .bg-img,
.intro-effect-fadeout:not(.notrans) .bg-img::after,
.intro-effect-fadeout:not(.notrans) .header-single h1,
.intro-effect-fadeout:not(.notrans) .header-single p,
.intro-effect-fadeout:not(.notrans) .content > div {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.intro-effect-fadeout .header-single {
overflow: hidden;
}
.intro-effect-fadeout.modify .bg-img {
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
}
.intro-effect-fadeout .bg-img::after {
content: '';
position: absolute;
width: 100%;
height: 101%;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.intro-effect-fadeout.modify .bg-img::after {
opacity: 1;
}
.single-portfolio-main-wrapper.intro-effect-fadeout .title {
text-align: left;
max-width: 900px;
}
.single-portfolio-main-wrapper.intro-effect-fadeout.modify .header-single h1,
.single-portfolio-main-wrapper.intro-effect-fadeout .header-single p {
color: #514753;
}
.single-portfolio-main-wrapper.intro-effect-fadeout .header-single p:nth-child(3) {
opacity: 0;
}
.single-portfolio-main-wrapper.intro-effect-fadeout .header-single p.subline2 {
opacity: 1;
transform: translate(10px, 10px);
}
.single-portfolio-main-wrapper.intro-effect-fadeout .header-single p:nth-child(3) {
-webkit-transform: translateX(-150px);
transform: translateX(-150px);
}
.single-portfolio-main-wrapper.intro-effect-fadeout.modify .header-single p:nth-child(3) {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.single-portfolio-main-wrapper.intro-effect-fadeout .content {
z-index: 1000;
position: relative;
}
.single-portfolio-main-wrapper.intro-effect-fadeout .content > div {
opacity: 0;
-webkit-transform: translateY(350px);
transform: translateY(350px);
}
.single-portfolio-main-wrapper.intro-effect-fadeout.modify .content > div {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}   .intro-effect-sliced:not(.notrans) .bg-img,
.intro-effect-sliced:not(.notrans) .title {
-webkit-transition-property: -webkit-transform;
transition-property: transform;
}
.intro-effect-sliced:not(.notrans) .header-single h1,
.intro-effect-sliced:not(.notrans) .codrops-demos a {
-webkit-transition-property: color;
transition-property: color;
}
.intro-effect-sliced:not(.notrans) .header-single p {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.intro-effect-sliced:not(.notrans) .content > div {
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.intro-effect-sliced:not(.notrans) .bg-img,
.intro-effect-sliced:not(.notrans) .header-single h1,
.intro-effect-sliced:not(.notrans) .title,
.intro-effect-sliced:not(.notrans) .header-single p,
.intro-effect-sliced:not(.notrans) .content > div,
.intro-effect-sliced:not(.notrans) .codrops-demos a {
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.intro-effect-sliced.modify:not(.notrans) .header-single h1,
.intro-effect-sliced.modify:not(.notrans) .title,
.intro-effect-sliced.modify:not(.notrans) .header-single p,
.intro-effect-sliced.modify:not(.notrans) .content > div,
.intro-effect-sliced.modify:not(.notrans) .codrops-demos a {
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.intro-effect-sliced .bg-img:first-child {
bottom: 50%;
}
.intro-effect-sliced .bg-img:last-child {
top: 50%;
position: absolute;
z-index: 900;
}
.intro-effect-sliced.modify .bg-img:last-child {
top: 50%;
position: fixed;
z-index: 900;
}
.intro-effect-sliced .bg-img:last-child img {
top: -100%;
}
.intro-effect-sliced.modify .bg-img:first-child {
-webkit-transform: translateY(-80%);
transform: translateY(-80%);
}
.intro-effect-sliced.modify .bg-img:last-child {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.intro-effect-sliced .codrops-demos {
text-align: center;
}
.intro-effect-sliced .codrops-demos a {
color: #fff;
font-size: 0.8em;
}
.intro-effect-sliced.modify .codrops-demos a {
color: #cf4a5c;
}
.intro-effect-sliced .title {
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.7);
transform: translateX(-50%) translateY(-50%) scale(0.7);
}
.intro-effect-sliced.modify .title {
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
.intro-effect-sliced .header-single p {
opacity: 0;
color: #514753;
}
.intro-effect-sliced .title p.subline {
opacity: 1;
}
.intro-effect-sliced.modify .header-single p {
opacity: 1;
}
.intro-effect-sliced.modify .header-single h1 {
color: #514753;
}
.intro-effect-sliced .content > div {
-webkit-transform: translateY(200px);
transform: translateY(200px);
opacity: 0;
}
.intro-effect-sliced.modify .content > div {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
} .intro-effect-sliced.modify:not(.notrans) .title {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}   .single-portfolio-main-wrapper.intro-effect-side:not(.notrans) .bg-img::before,
.single-portfolio-main-wrapper.intro-effect-side:not(.notrans) .title {
-webkit-transition-property: -webkit-transform;
transition-property: transform;
}
.single-portfolio-main-wrapper.intro-effect-side:not(.notrans) .bg-img::after {
-webkit-transition-property: top, left, bottom, right, background-color;
transition-property: top, left, bottom, right, background-color;
}
.single-portfolio-main-wrapper.intro-effect-side:not(.notrans) .header-single p {
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.single-portfolio-main-wrapper.intro-effect-side:not(.notrans) .content > div {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.single-portfolio-main-wrapper.intro-effect-side:not(.notrans) .bg-img::before,
.single-portfolio-main-wrapper.intro-effect-side:not(.notrans) .bg-img::after,
.single-portfolio-main-wrapper.intro-effect-side:not(.notrans) .title,
.single-portfolio-main-wrapper.intro-effect-side:not(.notrans) .header-single p,
.single-portfolio-main-wrapper.intro-effect-side:not(.notrans) .content > div {
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.single-portfolio-main-wrapper.intro-effect-side .codrops-top a {
color: #7b8d92;
}
.single-portfolio-main-wrapper.intro-effect-side .bg-img::before,
.single-portfolio-main-wrapper.intro-effect-side .bg-img::after {
content: '';
position: absolute;
z-index: 100;
}
.single-portfolio-main-wrapper.intro-effect-side .bg-img::before {
background: #fff;
top: 0;
left: 0;
width: 60%;
height: 100%;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.single-portfolio-main-wrapper.intro-effect-side.modify .bg-img::before {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.single-portfolio-main-wrapper.intro-effect-side .bg-img::after {
border: 80px solid #fff;
top: -80px;
right: -80px;
bottom: -80px;
left: -80px;
background-color: rgba(0,0,0,0.2);
}
.single-portfolio-main-wrapper.intro-effect-side.modify .bg-img::after {
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255,255,255,0);
}
.single-portfolio-main-wrapper.intro-effect-side .codrops-demos a {
color: #43939d;
}
.single-portfolio-main-wrapper.intro-effect-side .header-single .title p.subline {
opacity: 1;
transform: translate(0);
}
.single-portfolio-main-wrapper.intro-effect-side .codrops-demos a.current-demo {
border-bottom: 3px solid #43939d;
}
.single-portfolio-main-wrapper.intro-effect-side.modify .title {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.single-portfolio-main-wrapper.intro-effect-side .header-single h1 {
font-style: italic;
font-weight: 600;
padding: 0 0 0.5em 0;
color: #516165;
}
.single-portfolio-main-wrapper.intro-effect-side .header-single p {
opacity: 0;
color: #7b8d92;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
.single-portfolio-main-wrapper.intro-effect-side.modify .header-single p {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .content p.subline {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.single-portfolio-main-wrapper.intro-effect-sidefixed.modify .content {
z-index: 11;
}
.single-portfolio-main-wrapper.intro-effect-side .content > div {
margin-top: 0px;
opacity: 0;
}
.single-portfolio-main-wrapper.intro-effect-side.modify .content > div {
opacity: 1;
} .single-portfolio-main-wrapper.intro-effect-side:not(.notrans) .title,
.single-portfolio-main-wrapper.intro-effect-side:not(.notrans) .bg-img::before,
.single-portfolio-main-wrapper.intro-effect-side:not(.notrans) .bg-img::after {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.single-portfolio-main-wrapper.intro-effect-side.modify:not(.notrans) .title,
.single-portfolio-main-wrapper.intro-effect-side.modify:not(.notrans) .bg-img::before,
.single-portfolio-main-wrapper.intro-effect-side.modify:not(.notrans) .bg-img::after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.single-portfolio-main-wrapper.intro-effect-side.modify:not(.notrans) .header-single p:nth-last-child(2) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.single-portfolio-main-wrapper.intro-effect-side.modify:not(.notrans) .header-single p:last-child {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.single-portfolio-main-wrapper.intro-effect-side.modify:not(.notrans) .content > div {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}   .single-portfolio-main-wrapper.intro-effect-sidefixed:not(.notrans) .bg-img::before {
-webkit-transition-property: background-color;
transition-property: background-color;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed:not(.notrans) .bg-img::after {
-webkit-transition-property: -webkit-transform;
transition-property: transform;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed:not(.notrans) .title p {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed:not(.notrans) .content > div {
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed:not(.notrans) .bg-img::before,
.single-portfolio-main-wrapper.intro-effect-sidefixed:not(.notrans) .bg-img::after,
.single-portfolio-main-wrapper.intro-effect-sidefixed:not(.notrans) .title p,
.single-portfolio-main-wrapper.intro-effect-sidefixed:not(.notrans) .content > div {
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed {
position: relative;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .header-single {
position: absolute;
overflow: hidden;
transform: translate3d(0px,0,0);
z-index: 10;
transition: all 1s ease;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed.modify .header-single {
height: 100%;
z-index: auto;
transition: all 1s ease;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed.modify .bg-img {
position: fixed;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .bg-img img {
left: auto;
right: 0;
position: fixed;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .bg-img::before,
.single-portfolio-main-wrapper.intro-effect-sidefixed .bg-img::after {
content: '';
position: absolute;
z-index: 100;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .bg-img::after {
background: #ffffff;
top: 0;
right: 0;
width: 60%;
height: 100%;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.single-portfolio-main-wrapper.intro-effect-sidefixed.modify .bg-img::after {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .bg-img::before {
width: 100%;
height: 100%;
background-color: rgba(247,214,169,0.1);
}
.single-portfolio-main-wrapper.intro-effect-sidefixed.modify .bg-img::before {
background-color: rgb(0 0 0 / 40%);
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .codrops-demos a {
color: #f68f6c;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .title {
position: relative;
top: auto;
left: auto;
text-align: left;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
.single-portfolio-main-wrapper.intro-effect-sidefixed.modify .title {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .title h1 {
font-weight: 700;
color: #585a66;
transition-duration: 0.5s;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .title p {
opacity: 0;
color: #585a66;
transition-duration: 0.5s;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed.modify .title p {
opacity: 1;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .content {
width: 60%;
margin-left: 40%;
padding: 0 8em 0 8em;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .content div {
position: relative;
color: #77726b;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .content div:nth-child(2) {
opacity: 0;
-webkit-transform: translateY(200px);
transform: translateY(200px);
}
.single-portfolio-main-wrapper.intro-effect-sidefixed.modify .content div:nth-child(2) {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.intro-effect-jam3 .header-single p.subline {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
} .single-portfolio-main-wrapper.intro-effect-sidefixed:not(.notrans) .title,
.single-portfolio-main-wrapper.intro-effect-sidefixed:not(.notrans) .bg-img::before,
.single-portfolio-main-wrapper.intro-effect-sidefixed:not(.notrans) .bg-img::after {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed.modify:not(.notrans) .title,
.single-portfolio-main-wrapper.intro-effect-sidefixed.modify:not(.notrans) .bg-img::before,
.single-portfolio-main-wrapper.intro-effect-sidefixed.modify:not(.notrans) .bg-img::after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed.modify:not(.notrans) .content div:nth-child(2) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}   .intro-effect-push:not(.notrans) .single-header,
.intro-effect-push:not(.notrans) > .title,
.intro-effect-push:not(.notrans) .content > div {
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.intro-effect-push:not(.notrans) .header-single {
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s;
}
.intro-effect-push .codrops-demos a {
color: #108576;
}
.intro-effect-push .header-single {
position: absolute;
z-index: 100;
}
.intro-effect-push > .title {
position: relative;
top: auto;
left: auto;
padding: 15em 1em 2em;
}
.intro-effect-push .content > div {
margin-top: 0;
color: #b2b2c0;
}
.single-portfolio-main-wrapper.intro-effect-push > .title,
.single-portfolio-main-wrapper.intro-effect-push .content > div {
-webkit-transform: translateY(400px);
transform: translateY(400px);
opacity: 0;
}
.single-portfolio-main-wrapper.intro-effect-push.modify > .title,
.single-portfolio-main-wrapper.intro-effect-push.modify .content > div {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.single-portfolio-main-wrapper.intro-effect-push.modify .header-single {
opacity: 0;
-webkit-transform: translateY(-100%) scale(0.9);
transform: translateY(-100%) scale(0.9);
} .single-portfolio-main-wrapper.intro-effect-push.modify:not(.notrans) > .title {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.single-portfolio-main-wrapper.intro-effect-push.modify:not(.notrans) .content > div {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}   .intro-effect-grid:not(.notrans) .grid li:nth-child(5) {
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.intro-effect-grid:not(.notrans) .header-single p  {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.intro-effect-grid:not(.notrans) .bg-img,
.intro-effect-grid:not(.notrans) .title {
-webkit-transition-property: -webkit-transform;
transition-property: transform;
}
.intro-effect-grid:not(.notrans) .header-single h1,
.intro-effect-grid:not(.notrans) .codrops-demos a {
-webkit-transition-property: color;
transition-property: color;
}
.intro-effect-grid:not(.notrans) .grid li:nth-child(5),
.intro-effect-grid:not(.notrans) .bg-img,
.intro-effect-grid:not(.notrans) .title,
.intro-effect-grid:not(.notrans) .header-single h1,
.intro-effect-grid:not(.notrans) .header-single p,
.intro-effect-grid:not(.notrans) .codrops-demos a {
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.intro-effect-grid .codrops-demos a {
color: #fff;
}
.intro-effect-grid.modify .codrops-demos a {
color: #cf7000;
}
.intro-effect-grid .codrops-demos a.current-demo {
border-bottom: 3px solid #fff;
}
.intro-effect-grid.modify .codrops-demos a.current-demo {
border-color: #cf7000;
}
.intro-effect-grid .title {
max-width: 900px;
padding-top: 2em;
}
.intro-effect-grid.modify .title {
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.intro-effect-grid .content > div {
margin-top: 40px;
color: #2e3337;
}
.intro-effect-grid .header-single h1 {
padding: 0 0 0.6em;
}
.intro-effect-grid.modify .header-single h1 {
color: #2d3b44;
}
.intro-effect-grid .header-single p {
opacity: 0;
color: #4c6270;
}
.intro-effect-grid .header-single p.subline {
font-size: 1.5em;
}
.intro-effect-grid.modify .header-single p {
opacity: 1;
}
.intro-effect-grid .grid {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
z-index: 0;
}
.intro-effect-grid .grid li::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(71,63,59,0.5);
pointer-events: none;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.intro-effect-grid.modify .grid li:hover::after,
.intro-effect-grid.modify .grid li:nth-child(5)::after {
background: rgba(71,63,59,0.1);
}
.intro-effect-grid .grid li {
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
cursor: pointer;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.intro-effect-grid .grid li h2 {
padding-bottom: 0.4em;
margin: 1em;
color: #fff;
line-height: 1;
font-size: 1em;
position: absolute;
bottom: 0;
z-index: 100;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.intro-effect-grid .grid li:hover h2 {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.intro-effect-grid .grid li:first-child {
top: 0;
left: 0;
height: 50%;
width: 25%;
background-image: url(//www.luckybabies.gr/wp-content/plugins/advanced-grid-portfolio-builder/assets/img/thumbs/1.jpg);
}
.intro-effect-grid .grid li:nth-child(2) {
top: 50%;
left: 0;
height: 50%;
width: 25%;
background-image: url(//www.luckybabies.gr/wp-content/plugins/advanced-grid-portfolio-builder/assets/img/thumbs/2.jpg);
}
.intro-effect-grid .grid li:nth-child(3) {
top: 0;
left: 25%;
height: 100%;
width: 25%;
background-image: url(//www.luckybabies.gr/wp-content/plugins/advanced-grid-portfolio-builder/assets/img/thumbs/5.jpg);
}
.intro-effect-grid .grid li:nth-child(4) {
top: 0;
left: 50%;
height: 50%;
width: 50%;
background-image: url(//www.luckybabies.gr/wp-content/plugins/advanced-grid-portfolio-builder/assets/img/thumbs/4.jpg);
}
.intro-effect-grid .grid li:nth-child(5) {
top: 50%;
left: 50%;
height: 50%;
width: 25%;
background-image: url(//www.luckybabies.gr/wp-content/plugins/advanced-grid-portfolio-builder/assets/img/thumbs/8.jpg);
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.intro-effect-grid.modify .grid li:nth-child(5) {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.intro-effect-grid .grid li:nth-child(5) h2 {
color: #de8721;
}
.intro-effect-grid .grid li:nth-child(6) {
top: 50%;
left: 75%;
height: 50%;
width: 25%;
background-image: url(//www.luckybabies.gr/wp-content/plugins/advanced-grid-portfolio-builder/assets/img/thumbs/6.jpg);
}
.intro-effect-grid.modify .bg-img {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
} @media screen and (max-width: 47em) {
.single-portfolio-main-wrapper .title, 
.single-portfolio-main-wrapper .content {
font-size: 70%;
}
.single-portfolio-main-wrapper.intro-effect-side .title {
width: 100%;
padding: 0 10em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.single-portfolio-main-wrapper.intro-effect-side.modify .bg-img::before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.single-portfolio-main-wrapper.intro-effect-side .bg-img::after {
border-left-width: 0px;
border-right-width: 0px;
right: 0px;
left: 0px;
background: rgba(255,255,255,0.1);
}
.single-portfolio-main-wrapper.intro-effect-side.modify .bg-img::after {
background: rgba(255,255,255,0.8);
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .content {
width: 100%;
margin-left: auto;
padding-left: 11em;
padding: 0;
padding-top: 5em;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .bg-img::after {
width: 100%;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .title {
padding: 0px 3.25em;
padding-top: 5em;
text-align: center;
}
}
@media screen and (max-width: 27em) {
.intro-effect-jam3 .content {
padding: 0;
}
.intro-effect-grid .grid li h2 {
display: none;
}
.single-portfolio-main-wrapper .title, 
.single-portfolio-main-wrapper .content {
font-size: 50%;
}
.single-portfolio-main-wrapper button.trigger::before {
display: none;
}
.single-portfolio-main-wrapper.intro-effect-sliced .bg-img img {
height: 100vh;
}
}
.single-portfolio-main-wrapper .content .wp-block-quote.is-large p, 
.single-portfolio-main-wrapper .content .wp-block-quote.is-style-large p {
font-size: 24px;
}   .single-portfolio-main-wrapper .title {
z-index: 906;
margin: 0 auto;
padding: 0 15px;
width: 100%;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.single-portfolio-main-wrapper.intro-effect-fadeout .title {
padding: 0 30px;
}
.single-portfolio-main-wrapper.intro-effect-side .title {
text-align: right;
left: 0;
padding: 0 40px 0 40px;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.single-portfolio-main-wrapper .title h1 {
padding: 0 0 25px;
font-weight: 700;
font-size: 36px;
margin: 0 auto;
color: #000000;
}
.single-portfolio-main-wrapper .title p {
padding: 0 0 20px;
font-weight: 300;
font-size: 16px;
margin: 0 auto;
}
.single-portfolio-main-wrapper .header-single .title p {
color: #ffffff;
}
.single-portfolio-main-wrapper .title h1,
.single-portfolio-main-wrapper .title p.subline {
line-height: 1.2;
}
.single-portfolio-main-wrapper .title p.subline {
font-size: 18px;
}
.single-portfolio-main-wrapper .content, 
.single-portfolio-main-wrapper .content p {
color: #000000;
font-size: 14px;
font-weight: 400;
}
.single-portfolio-main-wrapper.intro-effect-push > .title {
position: relative;
top: auto;
left: auto;
padding: 60px 30px 20px;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .title {
padding: 0 30px;
}
@media (min-width: 640px) {
.single-portfolio-main-wrapper .title h1 {
font-size: 61px;
padding-bottom: 20px;
}
.single-portfolio-main-wrapper .title p {
font-size: 16px;
}
.single-portfolio-main-wrapper .title p.subline {
font-size: 22px;
padding-bottom: 10px;
}
.single-portfolio-main-wrapper.intro-effect-side .title {
text-align: right;
left: 0;
padding: 0 40px 0 40px;
width: 60%;
-webkit-transform: translateX(33.3%) translateY(-50%);
transform: translateX(33.3%) translateY(-50%);
}
.single-portfolio-main-wrapper .content, 
.single-portfolio-main-wrapper .content p {
font-size: 14px;
}
.intro-effect-push > .title {
padding: 120px 10px 40px;
}
.intro-effect-push > .content {
min-height: 40vh;
}
.single-portfolio-main-wrapper.intro-effect-fadeout .title {
padding: 0 30px;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .content {
padding: 0 30px 0 30px;
padding: 4em;
}
}
@media (min-width: 1025px) {
.single-portfolio-main-wrapper.intro-effect-fadeout .title {
padding: 0 15px;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .title {
padding: 0 15px;
}
}
@media (min-width: 1200px) {
.single-portfolio-main-wrapper .title h1 {
font-size: 81px;
}
.single-portfolio-main-wrapper .title p {
font-size: 18px;
}
.single-portfolio-main-wrapper .title p.subline {
font-size: 27px;
}
.single-portfolio-main-wrapper .content, 
.single-portfolio-main-wrapper .content p {
font-size: 16px;
}
.single-portfolio-main-wrapper.intro-effect-push > .title {
padding: 150px 10px 20px;
}
.single-portfolio-main-wrapper.intro-effect-side .title {
padding: 0 50px 0 50px;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .title {
padding: 0 15px;
}
.single-portfolio-main-wrapper.intro-effect-sidefixed .content {
padding: 0 80px 0 80px;
padding-top: 5em;
}
}
@media (min-height: 1024px) {
.single-portfolio-main-wrapper.intro-effect-jam3.modify .header-single {
height: calc(100vh - 450px);
}
.intro-effect-push > .content {
min-height: 40vh;
}
.single-portfolio-main-wrapper.intro-effect-sliced .bg-img img {
height: 100vh;
}
}