@-webkit-keyframes shine {
100% {
left: 125%; } }
.portfolio-details.masonry .light-gallery::before, .portfolio-details.masonry .light-gallery::after {
content: '';
display: table;
clear: both; }
.portfolio-details.masonry .s-back-switch {
-webkit-background-size: cover;
background-size: cover;
background-position: center; }
.portfolio-details.masonry .gallery-item-wrap {
overflow: hidden;
text-decoration: none;
position: relative;
margin: 0 0 30px;
float: left; }
.portfolio-details.masonry .gallery-item-wrap.column-4 {
width: calc(25% - 90px/4); }
.portfolio-details.masonry .gallery-item-wrap.column-3 {
width: calc(100%/3 - 20px); }
.portfolio-details.masonry .gallery-item-wrap.column-6 {
width: calc(50% - 15px); }
.portfolio-details.masonry .gallery-item-wrap a {
position: relative;
display: block;
margin-bottom: 0; }
.portfolio-details.masonry .caption {
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
pointer-events: none;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(19, 19, 19, 0.6);
color: var(--light-color);
font-size: 17px;
font-weight: 700;
opacity: 0;
visibility: hidden;
text-transform: uppercase;
letter-spacing: 2px;
-webkit-transition: all 450ms ease;
-moz-transition: all 450ms ease;
-ms-transition: all 450ms ease;
-o-transition: all 450ms ease;
transition: all 450ms ease; }
.portfolio-details.masonry .gallery-item-wrap {          }
.portfolio-details.masonry .gallery-item-wrap .gallery-item {
-webkit-transition: all 450ms ease;
-moz-transition: all 450ms ease;
-ms-transition: all 450ms ease;
-o-transition: all 450ms ease;
transition: all 450ms ease; }
.portfolio-details.masonry .gallery-item-wrap:not(.default):hover .caption {
opacity: 1;
visibility: visible; }
.portfolio-details.masonry .gallery-item-wrap.default:hover .caption {
opacity: 1;
visibility: visible; }
.portfolio-details.masonry .gallery-item-wrap.hover1 .gallery-item {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.portfolio-details.masonry .gallery-item-wrap.hover1:hover .gallery-item {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3); }
.portfolio-details.masonry .gallery-item-wrap.hover2 .gallery-item {
left: 0;
width: 120%;
position: relative;
max-width: none; }
.portfolio-details.masonry .gallery-item-wrap.hover2:hover .gallery-item {
width: 120%;
left: -7%; }
.portfolio-details.masonry .gallery-item-wrap.hover3 .gallery-item {
-webkit-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
.portfolio-details.masonry .gallery-item-wrap.hover3:hover .gallery-item {
-webkit-transform: rotate(15deg) scale(1.4);
-ms-transform: rotate(15deg) scale(1.4);
transform: rotate(15deg) scale(1.4); }
.portfolio-details.masonry .gallery-item-wrap.hover4 .gallery-item {
-webkit-filter: blur(0px);
filter: blur(0px); }
.portfolio-details.masonry .gallery-item-wrap.hover4:hover .gallery-item {
-webkit-filter: blur(3px);
filter: blur(3px); }
.portfolio-details.masonry .gallery-item-wrap.hover5 .gallery-item {
-webkit-filter: grayscale(0%);
filter: grayscale(0%); }
.portfolio-details.masonry .gallery-item-wrap.hover5:hover .gallery-item {
-webkit-filter: grayscale(100%);
filter: grayscale(100%); }
.portfolio-details.masonry .gallery-item-wrap.hover6 .gallery-item {
-webkit-filter: sepia(0%);
filter: sepia(0%); }
.portfolio-details.masonry .gallery-item-wrap.hover6:hover .gallery-item {
-webkit-filter: sepia(100%);
filter: sepia(100%); }
.portfolio-details.masonry .gallery-item-wrap.hover7 .gallery-item {
-webkit-filter: blur(0px) grayscale(0%);
filter: blur(0px) grayscale(0%); }
.portfolio-details.masonry .gallery-item-wrap.hover7:hover .gallery-item {
-webkit-filter: blur(3px) grayscale(100%);
filter: blur(3px) grayscale(100%); }
.portfolio-details.masonry .gallery-item-wrap.hover8 .gallery-item {
opacity: 1; }
.portfolio-details.masonry .gallery-item-wrap.hover8:hover .gallery-item {
opacity: 0.7; }
.portfolio-details.masonry .gallery-item-wrap.hover9::before {
content: '';
position: absolute;
top: 0;
left: -90%;
z-index: 2;
display: block;
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg); }
.portfolio-details.masonry .gallery-item-wrap.hover9:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s; }
.portfolio-details.masonry .single-pagination {
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin-left: -15px;
width: calc(100% + 30px); }
.portfolio-details.masonry .single-pagination .pag-next {
text-align: right; }
.portfolio-details.masonry .single-pagination .pag-prev,
.portfolio-details.masonry .single-pagination .pag-next {
padding: 30px 15px 60px;
width: 50%; }
.portfolio-details.masonry .single-pagination .pag-prev div,
.portfolio-details.masonry .single-pagination .pag-next div {
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
color: var(--main-color);
letter-spacing: 2px;
margin-bottom: 5px; }
.portfolio-details.masonry .single-pagination .pag-prev a,
.portfolio-details.masonry .single-pagination .pag-next a {
font-size: 15px;
text-transform: uppercase;
font-weight: 700;
color: var(--dark-color);
letter-spacing: 2px;
text-decoration: none; }
.portfolio-details.masonry .single-pagination .pag-prev a:hover,
.portfolio-details.masonry .single-pagination .pag-next a:hover {
color: var(--grey-color);
opacity: 1; }
@media only screen and (max-width: 991px) {
.portfolio-details.masonry .gallery-item-wrap.column-3,
.portfolio-details.masonry .gallery-item-wrap.column-4 {
width: calc(50% - 15px); } }
@media only screen and (max-width: 600px) {
.portfolio-details.masonry .single-pagination .pag-prev,
.portfolio-details.masonry .single-pagination .pag-next {
padding: 15px 15px 30px; }
.portfolio-details.masonry .single-pagination .pag-prev a, .portfolio-details.masonry .single-pagination .pag-prev div,
.portfolio-details.masonry .single-pagination .pag-next a,
.portfolio-details.masonry .single-pagination .pag-next div {
letter-spacing: 1px; }
.portfolio-details.masonry .gallery-item-wrap .caption {
letter-spacing: 1px; }
.portfolio-details.masonry .gallery-item-wrap.column-6, .portfolio-details.masonry .gallery-item-wrap.column-4, .portfolio-details.masonry .gallery-item-wrap.column-3 {
width: 100%;
margin-bottom: 15px; } }.a-btn-1,
.a-btn-2,
.a-btn-3,
.a-btn-4,
.a-btn-5,
.a-btn-6,
.a-btn-7,
.a-btn-8,
.a-btn-9,
.comments input[type="submit"],
.comments-form input[type="submit"],
.form input[type="submit"] {
}
a {
}
#topmenu ul li a {
}
#topmenu ul ul li a {
}