/**



 * Hover Cards CSS.



 */



.pt-hover-card-description {



margin-left: 20px;



margin-right: 20px;



}



.pt-hover-card .pt-hover-card-title h3 {



font-weight: 400;



margin-bottom: 5px;



margin-top: 0;



}



.pt-hover-card-description p:last-of-type {



margin-bottom: 0;



}



.pt-hover-card .pt-more-link {



border: 0 solid transparent;



box-shadow: none;



display: inline-block;



padding: 4px 20px;



text-decoration: none;



}



.pt-hover-card .pt-hover-card-image {



height: 300px;



width: 300px;



}



.pt-hover-card .pt-hover-card-image img {



height: 100%;



width: 100%;



}



.pt-hover-card .pt-hover-card-overlay {



bottom: 0;



left: 0;



position: absolute;



right: 0;



top: 0;



}



.pt-hover-card .pt-hover-card-border {



border: 0 solid transparent;



bottom: 0;



left: 0;



position: absolute;



right: 0;



top: 0;



}







.pt-more-link-container {



display: block;



height: 100%;



}







/**



 * Hover.



 */







.pt-hover-card-wrap {



display: block;



height: 100%;



position: relative;



width: 100%;



}



.pt-hover-card-container {



display: block;



position: relative;



background: #a0ce4e;



overflow:hidden;



}







.pt-hover-card-container a {



text-decoration: none;



box-shadow: none;



border: none;



}



.pt-hover-card {



height: 100%;



margin-bottom: 0;



text-align: center;



top: 0;



width: 100%;



-moz-box-sizing: border-box;



-webkit-box-sizing: border-box;



box-sizing: border-box;



-webkit-backface-visibility: hidden;



-moz-backface-visibility: hidden;



-o-backface-visibility: hidden;



-ms-backface-visibility: hidden;



backface-visibility: hidden;



position: absolute;



top: 0;



left: 0;



z-index: 2;



}



.pt-hover-card-inner {



position: relative;



z-index: 9;



}



.pt-hover-card-front {



position: relative;



}



.pt-hover-card-back {



opacity: 0;



position: absolute;



z-index: 12;



}



.pt-hover-card-container:hover .pt-hover-card-back {



opacity: 1;



}







/**



 * Hover Card Presets style.



 */







.pt-hover-card-container .pt-hover-card-image img {



width: 100%;



height: 100%;



}







.pt-hover-card-container.powerpack-style:hover {



-webkit-transition: all 0.4s ease;



-moz-transition: all 0.4s ease;



-o-transition: all 0.4s ease;



transition: all 0.4s ease;



}







.pt-hover-card-container.powerpack-style .pt-hover-card-description,



.pt-hover-card-container.powerpack-style .pt-more-link-button {



-webkit-transition: all 0.4s ease;



-moz-transition: all 0.4s ease;



-o-transition: all 0.4s ease;



transition: all 0.4s ease;



opacity: 0;



position: absolute;



bottom: -500px;



width: 100%;



left: 0;



padding: 0px 50px 0px 10px;



}











.pt-hover-card-container.powerpack-style:hover .pt-more-link-button,



.pt-hover-card-container.powerpack-style:hover .pt-hover-card-description {



opacity: 1;



-webkit-transition: all 0.4s ease;



-moz-transition: all 0.4s ease;



-o-transition: all 0.4s ease;



transition: all 0.4s ease;



bottom: 0;



position: relative;



left: auto;



}







.pt-hover-card-container.powerpack-style {



-webkit-transition: all 0.4s ease;



-moz-transition: all 0.4s ease;



-o-transition: all 0.4s ease;



transition: all 0.4s ease;



}







.pt-hover-card-container.powerpack-style .pt-hover-card-inner {



display: table;



width: 100%;



height: 100%;



}



.pt-hover-card-container.powerpack-style .pt-hover-card-inner:before {



content: '';



vertical-align: middle;



display: inline-block;



height: 100%;



width: 1px;



overflow: hidden;



margin: 0 0 0 -5px;



}



.pt-hover-card-container.powerpack-style .pt-hover-card-inner .card-inner-wrap {



display: table-cell;



vertical-align: middle;



width: 100%;



}







.pt-hover-card-container.style-1 .pt-hover-card-title,



.pt-hover-card-container.style-2 .pt-hover-card-title,



.pt-hover-card-container.style-3 .pt-hover-card-title,



.pt-hover-card-container.style-4 .pt-hover-card-title,



.pt-hover-card-container.style-5 .pt-hover-card-title {



position: absolute;



width: 100%;



top: 45%;



left: 0;



bottom: 0;



-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



transition: opacity 0.35s, transform 0.35s;



}







