.projects-filters {
margin: 30px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
color: #23282d;
position: relative;
z-index: 9; }
.projects-filters-list-wrapper {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
ul.projects-filters-list {
display: inline-block;
list-style: none;
margin: 0;
padding: 0; }
ul.projects-filters-list li {
float: left;
margin-right: 20px; }
ul.projects-filters-list li:last-child {
margin-right: 0; }
ul.projects-filters-list li.active span {
color: #298ffc; }
ul.projects-filters-list li span {
margin: 0 10px 0 0;
cursor: pointer; }
ul.projects-filters-list li span:hover {
color: #298ffc; }
ul.projects-filters-list li span:last-child {
margin: 0; }
.projects-order-filters-wrapper {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
ul.order-filters {
display: inline-block;
list-style: none;
margin: 0;
padding: 0; }
ul.order-filters > li {
float: left;
margin: 0 10px;
position: relative;
cursor: pointer;
-webkit-perspective: 500px;
perspective: 500px;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%; }
ul.order-filters > li:hover {
text-decoration: none; }
ul.order-filters > li ul {
position: absolute;
left: 0;
background: #298ffc;
list-style: none;
margin: 0;
padding: 10px 20px;
min-width: 150px;
z-index: 99;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateZ(-100px) translateY(50px) rotateX(-90deg);
-ms-transform: translateZ(-100px) translateY(50px) rotateX(-90deg);
transform: translateZ(-100px) translateY(50px) rotateX(-90deg);
-webkit-transition: all 0.2s cubic-bezier(0.86, 0.17, 0.83, 0.57);
transition: all 0.2s cubic-bezier(0.86, 0.17, 0.83, 0.57); }
ul.order-filters > li ul li {
white-space: nowrap;
margin: 5px; }
ul.order-filters > li ul li span {
color: #fff; }
ul.order-filters > li ul li.active {
display: none; }
ul.order-filters > li span.current {
margin-left: 10px;
color: #298ffc; }
ul.order-filters > li.dropdown-state ul {
-webkit-transform: translateZ(0) translateY(0) rotateX(0deg);
-ms-transform: translateZ(0) translateY(0) rotateX(0deg);
transform: translateZ(0) translateY(0) rotateX(0deg);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.4s cubic-bezier(0.12, 0.51, 0.33, 1.14);
transition: all 0.4s cubic-bezier(0.12, 0.51, 0.33, 1.14); }  .projects-pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 20px 0; }
.projects-pagination ul.page-link {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
list-style: none;
margin: 0; }
.projects-pagination ul.page-link li {
float: left;
margin: 0 2px; }
.projects-pagination ul.page-link li.active span {
color: #298ffc; }
.projects-pagination ul.page-link li span {
line-height: 30px;
color: #23282d;
padding: 5px 10px;
text-decoration: none;
cursor: pointer; }
.projects-pagination ul.page-link li span:hover {
color: #298ffc; }
.projects-pagination .page-navigation {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.projects-pagination .page-navigation span {
line-height: 30px;
color: #23282d;
padding: 5px 10px;
margin: 0 2px;
cursor: pointer; }
.projects-pagination .page-navigation span:hover {
color: #298ffc; }
.projects-container.grid-layout .projects-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.projects-container.grid-layout .projects-list .projects-item {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.projects-container.masonry-layout .projects-list .projects-item {
display: inline-block; }
.projects-container.justified-layout .projects-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch; }
.projects-container.justified-layout .projects-item {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
height: auto; }
.projects-container.cascading-grid-layout .projects-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch; }
.projects-container.cascading-grid-layout .projects-item {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
height: auto; }
.projects-container.list-layout .projects-list .projects-item {
margin-bottom: 20px; }
.projects-container.list-layout .inner-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.projects-container.list-layout .project-media {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
min-width: 30%;
margin-right: 20px; }
.projects-container.list-layout .project-content {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
min-width: 70%; }  .cherry-animation-container.loading-animation-fade .cherry-animation-list .cherry-animation-item .inner-wrapper {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease; }
.cherry-animation-container.loading-animation-fade .cherry-animation-list .cherry-animation-item.animate-cycle-show .inner-wrapper {
opacity: 0;
filter: alpha(opacity=0); }
.cherry-animation-container.loading-animation-fade .cherry-animation-list .cherry-animation-item.animate-cycle-hide .inner-wrapper {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease; }
.cherry-animation-container.loading-animation-scale .cherry-animation-list .cherry-animation-item {
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%; }
.cherry-animation-container.loading-animation-scale .cherry-animation-list .cherry-animation-item .inner-wrapper {
opacity: 1;
filter: alpha(opacity=100);
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
-ms-transform: translateZ(0px) translateY(0px) rotateX(0deg);
transform: translateZ(0px) translateY(0px) rotateX(0deg);
-webkit-transition: all 0.7s cubic-bezier(0.29, 0.65, 0.64, 0.97);
transition: all 0.7s cubic-bezier(0.29, 0.65, 0.64, 0.97); }
.cherry-animation-container.loading-animation-scale .cherry-animation-list .cherry-animation-item.animate-cycle-show .inner-wrapper {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateZ(-1500px) translateY(50px) rotateX(90deg);
-ms-transform: translateZ(-1500px) translateY(50px) rotateX(90deg);
transform: translateZ(-1500px) translateY(50px) rotateX(90deg); }
.cherry-animation-container.loading-animation-scale .cherry-animation-list .cherry-animation-item.animate-cycle-hide .inner-wrapper {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease; }
.cherry-animation-container.loading-animation-move-up .cherry-animation-list .cherry-animation-item {
-webkit-perspective: 500px;
perspective: 500px;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%; }
.cherry-animation-container.loading-animation-move-up .cherry-animation-list .cherry-animation-item .inner-wrapper {
opacity: 1;
filter: alpha(opacity=100);
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: translateY(0px) translateZ(0) rotateX(0deg);
-ms-transform: translateY(0px) translateZ(0) rotateX(0deg);
transform: translateY(0px) translateZ(0) rotateX(0deg);
-webkit-transition: all 0.8s cubic-bezier(0.29, 0.65, 0.64, 0.97);
transition: all 0.8s cubic-bezier(0.29, 0.65, 0.64, 0.97); }
.cherry-animation-container.loading-animation-move-up .cherry-animation-list .cherry-animation-item.animate-cycle-show .inner-wrapper {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(80px) translateZ(-100px) rotateX(5deg);
-ms-transform: translateY(80px) translateZ(-100px) rotateX(5deg);
transform: translateY(80px) translateZ(-100px) rotateX(5deg); }
.cherry-animation-container.loading-animation-move-up .cherry-animation-list .cherry-animation-item.animate-cycle-hide .inner-wrapper {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease; }
.cherry-animation-container.loading-animation-flip .cherry-animation-list {
-webkit-perspective: 1500px;
perspective: 1500px;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%; }
.cherry-animation-container.loading-animation-flip .cherry-animation-list .cherry-animation-item .inner-wrapper {
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0px) rotateX(0deg);
-ms-transform: translateY(0px) rotateX(0deg);
transform: translateY(0px) rotateX(0deg);
-webkit-transition: all 0.8s cubic-bezier(0.31, 0.78, 0.39, 0.93);
transition: all 0.8s cubic-bezier(0.31, 0.78, 0.39, 0.93); }
.cherry-animation-container.loading-animation-flip .cherry-animation-list .cherry-animation-item.animate-cycle-show .inner-wrapper {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(-50px) rotateX(80deg);
-ms-transform: translateY(-50px) rotateX(80deg);
transform: translateY(-50px) rotateX(80deg); }
.cherry-animation-container.loading-animation-flip .cherry-animation-list .cherry-animation-item.animate-cycle-hide .inner-wrapper {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease; }
.cherry-animation-container.loading-animation-helix .cherry-animation-list {
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%; }
.cherry-animation-container.loading-animation-helix .cherry-animation-list .cherry-animation-item .inner-wrapper {
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-webkit-transform: translateZ(0px) translateY(0px) rotateY(0deg);
-ms-transform: translateZ(0px) translateY(0px) rotateY(0deg);
transform: translateZ(0px) translateY(0px) rotateY(0deg);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.8s cubic-bezier(0.29, 0.65, 0.64, 0.97);
transition: all 0.8s cubic-bezier(0.29, 0.65, 0.64, 0.97); }
.cherry-animation-container.loading-animation-helix .cherry-animation-list .cherry-animation-item.animate-cycle-show .inner-wrapper {
-webkit-transform: translateZ(-1000px) translateY(-50px) rotateY(-240deg);
-ms-transform: translateZ(-1000px) translateY(-50px) rotateY(-240deg);
transform: translateZ(-1000px) translateY(-50px) rotateY(-240deg);
opacity: 0;
filter: alpha(opacity=0); }
.cherry-animation-container.loading-animation-helix .cherry-animation-list .cherry-animation-item.animate-cycle-hide .inner-wrapper {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease; }
.cherry-animation-container.loading-animation-fall-perspective .cherry-animation-list {
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%; }
.cherry-animation-container.loading-animation-fall-perspective .cherry-animation-list .cherry-animation-item .inner-wrapper {
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
-ms-transform: translateZ(0px) translateY(0px) rotateX(0deg);
transform: translateZ(0px) translateY(0px) rotateX(0deg);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.8s cubic-bezier(0.29, 0.65, 0.64, 0.97);
transition: all 0.8s cubic-bezier(0.29, 0.65, 0.64, 0.97); }
.cherry-animation-container.loading-animation-fall-perspective .cherry-animation-list .cherry-animation-item.animate-cycle-show .inner-wrapper {
-webkit-transform: translateZ(400px) translateY(300px) rotateX(-65deg);
-ms-transform: translateZ(400px) translateY(300px) rotateX(-65deg);
transform: translateZ(400px) translateY(300px) rotateX(-65deg);
opacity: 0;
filter: alpha(opacity=0); }
.cherry-animation-container.loading-animation-fall-perspective .cherry-animation-list .cherry-animation-item.animate-cycle-hide .inner-wrapper {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease; }  .cherry-projects-single__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap; }
.cherry-projects-single__media {
-webkit-box-flex: 0;
-webkit-flex: 0 1 60%;
-ms-flex: 0 1 60%;
flex: 0 1 60%;
margin-right: 20px; }
.cherry-projects-single__content {
-webkit-box-flex: 0;
-webkit-flex: 0 1 40%;
-ms-flex: 0 1 40%;
flex: 0 1 40%; }
.cherry-projects-single-meta {
margin: 10px 0;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5; }
.cherry-projects-single-post {
color: #23282d; }
.cherry-projects-single-post .featured-image img {
width: 100%;
height: auto; }
.cherry-projects-single-post .post-terms {
margin: 10px 0; }
.cherry-projects-single-post .cherry-projects-meta {
margin: 10px 0; }
.cherry-projects-single-post .featured-image a, .cherry-projects-single-post .additional-image a {
display: block;
position: relative; }
.cherry-projects-single-post .featured-image a img, .cherry-projects-single-post .additional-image a img {
width: 100%; }
.cherry-projects-single-post .featured-image a .cover, .cherry-projects-single-post .additional-image a .cover {
position: absolute;
width: 100%;
height: 100%;
display: block;
background-color: rgba(41, 143, 252, 0.5);
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.cherry-projects-single-post .featured-image a:hover .cover, .cherry-projects-single-post .additional-image a:hover .cover {
opacity: 1; }
.cherry-projects-additional-image-list {
margin-bottom: 20px; }
.cherry-projects-additional-image-list .additional-image-list {
list-style: none;
margin: 0;
padding: 0; }
.cherry-projects-additional-image-list .additional-image-list.grid-layout {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.cherry-projects-additional-image-list .additional-image-list.grid-layout .image-item {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.cherry-projects-additional-image-list .additional-image-list.masonry-layout .image-item {
display: inline-block; }
.cherry-projects-single-details-list {
margin-bottom: 20px; }
.cherry-projects-single-details-list .cherry-projects-details-list-title {
margin-bottom: 10px; }
.cherry-projects-single-details-list ul {
list-style: none;
margin: 0;
padding: 0; }
.cherry-projects-single-details-list ul li {
color: #96989a;
margin-bottom: 5px; }
.cherry-projects-single-details-list ul li span {
margin-right: 5px;
color: #23282d; }
.cherry-projects-single-details-list ul li:last-child {
margin-bottom: 0; }
.cherry-projects-single-skills-list {
margin-bottom: 20px; }
.cherry-projects-single-skills-list ul {
list-style: none;
margin: 0;
padding: 0; }
.cherry-projects-single-skills-list .cherry-skill-item {
margin-bottom: 10px; }
.cherry-projects-single-skills-list .cherry-skill-item .skill-label {
margin-bottom: 5px; }
.cherry-projects-single-skills-list .cherry-skill-item .skill-bar {
width: 100%;
height: 20px;
background-color: #f1f1f1; }
.cherry-projects-single-skills-list .cherry-skill-item .skill-bar span {
height: 20px;
display: inline-block;
background-color: #48c569;
position: relative; }
.cherry-projects-single-skills-list .cherry-skill-item .skill-bar span em {
font-size: 12px;
line-height: 20px;
float: right; }
.cherry-projects-single-skills-list .cherry-skill-item:last-child {
margin-bottom: 10px; }
.cherry-projects-slider__instance {
margin-bottom: 20px; }
.cherry-projects-slider__instance .slider-pro {
background-color: #23282d; }
.cherry-projects-slider__instance .slider-pro .sp-arrows .sp-arrow:before {
background-color: #298ffc; }
.cherry-projects-slider__instance .slider-pro .sp-arrows .sp-arrow:after {
background-color: #298ffc; }
.cherry-projects-slider__instance .slider-pro .sp-full-screen-button:before {
color: #298ffc; }
.cherry-projects-slider__instance .slider-pro .sp-thumbnails-container {
background-color: rgba(73, 81, 89, 0.5); }
.cherry-projects-slider__instance .slider-pro .sp-thumbnails-container .sp-thumbnail-container .sp-thumbnail:hover {
border: 3px solid #fffffc; }
.cherry-projects-slider__instance .slider-pro .sp-thumbnails-container .sp-selected-thumbnail .sp-thumbnail {
border: 3px solid #298ffc; }
.cherry-projects-slider__instance .slider-pro .sp-thumbnails-container.sp-bottom-thumbnails {
position: absolute;
bottom: 0;
padding: 5px 0; }
.cherry-projects-video-list {
width: 100%; }  .cherry-projects-terms-wrapper {
color: #23282d;
position: relative; }
.projects-terms-container {
position: relative; }
.projects-terms-container.grid-layout .projects-terms-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.projects-terms-container.grid-layout .projects-terms-list .projects-terms-item {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.projects-terms-container.masonry-layout .projects-terms-list .projects-terms-item {
display: inline-block; }
.projects-terms-container.list-layout .projects-terms-list .projects-terms-item {
margin-bottom: 20px; }
.projects-terms-container.list-layout .inner-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.projects-terms-container.list-layout .project-terms-media {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
min-width: 30%;
margin-right: 20px; }
.projects-terms-container.list-layout .project-terms-content {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
min-width: 70%; }
.projects-terms-container .term-permalink span:before {
content: "\f103"; }
.projects-terms-list {
position: relative; }
.cherry-projects-wrapper {
color: #23282d;
position: relative; }
.cherry-projects-wrapper .projects-container {
position: relative;
z-index: 8; }
.cherry-projects-wrapper .projects-list {
position: relative;
min-height: 100px; }
.projects-item-instance .inner-wrapper {
position: relative; }
.projects-item-instance .featured-image {
width: 100%;
line-height: 0; }
.projects-item-instance .featured-image img {
width: 100%;
height: auto; }
.projects-item-instance .project-media, .projects-item-instance .project-terms-media {
position: relative; }
.projects-item-instance .project-meta {
margin: 15px 0; }
.projects-item-instance .project-content, .projects-item-instance .project-terms-media {
position: relative; }
.projects-item-instance .simple-icon {
display: inline-block;
width: 30px;
height: 30px;
background-color: #298ffc;
color: #f1f1f1;
margin: 5px;
border-radius: 30px; }
.projects-item-instance .simple-icon span {
margin: 5px; }
.projects-item-instance .simple-icon:hover {
background-color: #206ff4; }
.projects-item-instance .simple-button {
display: inline-block;
padding: 10px;
background-color: #298ffc;
color: #f1f1f1; }
.projects-item-instance .hover-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 15px;
background-color: rgba(35, 40, 45, 0.6);
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out; }
.projects-item-instance .hover-content.row-format {
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap; }
.projects-item-instance .hover-content > * {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
.projects-item-instance.simple-fade-hover .hover-content {
opacity: 0;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out; }
.projects-item-instance.simple-fade-hover .hover-content > * {
opacity: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%); }
.projects-item-instance.simple-fade-hover .hover-content:hover {
opacity: 1; }
.projects-item-instance.simple-fade-hover .hover-content:hover > * {
opacity: 1;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(1) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(3) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(4) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(5) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(6) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(7) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(8) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(9) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(10) {
-webkit-transition-delay: 1s;
transition-delay: 1s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(11) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(12) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(13) {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(14) {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(15) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(16) {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(17) {
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(18) {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(19) {
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s; }
.projects-item-instance.simple-fade-hover .hover-content:hover > *:nth-child(20) {
-webkit-transition-delay: 2s;
transition-delay: 2s; }
.projects-item-instance.simple-scale-hover .hover-content {
opacity: 0;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out; }
.projects-item-instance.simple-scale-hover .hover-content > * {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out; }
.projects-item-instance.simple-scale-hover .hover-content:hover {
opacity: 1; }
.projects-item-instance.simple-scale-hover .hover-content:hover > * {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(1) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(3) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(4) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(5) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(6) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(7) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(8) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(9) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(10) {
-webkit-transition-delay: 1s;
transition-delay: 1s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(11) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(12) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(13) {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(14) {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(15) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(16) {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(17) {
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(18) {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(19) {
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s; }
.projects-item-instance.simple-scale-hover .hover-content:hover > *:nth-child(20) {
-webkit-transition-delay: 2s;
transition-delay: 2s; }
.projects-end-line-spinner {
width: 100%; }
.projects-end-line-spinner .cherry-spinner {
width: 70px;
height: 70px;
left: 50%;
margin-left: -35px;
display: none;
position: relative; }
.projects-ajax-button-wrapper {
text-align: center; }
.projects-ajax-button-wrapper .projects-ajax-button {
display: inline-block; }
.projects-ajax-button-wrapper .projects-ajax-button span {
color: #fff;
padding: 10px 20px;
background: #298ffc;
display: block;
cursor: pointer; }
.projects-ajax-button-wrapper .projects-ajax-button:hover span {
background: #495159; }
.projects-ajax-button-wrapper .projects-ajax-button.disabled {
opacity: 0.3;
filter: alpha(opacity=30); }
.projects-ajax-button-wrapper .projects-ajax-button.disabled span {
background: #495159; }
.cherry-projects-ajax-loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 999;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.3); }
.cherry-projects-ajax-loader .cherry-spinner {
width: 90px;
height: 90px;
left: 50%;
top: 50%;
margin-left: -45px;
margin-top: -45px;
display: block;
position: relative; }
.cherry-spinner-double-bounce.cherry-spinner {
position: relative; }
.cherry-spinner-double-bounce .cherry-double-bounce1, .cherry-spinner-double-bounce .cherry-double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #298ffc;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: cherry-doubleBounce 2s infinite ease-in-out;
animation: cherry-doubleBounce 2s infinite ease-in-out; }
.cherry-spinner-double-bounce .cherry-double-bounce2 {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
@-webkit-keyframes cherry-doubleBounce {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
50% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes cherry-doubleBounce {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
50% {
-webkit-transform: scale(1);
transform: scale(1); } } .mfp-zoom-in .mfp-with-anim {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8); }
.mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8; }
.mfp-zoom-in.mfp-removing .mfp-with-anim {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
opacity: 0; }
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0; }