.pt-hover-card-container.style-1:hover .pt-hover-card-title,



.pt-hover-card-container.style-2:hover .pt-hover-card-title,



.pt-hover-card-container.style-3:hover .pt-hover-card-title,



.pt-hover-card-container.style-4:hover .pt-hover-card-title,



.pt-hover-card-container.style-5:hover .pt-hover-card-title {



-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



transition: opacity 0.35s, transform 0.35s;



position: static;



top: auto;



}











.pt-hover-card-container.style-1:hover



.pt-hover-card-container.style-2:hover,



.pt-hover-card-container.style-3:hover,



.pt-hover-card-container.style-4:hover,



.pt-hover-card-container.style-5:hover {



-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



transition: opacity 0.35s, transform 0.35s;



}



/**



 * Style 1.



 */



.pt-hover-card-container.style-1 {



text-align: center;



}







.pt-hover-card-container.style-1 .pt-hover-card {



display: block;



}







.pt-hover-card-container.style-1 .pt-hover-card-inner,



.pt-hover-card-container.style-2 .pt-hover-card-inner,



.pt-hover-card-container.style-3 .pt-hover-card-inner,



.pt-hover-card-container.style-4 .pt-hover-card-inner,



.pt-hover-card-container.style-5 .pt-hover-card-inner {



display: table;



width: 100%;



height: 100%;



}







.pt-hover-card-container.style-1 .pt-hover-card-inner .card-inner-wrap,



.pt-hover-card-container.style-2 .pt-hover-card-inner .card-inner-wrap,



.pt-hover-card-container.style-3 .pt-hover-card-inner .card-inner-wrap,



.pt-hover-card-container.style-4 .pt-hover-card-inner .card-inner-wrap,



.pt-hover-card-container.style-5 .pt-hover-card-inner .card-inner-wrap {



display: table-cell;



vertical-align: middle;



}







.pt-hover-card-container.style-1 .pt-hover-card-inner .pt-hover-card-description {



opacity: 0;



-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



transition: opacity 0.35s, transform 0.35s;



-webkit-transform: translate3d(0,-10px,0);



transform: translate3d(0,-10px,0);



}







.pt-hover-card-container.style-1:hover .pt-hover-card-inner .pt-hover-card-description {



opacity: 1;



-webkit-transform: translate3d(0,0,0);



transform: translate3d(0,0,0);



-webkit-transition-delay: 0.15s;



transition-delay: 0.15s;



}







.pt-hover-card-container.style-1 .pt-hover-card-inner .pt-more-link {



opacity: 0;



-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



transition: opacity 0.35s, transform 0.35s;



-webkit-transform: translate3d(0,-10px,0);



transform: translate3d(0,-10px,0);



}







.pt-hover-card-container.style-1:hover .pt-more-link {



opacity: 1;



-webkit-transform: translate3d(0,0,0);



transform: translate3d(0,0,0);



-webkit-transition-delay: 0.15s;



transition-delay: 0.15s;



}







.pt-hover-card-container.style-1 .pt-hover-card:before {



position: absolute;



content: '';



opacity: 0;



top: 30px;



right: 10px;



bottom: 30px;



left: 10px;



border-top: 1px solid #fff;



border-bottom: 1px solid #fff;



-webkit-transform: scale(0,1);



transform: scale(0,1);



-webkit-transform-origin: 0 0;



transform-origin: 0 0;



-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



transition: opacity 0.35s, transform 0.35s;



z-index: 1;



}







.pt-hover-card-container.style-1:hover .pt-hover-card:before {



opacity: 1;



-webkit-transform: scale(1);



transform: scale(1);



}







.pt-hover-card-container.style-1 .pt-hover-card:after {



position: absolute;



content: '';



opacity: 0;



top: 20px;



right: 20px;



bottom: 20px;



left: 20px;



border-right: 1px solid #fff;



border-left: 1px solid #fff;



-webkit-transform: scale(1,0);



transform: scale(1,0);



-webkit-transform-origin: 100% 0;



transform-origin: 100% 0;



-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



transition: opacity 0.35s, transform 0.35s;



z-index: 1;



}







.pt-hover-card-container.style-1:hover .pt-hover-card:after {



opacity: 1;



-webkit-transform: scale(1);



transform: scale(1);



}



/**



 * Style 2.



 */



.pt-hover-card-container.style-2 .pt-hover-card-description,



.pt-hover-card-container.style-2 .pt-more-link {



opacity: 0;



-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



transition: opacity 0.35s, transform 0.35s;



-webkit-transform: scale(1.5);



transform: scale(1.5);



}







.pt-hover-card-container.style-2:hover .pt-hover-card-description,



.pt-hover-card-container.style-2:hover .pt-more-link {



opacity: 1;



-webkit-transform: scale3d(1,1,1);



transform: scale3d(1,1,1);



}







.pt-hover-card-container.style-2 .pt-hover-card:before {



position: absolute;



top: 30px;



right: 30px;



bottom: 30px;



left: 30px;



border: 2px solid #fff;



box-shadow: 0 0 0 30px rgba(255,255,255,0.2);



content: '';



opacity: 0;



-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



transition: opacity 0.35s, transform 0.35s;



-webkit-transform: scale3d(1.4,1.4,1);



transform: scale3d(1.4,1.4,1);



z-index: 1;



}







.pt-hover-card-container.style-2:hover .pt-hover-card:before {



opacity: 1;



-webkit-transform: scale3d(1,1,1);



transform: scale3d(1,1,1);



}







/**



 * Style 3.



 */







.pt-hover-card-container.style-3 .pt-hover-card:after {



position: absolute;



top: 0;



left: -5%;



width: 130%;



height: 130%;



border-top: 1px solid #fff;



border-bottom: 1px solid #fff;



content: '';



opacity: 0;



-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);



transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);



-webkit-transform-origin: 50% 50%;



transform-origin: 50% 50%;



-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



transition: opacity 0.35s, transform 0.35s;



z-index: 1;



}







.pt-hover-card-container.style-3:hover .pt-hover-card:after {



opacity: 1;



-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);



transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);



}







.pt-hover-card-container.style-3 {



-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



transition: opacity 0.35s, transform 0.35s;



}







.pt-hover-card-container.style-3:hover {



-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



transition: opacity 0.35s, transform 0.35s;



}







.pt-hover-card-container.style-3 .pt-hover-card-description,



.pt-hover-card-container.style-3 .pt-more-link {



opacity: 0;



-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



transition: opacity 0.35s, transform 0.35s;



-webkit-transform: scale3d(0.8,0.8,1);



transform: scale3d(0.8,0.8,1);



}







.pt-hover-card-container.style-3:hover .pt-hover-card-description,



.pt-hover-card-container.style-3:hover .pt-more-link {



opacity: 1;



-webkit-transform: scale3d(1,1,1);



transform: scale3d(1,1,1);



}







/**



 * Style 4.



 */







.pt-hover-card-container.style-4 .pt-hover-card-description,



.pt-hover-card-container.style-4 .pt-more-link {



opacity: 0;



-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



transition: opacity 0.35s, transform 0.35s;



-webkit-transform: scale3d(0.8,0.8,1);



transform: scale3d(0.8,0.8,1);



}







.pt-hover-card-container.style-4:hover .pt-hover-card-description,



.pt-hover-card-container.style-4:hover .pt-more-link {



opacity: 1;



-webkit-transform: scale3d(1,1,1);



transform: scale3d(1,1,1);



}







.pt-hover-card-container.style-4 .pt-hover-card:before {



position: absolute;



top: 0;



left: 0;



width: 110%;



height: 110%;



background: rgba(255,255,255,0.5);



content: '';



-webkit-transition: -webkit-transform 0.6s;



-moz-transition: -webkit-transform 0.6s;



-moz-transition: -webkit-transform 0.6s;



transition: transform 0.6s;



-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);



-moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);



transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);



z-index: 1;



}



.pt-hover-card-container.style-4:hover .pt-hover-card:before {



-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);



-moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);



transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);



}







/**



 * Style 5.



 */







.pt-hover-card-container.style-5:hover {



-webkit-transition: all 0.35s;



transition: all 0.35s;



opacity: 0.7;



}







.pt-hover-card-container.style-5 .pt-hover-card:before {



position: absolute;



top: 30px;



right: 30px;



bottom: 30px;



left: 30px;



border: 1px solid #fff;



content: '';



opacity: 0;



-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



transition: opacity 0.35s, transform 0.35s;



-webkit-transform: scale(0);



transform: scale(0);



z-index: 9;



}











.pt-hover-card-container.style-5:hover .pt-hover-card:before {



opacity: 1;



-webkit-transform: scale(1);



transform: scale(1);



}







.pt-hover-card-container.style-5 .pt-hover-card-description,



.pt-hover-card-container.style-5 .pt-more-link {



opacity: 0;



-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;



transition: opacity 0.35s, transform 0.35s;



-webkit-transform: scale3d(0.8,0.8,1);



transform: scale3d(0.8,0.8,1);



}







.pt-hover-card-container.style-5:hover .pt-hover-card-description,



.pt-hover-card-container.style-5:hover .pt-more-link {



opacity: 1;



-webkit-transform: scale3d(1,1,1);



transform: scale3d(1,1,1);



}