.hover-horizontal-sliding .portfolio-item .image .image-inner img,
.hover-horizontal-sliding .gallery-item .overlay-wrap .image-wrap img{
overflow: hidden;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .image-inner img,
.hover-horizontal-sliding .gallery-item:hover .overlay-wrap .image-wrap img{
-webkit-transform: translateX(-9%);
transform: translateX(-9%);
}
.news-grid.hover-horizontal-sliding .portfolio-item .image.format-video.has-post-thumbnail .image-inner img {
-webkit-transform: translateX(-5%);
transform: translateX(-5%);
}
.hover-horizontal-sliding .portfolio-item .image .overlay,
.hover-horizontal-sliding .portfolio-item:hover .image .overlay,
.hover-horizontal-sliding .gallery-item .overlay-wrap .overlay,
.hover-horizontal-sliding .gallery-item:hover .overlay-wrap .overlay
{
display: block;
}
.hover-horizontal-sliding .portfolio-item .image .overlay:before,
.hover-horizontal-sliding .gallery-item .overlay-wrap .overlay:before{
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: '';
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.5s, background-color 0.5s;
transition: opacity 0.5s, background-color 0.5s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay:before,
.hover-horizontal-sliding .gallery-item:hover .overlay-wrap .overlay:before{
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: '';
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s, background-color 0.5s;
transition: opacity 0.5s, background-color 0.5s;
}
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons > .icon,
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon,
.hover-horizontal-sliding .gallery-item .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-horizontal-sliding .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart{
opacity: 0;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.hover-horizontal-sliding .gallery-item .overlay .overlay-content-inner a.icon.link{
margin-left: 10px;
}
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons > .icon:nth-child(1),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons > .icon:nth-child(2),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons > .icon:nth-child(3),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons > .icon:nth-child(4),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons > .icon:nth-child(5),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon:nth-child(1),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon:nth-child(2),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon:nth-child(3),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon:nth-child(4),
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon:nth-child(5)
{
-webkit-transition: -webkit-transform 0.2s, font-size 0.3s;
transition: transform 0.2s, color 0.3s, font-size 0.3s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon,
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon,
.hover-horizontal-sliding .gallery-item:hover .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-horizontal-sliding .portfolio-item:hover .image .overlay .portfolio-icons.product-bottom a.added_to_cart{
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links a.icon:hover{
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform 0.2s !important;
transition: transform 0.2s !important;
}
.portfolio.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist.added.icon:hover,
.portfolio.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .yith-wcwl-add-to-wishlist.added.icon:hover{
-webkit-transform: none;
transform: none;
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon:nth-child(1),
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon:nth-child(1),
.portfolio.products.hover-horizontal-sliding .portfolio-item:hover .image .overlay .portfolio-icons.product-bottom a.added_to_cart{
-webkit-transition: opacity 0.8s, transform 0.2s 0.18s, font-size 0.3s;
transition: opacity 0.8s, transform 0.2s 0.18s, font-size 0.3s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon:nth-child(2),
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon:nth-child(2){
-webkit-transition: opacity 0.8s, transform 0.2s 0.16s, font-size 0.3s;
transition: opacity 0.8s, transform 0.2s 0.16s, font-size 0.3s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon:nth-child(3),
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon:nth-child(3),
.portfolio.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist a.icon,
.portfolio.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .yith-wcwl-add-to-wishlist a.icon{
-webkit-transition: opacity 0.8s, transform 0.2s 0.14s, font-size 0.3s;
transition: opacity 0.8s, transform 0.2s 0.14s, font-size 0.3s;;
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon:nth-child(4),
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon:nth-child(4){
-webkit-transition: opacity 0.8s, transform 0.2s 0.12s, font-size 0.3s;
transition: opacity 0.8s, transform 0.2s 0.12s, font-size 0.3s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons > .icon:nth-child(5),
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-icons-inner > .icon:nth-child(5){
-webkit-transition: opacity 0.8s, transform 0.2s 0.1s, font-size 0.3s;
transition: opacity 0.8s,transform 0.2s 0.1s, font-size 0.3s;
}
.hover-horizontal-sliding .portfolio-item .image .links .caption .title,
.hover-horizontal-sliding .gallery-item .overlay .title{
opacity: 0;
position: relative;
left: -200px;
-webkit-transition: opacity 0.3s, left 0.3s;
transition: opacity 0.3s, left 0.3s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .links .caption .title,
.hover-horizontal-sliding .gallery-item:hover .overlay .title{
opacity: 1;
left: 0;
-webkit-transition: opacity 0.3s, left 0.3s;
transition: opacity 0.3s, left 0.3s;
}
.hover-horizontal-sliding .portfolio-item .image .links .caption .description,
.hover-horizontal-sliding .gallery-item .overlay .subtitle{
opacity: 0;
position: relative;
left: -200px;
-webkit-transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .links .caption .description,
.hover-horizontal-sliding .gallery-item:hover .overlay .subtitle{
opacity: 1;
left: 0;
-webkit-transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
}
.hover-horizontal-sliding .portfolio-item .image .links .caption .product-info{
opacity: 0;
position: relative;
left: -200px;
-webkit-transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .links .caption .product-info{
opacity: 1;
left: 0;
-webkit-transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
transition: opacity 0.3s 0.1s, left 0.3s 0.1s;
}
.hover-horizontal-sliding .gallery-item .overlay .overlay-line{
width: 0;
opacity: 0;
-webkit-transition: width 0.35s, opacity 0.5s;
transition: width 0.35s, opacity 0.5s;
}
.hover-horizontal-sliding .gallery-item:hover .overlay .overlay-line{
width: 100%;
opacity: 1;
-webkit-transition: width 0.35s, opacity 0.5s;
transition: width 0.35s, opacity 0.5s;
}
.hover-horizontal-sliding .portfolio-item .image .links .overlay-line{
overflow: hidden;
position: relative;
background: transparent;
}
.hover-horizontal-sliding .portfolio-item .image .links .overlay-line:after{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .links .overlay-line:after{
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-sharing-pane{
opacity: 0;
margin-top: 0;
margin-bottom: 0;
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
-webkit-transition: opacity 0.3s, margin 0.3s 0.3s, -webkit-transform 0s;
transition: opacity 0.3s, margin 0.3s 0.3s, transform 0s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane{
visibility: hidden;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.5s, -webkit-transform 0s, margin 0.3s 0.3s;
transition: opacity 0.5s, transform 0s, margin 0.3s 0.3s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active{
opacity: 1;
visibility: visible;
margin-top: 20px;
margin-bottom: 30px;
-webkit-transition: opacity 0.5s, margin 0.3s;
transition: opacity 0.5s, margin 0.3s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane .socials-item-icon{
opacity: 0;
-webkit-transform: translate(0, 30px);
transform: translate(0, 30px);
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active .socials-item-icon{
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(1) .socials-item-icon,
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(1) .socials-item-icon
{
-webkit-transition: color 0.3s, -webkit-transform 0.3s, opacity 0.3s;
transition: color 0.3s, transform 0.3s, opacity 0.3s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(2) .socials-item-icon,
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(2) .socials-item-icon
{
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.05s, opacity 0.3s 0.05s;
transition: color 0.3s, transform 0.3s 0.05s, opacity 0.3s 0.05s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(3) .socials-item-icon,
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(3) .socials-item-icon
{
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s;
transition: color 0.3s, transform 0.3s 0.1s, opacity 0.3s 0.1s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(4) .socials-item-icon,
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(4) .socials-item-icon
{
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.15s, opacity 0.3s 0.15s;
transition: color 0.3s, transform 0.3s 0.15s, opacity 0.3s 0.15s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(5) .socials-item-icon,
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(5) .socials-item-icon
{
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.2s, opacity 0.3s 0.2s;
transition: color 0.3s, transform 0.3s 0.2s, opacity 0.3s 0.2s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(6) .socials-item-icon,
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(6) .socials-item-icon
{
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.25s, opacity 0.3s 0.25s;
transition: color 0.3s, transform 0.3s 0.25s, opacity 0.3s 0.25s;
}
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(7) .socials-item-icon,
.hover-horizontal-sliding .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(7) .socials-item-icon
{
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.3s, opacity 0.3s 0.3s;
transition: color 0.3s, transform 0.3s 0.3s, opacity 0.3s 0.3s;
}.gem-youtube .gem-wrapbox-inner,
.gem-youtube .shadow-wrap,
.gem-youtube .gem-wrapbox-element,
.gem-vimeo .gem-wrapbox-inner,
.gem-vimeo .shadow-wrap,
.gem-vimeo .gem-wrapbox-element,
.gem-video .gem-wrapbox-inner,
.gem-video .shadow-wrap,
.gem-video .gem-wrapbox-element {
width: 100%;
height: 100%;
}
.gem-wrapbox-inner.gem-ratio-style .gem-wrapbox-element,
.gem-wrapbox-inner.gem-ratio-style .shadow-wrap,
.gem-wrapbox-inner.gem-ratio-style .preloader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gem-image-centered-box {
margin-bottom: 1.421em;
}
.gem-image a,
.gem-textbox-picture a{
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
.gem-image a:before,
.gem-textbox-picture a:before{
content: '';
position: absolute;
top: -100%;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: opacity 0.5s, background-color 0.5s;
transition: opacity 0.5s, background-color 0.5s;
opacity: 0;
z-index: 5;
}
.gem-image a:hover:before,
.gem-textbox-picture a:hover:before {
opacity: 1;
-webkit-transition: opacity 0.5s, background-color 0.5s;
transition: opacity 0.5s, background-color 0.5s;
}
.gem-image a:after,
.gem-textbox-picture a:after{
content: '\e60f';
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 40px;
height: 40px;
line-height: 40px;
width: 40px;
text-align: center;
position: absolute;
top: -20px;
left: 50%;
transition: opacity 0.3s, top 0.3s;
-webkit-transition: opacity 0.3s, top 0.3s;
margin-left: -20px;
margin-top: -20px;
z-index: 5;
opacity: 0;
}
.gem-image a:hover:after,
.gem-textbox-picture a:hover:after{
top: 50%;
opacity: 1;
transition: opacity 0.5s, top 0.3s;
-webkit-transition: opacity 0.5s, top 0.3s;
}
.gem-map-with-text .wpb_gmaps_widget .wpb_wrapper {
padding: 0;
}
.gem-gmaps {
display: inline-block;
max-width: 100%;
}
.gem-gmaps .gem-gmaps-hide {
overflow: hidden;
width: 100%;
}
.gem-gmaps iframe {
border: 0 none;
vertical-align: top;
margin-top: -46px;
width: 100%;
}
.gem-gmaps .preloader + iframe {
margin-top: -240px !important;
}
.gem-gmaps .preloader + iframe + .map-locker {
opacity: 0;
}
.gem-gmaps.gem-wrapbox-style-11 {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
overflow: hidden;
}
.gem-gmaps.gem-wrapbox-style-11 .gem-gmaps-hide {
-webkit-mask-image: url(//physioprime.com.au/wp-content/themes/thegem-elementor/css/css/circle.svg);
}
iframe + .map-locker {
position: relative;
float: right;
margin-top: -150px;
margin-right: 13px;
height: 50px;
width: 50px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: #ffffff url(//physioprime.com.au/wp-content/themes/thegem-elementor/css/images/map-locker.png) no-repeat 0 50%;
}
iframe + .map-locker.disabled {
background-position: 100% 50%;
}
.wpb_gmaps_widget .wpb_map_wraper.hide_title  iframe {
margin-top: -46px;
}
.wpb_gmaps_widget  .wpb_map_wraper.hide_title {
overflow: hidden;
}
.gem-gmaps.gem-wrapbox-style-11 .gem-wrapbox-inner:after {
display: none;
}
.gem-gmaps.gem-wrapbox-style-11 .gem-wrapbox-inner  {
padding: 12px;
border: 2px solid;
}
.gem-gmaps.gem-wrapbox-style-8  .gem-wrapbox-inner {
border-radius: 34px;
overflow: hidden;
} .gem-wrapbox {
position: relative;
margin-bottom: 1.421em;
}
.gem-wrapbox-position-left {
float: left;
}
.gem-wrapbox-position-right {
float: right;
}
.gem-wrapbox-position-below,
.gem-wrapbox-position-centered {
display: inline-block;
}
.gem-wrapbox-inner {
position: relative;
}
.gem-wrapbox-element {
width: 100%;
}
.gem-wrapbox-style-1 {
border: 8px solid transparent;
}
.gem-wrapbox-style-1.shadow-box {
box-shadow: none;
}
.gem-wrapbox-style-2 {
border: 16px solid transparent;
}
.gem-wrapbox-style-3 {
padding: 8px;
border: 1px solid transparent;
}
.gem-wrapbox-style-4 {
padding: 20px;
border: 2px solid transparent;
}
.gem-wrapbox-style-5 {
padding: 20px;
}
body .gem-wrapbox-style-5{
-webkit-box-shadow: 0px 1px 27px 1px rgba(44, 46, 61, 0.25);
-moz-box-shadow: 0px 1px 27px 1px rgba(44, 46, 61, 0.25);
box-shadow: 0px 1px 27px 1px rgba(44, 46, 61, 0.25);
}
.gem-wrapbox-style-6 {
padding: 8px;
border: 20px solid transparent;
}
.gem-wrapbox-style-7 {
padding: 10px;
border-radius: 20px;
border: 10px solid transparent;
}
.gem-wrapbox-style-8 {
padding: 18px;
border: 6px solid transparent;
border-radius: 55px;
}
.gem-wrapbox-style-8 img{
border-radius: 34px;
}
.gem-wrapbox-style-8 .gem-wrapbox-inner a:before{
border-radius: 34px;
}
.gem-wrapbox-style-8 .gem-wrapbox-inner a{
z-index: 1;
overflow: hidden;
border-radius: 34px;
}
.gem-wrapbox-style-8 .overlay-wrap {
border-radius: 34px;
overflow: hidden;
}
.gem-wrapbox-style-9 .gem-wrapbox-inner:after {
content: "";
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
border: 2px  dashed transparent;
}
.gem-wrapbox-style-9 .overlay-wrap:after {
content: "";
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
border: 2px  dashed transparent;
}
.gem-wrapbox-style-11 .gem-wrapbox-inner {
overflow: hidden;
border-radius: 50%;
z-index: 1;
}
.gem-wrapbox-style-11 .gem-wrapbox-inner:after {
content: "";
position: absolute;
z-index: 1;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 2px  solid #FFFFFF;
border-radius: 50%;
}
.gem-gallery-grid.metro.metro-item-style-6  .gallery-set .gallery-item {
margin-bottom: 70px !important;
overflow: visible !important;
}
.gem-gallery-grid.metro.metro-item-style-10  .gallery-set .gallery-item,
.gem-gallery-grid.metro.metro-item-style-8  .gallery-set .gallery-item,
.gem-gallery-grid.metro.metro-item-style-5  .gallery-set .gallery-item,
.gem-gallery-grid.metro.metro-item-style-4  .gallery-set .gallery-item {
margin-bottom: 60px !important;
overflow: visible !important;
}
.gem-gallery-grid.metro.metro-item-style-7  .gallery-set .gallery-item,
.gem-gallery-grid.metro.metro-item-style-2  .gallery-set .gallery-item {
margin-bottom: 50px !important;
overflow: visible !important;
}
.gem-gallery-grid.metro.metro-item-style-1  .gallery-set .gallery-item {
margin-bottom: 30px !important;
overflow: visible !important;
}
.gem-gallery-grid.metro.metro-item-style-3  .gallery-set .gallery-item {
margin-bottom: 35px !important;
overflow: visible !important;
}
.gem-gallery-grid.metro.metro-item-style-11  .gallery-set .gallery-item {
margin-bottom: 20px !important;
overflow: visible !important;
}
.gem-wrapbox-style-10 {
padding: 20px;
border: 2px dashed transparent;
}
.gem-wrapbox-style-12 {
z-index: 5;
}
.gem-wrapbox-style-14  img{
border-radius: 50%;
}
.gem-wrapbox-style-12 .shadow-wrap {
padding: 16px;
height: auto;
}
.gem-wrapbox-style-12 .shadow-wrap:before,
.gem-wrapbox-style-12 .shadow-wrap:after {
box-shadow: 0 -15px 20px rgba(0, 0, 0, 0.1);
content: "";
height: 20%;
left: 2px;
max-width: 300px;
position: absolute;
top: 22px;
transform: rotate(2deg);
width: 40%;
z-index: -2;
}
.gem-wrapbox-style-12 .shadow-wrap:after {
left: auto;
right: 2px;
transform: rotate(-2deg);
}
.gem-wrapbox-style-12 .gem-wrapbox-inner:before,
.gem-wrapbox-style-12 .gem-wrapbox-inner:after {
bottom: 20px;
box-shadow: 0 15px 25px rgba(0, 0, 0, 0.35);
content: '';
height: 20%;
left: 5px;
max-width: 300px;
position: absolute;
transform: rotate(-2deg);
width: 40%;
z-index: -2;
}
.gem-wrapbox-style-12 .gem-wrapbox-inner:after {
left: auto;
right: 5px;
transform: rotate(2deg);
}
.gem-wrapbox-style-9 .overlay-wrap:after,
.gem-wrapbox-style-9 .gem-wrapbox-inner:after
{
border-color: rgba(255, 255, 255, 0.5);
}
.gem-video.gem-wrapbox-style-11,
.gem-youtube.gem-wrapbox-style-11,
.gem-vimeo.gem-wrapbox-style-11 {
border-radius: 50%;
overflow: hidden;
}
.gem-gmaps.gem-wrapbox-style-11 .gem-wrapbox-inner {
border-color: #e0e5e8;
}.items-animations-timer-element {
font-size: 0;
line-height: 1;
height: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.items-animations-timer-element.start-timer {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
} .item-animation-move-up .item-animations-inited.before-start {
-moz-transform: translateY(40px) !important;
-ms-transform: translateY(40px) !important;
-webkit-transform: translateY(40px) !important;
-o-transform: translateY(40px) !important;
transform: translateY(40px) !important;
zoom: 1;
-webkit-opacity: 0 !important;
-moz-opacity: 0 !important;
filter: alpha(opacity=0) !important;
opacity: 0 !important;
}
.item-animation-move-up .item-animations-inited.before-start.start-animation {
-o-transition: opacity 1s, transform 1s !important;
-webkit-transition: opacity 1s, transform 1s !important;
transition: opacity 1s, transform 1s !important;
-moz-transform: translateY(0px) !important;
-ms-transform: translateY(0px) !important;
-webkit-transform: translateY(0px) !important;
-o-transform: translateY(0px) !important;
transform: translateY(0px) !important;
zoom: 1;
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
} .item-animation-bounce .item-animations-inited.before-start {
-moz-transform: scale(0.001) !important;
-ms-transform: scale(0.001) !important;
-webkit-transform: scale(0.001) !important;
-o-transform: scale(0.001) !important;
transform: scale(0.001) !important;
zoom: 1;
-webkit-opacity: 0 !important;
-moz-opacity: 0 !important;
filter: alpha(opacity=0) !important;
opacity: 0 !important;
}
.item-animation-bounce .item-animations-inited.before-start.start-animation {
-o-transition: opacity 0.4s, transform 0.4s !important;
-webkit-transition: opacity 0.4s, transform 0.4s !important;
transition: opacity 0.4s, transform 0.4s !important;
-moz-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-webkit-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
zoom: 1;
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
} .item-animation-fade-in .item-animations-inited.before-start {
zoom: 1;
-webkit-opacity: 0 !important;
-moz-opacity: 0 !important;
filter: alpha(opacity=0) !important;
opacity: 0 !important;
}
.item-animation-fade-in .item-animations-inited.before-start.start-animation {
-o-transition: opacity 0.7s !important;
-webkit-transition: opacity 0.7s !important;
transition: opacity 0.7s !important;
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
} .item-animation-scale .item-animations-inited.before-start {
-moz-transform: scale(0.001) !important;
-ms-transform: scale(0.001) !important;
-webkit-transform: scale(0.001) !important;
-o-transform: scale(0.001) !important;
transform: scale(0.001) !important;
}
.item-animation-scale .item-animations-inited.before-start.start-animation {
-o-transition: transform 0.57s ease-in-out !important;
-webkit-transition: transform 0.57s ease-in-out !important;
transition: opacity transform 0.57s ease-in-out !important;
-moz-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-webkit-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
} .item-animation-flip .item-animations-inited.before-start {
-moz-transform: rotate3d(1, 0, 0, -80deg) !important;
-ms-transform: rotate3d(1, 0, 0, -80deg) !important;
-webkit-transform: rotate3d(1, 0, 0, -80deg) !important;
-o-transform: rotate3d(1, 0, 0, -80deg) !important;
transform: rotate3d(1, 0, 0, -80deg) !important;
zoom: 1;
-webkit-opacity: 0 !important;
-moz-opacity: 0 !important;
filter: alpha(opacity=0) !important;
opacity: 0 !important;
}
.item-animation-flip .item-animations-inited.before-start.start-animation {
-o-transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out !important;
-webkit-transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out !important;
transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out !important;
-moz-transform: rotate3d(0, 0, 0, 0deg) !important;
-ms-transform: rotate3d(0, 0, 0, 0deg) !important;
-webkit-transform: rotate3d(0, 0, 0, 0deg) !important;
-o-transform: rotate3d(0, 0, 0, 0deg) !important;
transform: rotate3d(0, 0, 0, 0deg) !important;
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
} .item-animation-fall-perspective .item-animations-inited.before-start {
-moz-transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important;
-ms-transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important;
-webkit-transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important;
-o-transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important;
transform: translateZ(400px) translateY(300px) rotateX(-65deg) !important;
zoom: 1;
-webkit-opacity: 0 !important;
-moz-opacity: 0 !important;
filter: alpha(opacity=0) !important;
opacity: 0 !important;
}
.item-animation-fall-perspective .item-animations-inited.before-start.start-animation {
-o-transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out !important;
-webkit-transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out !important;
transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out !important;
-moz-transform: translateZ(0px) translateY(0px) rotateX(0deg) !important;
-ms-transform: translateZ(0px) translateY(0px) rotateX(0deg) !important;
-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg) !important;
-o-transform: translateZ(0px) translateY(0px) rotateX(0deg) !important;
transform: translateZ(0px) translateY(0px) rotateX(0deg) !important;
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
}.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
content: '\e60f';
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 63px;
height: 63px;
line-height: 63px;
width: 63px;
text-align: center;
position: absolute;
top: 0%;
left: 50%;
margin-left: -30px;
margin-top: -30px;
z-index: 5;
opacity: 0;
-webkit-transition: top 0.3s, opacity 0.3s;
transition: top 0.3s, opacity 0.3s;
}
.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after {
top: 50%;
opacity: 1;
-webkit-transition: top 0.4s ease 0.1s, opacity 0.5s 0.1s;
transition: top 0.4s ease 0.1s, opacity 0.5s 0.1s;
}
.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title {
width: 100%;
padding: 0 25%;
text-align: center;
position: absolute;
top: -50%;
left: 0;
margin-top: -15px;
z-index: 5;
opacity: 0;
text-transform: uppercase;
-webkit-transition: top 0.3s, opacity 0.3s;
transition: top 0.3s, opacity 0.3s;
}
.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title {
top: 25%;
opacity: 1;
-webkit-transition: top 0.3s 0.2s, opacity 0.5s 0.25s;
transition: top 0.3s 0.2s, opacity 0.5s 0.25s;
}
.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description {
width: 100%;
padding: 0 25%;
text-align: center;
position: absolute;
top: 20%;
left: 0;
margin-top: -12px;
z-index: 5;
opacity: 0;
-webkit-transition: top 0.5s, opacity 0.4s;
transition: top 0.5s, opacity 0.4s;
}
.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-description {
top: 75%;
opacity: 1;
-webkit-transition: top 0.3s, opacity 0.3s;
transition: top 0.3s, opacity 0.3s;
}
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
content: '\e629';
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 32px;
width: 70px;
height: 70px;
line-height: 68px;
text-align: center;
position: absolute;
top: 125%;
left: 50%;
margin-left: -35px;
margin-top: -35px;
z-index: 5;
opacity: 0;
border-radius: 70px;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: opacity 0.5s 0.05s, -webkit-transform 0s 0.55s, top 0.5s 0.05s;
transition: opacity 0.5s 0.05s, transform 0s 0.55s, top 0.5s 0.05s;
}
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after {
top: 50%;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: top 0s 0.05s, -webkit-transform 0.5s 0.05s;
transition: top 0s 0.05s, transform 0.5s 0.05s;
}
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title {
width: 100%;
padding: 0 25%;
text-align: center;
position: absolute;
top: 100%;
left: 0;
margin-top: -15px;
z-index: 5;
opacity: 0;
text-transform: uppercase;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: opacity 0.5s 0.1s, -webkit-transform 0s 0.6s, top 0.5s 0.1s;
transition: opacity 0.5s 0.1s, transform 0s 0.6s, top 0.5s 0.1s;
}
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title {
top: 25%;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: top 0s, -webkit-transform 0.5s;
transition: top 0s, transform 0.5s;
}
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description {
width: 100%;
padding: 0 25%;
text-align: center;
position: absolute;
top: 150%;
left: 0;
margin-top: -12px;
z-index: 5;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: opacity 0.5s, -webkit-transform 0s 0.5s, top 0.5s;
transition: opacity 0.5s, transform 0s 0.5s, top 0.5s;
}
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-description {
top: 75%;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: top 0s 0.1s, -webkit-transform 0.5s 0.1s;
transition: top 0s 0.1s, transform 0.5s 0.1s;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a .gem-gallery-caption:before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
background: none !important;
-webkit-transition: opacity 0.5s 0.2s;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a:before {
opacity: 0;
background: -moz-linear-gradient(left,  rgba(255,43,88,0.8) 0%, rgba(255,216,0,0.8) 100%) !important;
background: -webkit-linear-gradient(left,  rgba(255,43,88,0.8) 0%,rgba(255,216,0,0.8) 100%) !important;
background: linear-gradient(to right,  rgba(255,43,88,0.8) 0%,rgba(255,216,0,0.8) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccff2b58', endColorstr='#ccffd800',GradientType=1 ) !important;
transition: opacity 0.5s 0.2s;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:before {
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
content: '\e629';
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 32px;
width: 70px;
height: 70px;
line-height: 68px;
text-align: center;
position: absolute;
top: 80%;
left: 66px;
z-index: 5;
opacity: 0;
border-radius: 70px;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: opacity 0.5s 0.05s, -webkit-transform 0s 0.55s, top 0.5s 0.05s;
transition: opacity 0.5s 0.05s, transform 0s 0.55s, top 0.5s 0.05s;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after {
top: 63px;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: top 0s 0.05s, -webkit-transform 0.5s 0.05s;
transition: top 0s 0.05s, transform 0.5s 0.05s;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title {
max-width: 100%;
padding: 25px 67px;
text-align: left;
position: absolute;
top: auto;
bottom: -100%;
left: 0;
margin: 0;
z-index: 5;
opacity: 0;
text-transform: uppercase;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: opacity 0.5s 0.1s, -webkit-transform 0s 0.6s, bottom 0.5s 0.1s;
transition: opacity 0.5s 0.1s, transform 0s 0.6s, bottom 0.5s 0.1s;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title {
bottom: 0;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: bottom 0s, -webkit-transform 0.5s;
transition: bottom 0s, transform 0.5s;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description {
display: none !important;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
content: '\e629';
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 32px;
height: 32px;
line-height: 32px;
width: 32px;
text-align: left;
position: absolute;
top: 52%;
left: 0%;
-webkit-transition: left 0.25s, opacity 0.3s;
transition: left 0.25s, opacity 0.3s;
margin-top: -32px;
z-index: 5;
opacity: 0;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after {
top: 52%;
left: 8%;
opacity: 1;
-webkit-transition: left 0.25s, opacity 0.3s;
transition: left 0.25s, opacity 0.3s;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-line{
content: '';
width: 0;
height: 2px;
background-color: #fff;
display: block;
position: absolute;
top: 59%;
left: 8%;
opacity: 0;
z-index: 100;
-webkit-transition: width 0.25s, opacity 0.5s;
transition: width 0.25s, opacity 0.5s;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-line {
content: '';
width: 84%;
opacity: 1;
-webkit-transition: width 0.25s, opacity 0.5s;
transition: width 0.25s, opacity 0.5s;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title {
text-align: left;
position: absolute;
top: 63%;
left: 0%;
z-index: 5;
opacity: 0;
text-transform: uppercase;
-webkit-transition: left 0.25s 0.05s, opacity 0.25s 0.05s;
transition: left 0.25s 0.05s, opacity 0.25s 0.05s;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title {
top: 63%;
opacity: 1;
left:8%;
-webkit-transition: left 0.25s 0.05s, opacity 0.25s 0.05s;
transition: left 0.25s 0.05s, opacity 0.25s 0.05s;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description {
text-align: left;
position: absolute;
width: 84%;
top: 77%;
left: 0%;
z-index: 5;
opacity: 0;
-webkit-transition: left 0.25s 0.1s, opacity 0.25s 0.1s;
transition: left 0.25s 0.1s, opacity 0.25s 0.1s;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-description {
top: 77%;
left: 8%;
opacity: 1;
-webkit-transition: left 0.25s 0.1s, opacity 0.25s 0.1s;
transition: left 0.25s 0.1s, opacity 0.25s 0.1s;
}
.gem-gallery-item-description p {
padding-bottom: 0px;
margin-bottom: 0px;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
content: '\e629';
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 32px;
height: 32px;
line-height: 32px;
width: 32px;
text-align: left;
position: absolute;
top: 50%;
left: 8%;
-webkit-transition: top 0.25s 0.1s, opacity 0.3s 0.1s;
transition: top 0.25s 0.1s, opacity 0.3s 0.1s;
margin-top: -32px;
z-index: 5;
opacity: 0;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after {
-webkit-transition: top 0.25s ease, opacity 0.3s;
transition: top 0.25s ease, opacity 0.3s;
top: 22%;
left: 8%;
opacity: 1;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-line{
content: '';
width: 0;
height: 2px;
background-color: #fff;
display: block;
position: absolute;
top: 29%;
left: 8%;
opacity: 0;
z-index: 100;
-webkit-transition: width 0.25s, opacity 0.5s;
transition: width 0.25s, opacity 0.5s;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-line {
content: '';
width: 84%;
opacity: 1;
-webkit-transition: width 0.25s, opacity 0.5s;
transition: width 0.25s, opacity 0.5s;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title {
text-align: left;
position: absolute;
top: 70%;
left: 8%;
z-index: 5;
opacity: 0;
text-transform: uppercase;
-webkit-transition: top 0.25s 0.05s, opacity 0.25s 0.05s;
transition: top 0.25s 0.05s, opacity 0.25s 0.05s;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title {
top: 33%;
opacity: 1;
left:8%;
-webkit-transition: top 0.25s 0.05s, opacity 0.25s 0.05s;
transition: top 0.25s 0.05s, opacity 0.25s 0.05s;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description {
text-align: left;
width: 84%;
position: absolute;
top: 70%;
left: 8%;
z-index: 5;
opacity: 0;
-webkit-transition: top 0.25s, opacity 0.25s;
transition: top 0.25s, opacity 0.25s;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-description {
top: 47%;
left: 8%;
opacity: 1;
-webkit-transition: top 0.25s 0.1s, opacity 0.25s 0.1s;
transition: top 0.25s 0.1s, opacity 0.25s 0.1s;
}.gallery-preloader-wrapper > .row {
margin-left: -10px;
margin-right: -10px;
}
.gem-gallery-grid {
padding: 0 10px;
}
.gem-gallery-grid .gallery-set {
position: relative;
padding: 0;
margin: 0;
list-style: none;
}
.gem-gallery-grid.without-padding .gallery-set {
padding: 0;
}
.gem-gallery-grid .gallery-set .gallery-item {
padding: 0 0px;
margin: 0 0 0px 0;
text-align: center;
display: inline-block;
overflow: hidden;
}
.gaps-margin.gem-gallery-grid .gallery-set .gallery-item {
margin-bottom: 0px;
}
.gem-gallery-grid.metro .gallery-set .gallery-item {
vertical-align: bottom;
}
.gem-gallery-grid.without-padding .gallery-set .gallery-item {
padding: 0;
margin: 0;
}
.gem-gallery-grid.gallery-lazy-scroll .gallery-item.item-lazy-scroll-not-inited {
-webkit-transition-duration: 0s !important;
-moz-transition-duration: 0s !important;
-o-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.gem-gallery-grid.gallery-lazy-scroll .gallery-item.item-lazy-scroll .wrap {
visibility: hidden;
}
.gem-gallery-grid.gallery-lazy-scroll .gallery-item.item-lazy-scroll.item-lazy-scroll-showed .wrap {
visibility: visible;
-webkit-animation: fadeInGalleryItem 1s ease;
-moz-animation: fadeInGalleryItem 1s ease;
-o-animation: fadeInGalleryItem 1s ease;
animation: fadeInGalleryItem 1s ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInGalleryItem {
0% {
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
zoom: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
zoom: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
}
@-moz-keyframes fadeInGalleryItem {
0% {
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
zoom: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
zoom: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
}
@-o-keyframes fadeInGalleryItem {
0% {
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
zoom: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
zoom: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
}
@keyframes fadeInGalleryItem {
0% {
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
zoom: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
zoom: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
}
.gem-gallery-grid .gallery-set .gallery-item .wrap {
max-width: 100%;
position: relative;
}
.gem-gallery-grid .gallery-set .gallery-item .overlay-wrap {
max-width: 100%;
position: relative;
overflow: hidden;
z-index: 0;
}
.gallery-item .image-wrap {
overflow: hidden;
}
.gallery-item .image-wrap.img-circle {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.gem-gallery-grid.without-padding .gallery-item .image-wrap {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.gallery-item .image-wrap img {
max-width: 110%;
height: auto;
}
.gem-gallery-grid:not(.hover-horizontal-sliding) .gallery-item .image-wrap img {
position: relative;
left: -5%;
}
.gem-gallery-grid.without-padding .gallery-item .image-wrap img {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.gallery-item .overlay {
display: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
overflow: hidden;
}
.gallery-item .overlay .overlay-circle {
display: none;
}
.gallery-item .overlay.img-circle {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.gem-gallery-grid.without-padding .gallery-item .overlay {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.gallery-item .overlay .gallery-item-link {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-decoration: none;
z-index: 2;
cursor: pointer;
}
.gallery-item .overlay .gallery-item-link.not-link {
cursor: default;
}
.gallery-item .overlay .slide-info {
display: none;
}
.gem-gallery-grid .slide-info {
position: static;
text-align: left;
padding: 19px 15px 17px 15px;
}
.slideinfo .fancybox-title {
text-align: center;
width: 100%;
padding: 10px 0;
}
.slideinfo .fancybox-title .slide-info-title {
display: block;
text-transform: uppercase;
}
.slideinfo .fancybox-title .slide-info-summary {
display: block;
padding: 10px 0 0;
}
.gallery-item .overlay .overlay-content {
display: table;
width: 100%;
height: 100%;
}
.gallery-item .overlay .overlay-content .overlay-content-center {
display: table-cell;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
padding: 30px;
}
.hover-gradient .gallery-item .overlay .overlay-content .overlay-content-center {
text-align: left;
vertical-align: top;
}
.hover-gradient .gallery-item .overlay .overlay-content-inner .subtitle {
display: none !important;
}
.gem-gallery-grid.hover-gradient.fullwidth-columns-4 .gallery-item:not(.double-item) .overlay .overlay-content-inner .subtitle {
display: block !important;
}
@media only screen and (min-width: 550px) and (max-width: 1550px) {
.gem-gallery-grid.hover-gradient.fullwidth-columns-4 .gallery-item:not(.double-item) .overlay .overlay-content-inner .subtitle {
display: none !important;
}
}
.hover-gradient .gallery-item .overlay .overlay-content-inner .title {
position: absolute;
left: 30px;
right: 30px;
top: auto !important;
bottom: 25px;
}
.hover-gradient .gallery-item .overlay .overlay-content .overlay-content-center {
padding: 25px 30px;
}
.gallery-item .overlay .overlay-content .overlay-content-inner {
display: inline-block;
}
.gallery-item .overlay a.icon {
color: #ffffff;
display: inline-block;
text-decoration: none;
}
.gallery-item .overlay a.icon i {
margin-left: 0.2em;
}
.gallery-item .overlay a.icon:first-child i, .gallery-item.single-icon .overlay a.icon, .gallery-item.single-icon .overlay a.icon i {
margin-left: 0 !important;
}
.gallery-item .overlay a.icon.photo:before {
content: '\e629';
}
.gem-gallery-grid.hover-horizontal-sliding .gallery-item .overlay .overlay-content .overlay-content-inner{
width: 100%;
}
.gallery-item .overlay .title {
text-transform: uppercase;
}
.gallery-item .overlay .subtitle,
.gallery-item .overlay .subtitle a,
.gallery-item .overlay .subtitle p {
text-decoration: none;
}
.gallery-item .overlay .subtitle a {
cursor: pointer;
}
@media only screen and (min-width: 1920px) {
.gem-gallery-grid.fullwidth-columns-4 .fullwidth-block .gallery-set .gallery-item {
width: 20%;
}
.gem-gallery-grid.fullwidth-columns-4 .fullwidth-block .gallery-set .gallery-item.double-item:not(.double-item-vertical) {
width: 40%;
}
.gem-gallery-grid.fullwidth-columns-5 .fullwidth-block .gallery-set .gallery-item {
width: 16.665%;
}
.gem-gallery-grid.fullwidth-columns-5 .fullwidth-block .gallery-set .gallery-item.double-item:not(.double-item-vertical) {
width: 33.333%;
}
}
@media only screen and (min-width: 1680px) and (max-width: 1920px) {
.gem-gallery-grid.fullwidth-columns-4 .fullwidth-block .gallery-set .gallery-item {
width: 25%;
}
.gem-gallery-grid.fullwidth-columns-4 .fullwidth-block .gallery-set .gallery-item.double-item:not(.double-item-vertical) {
width: 50%;
}
.gem-gallery-grid.fullwidth-columns-5 .fullwidth-block .gallery-set .gallery-item {
width: 20%;
}
.gem-gallery-grid.fullwidth-columns-5 .fullwidth-block .gallery-set .gallery-item.double-item:not(.double-item-vertical) {
width: 40%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1680px) {
.gem-gallery-grid .fullwidth-block .gallery-set .gallery-item {
width: 25%;
}
.gem-gallery-grid .fullwidth-block .gallery-set .gallery-item.double-item:not(.double-item-vertical) {
width: 50%;
}
}
@media only screen and (min-width: 700px) and (max-width: 992px) {
.gem-gallery-grid .fullwidth-block .gallery-set .gallery-item,
.gem-gallery-grid .gallery-set .gallery-item {
width: 33.333332%;
}
.gem-gallery-grid .fullwidth-block .gallery-set .gallery-item.double-item:not(.double-item-vertical),
.gem-gallery-grid .gallery-set .gallery-item.double-item:not(.double-item-vertical) {
width: 66.66%
}
}
@media only screen and (max-width: 700px) {
.gem-gallery-grid .fullwidth-block .gallery-set .gallery-item,
.gem-gallery-grid .gallery-set .gallery-item {
width: 50%;
}
.gem-gallery-grid .fullwidth-block .gallery-set .gallery-item.double-item:not(.double-item-vertical),
.gem-gallery-grid .gallery-set .gallery-item.double-item:not(.double-item-vertical) {
width: 100%;
}
}
@media only screen and (max-width: 550px) {
.gem-gallery-grid .fullwidth-block .gallery-set .gallery-item,
.gem-gallery-grid .gallery-set .gallery-item {
width: 100%;
}
.gem-gallery-grid .gallery-set .gallery-item.double-item-vertical .image-wrap img {
width: 110%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1120px) {
.with-sidebar .gem-gallery-grid.columns-3 .gallery-item {
width: 50%;
}
.with-sidebar .gem-gallery-grid.columns-3 .gallery-item.double-item:not(.double-item-vertical) {
width: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
.gem-gallery-grid.columns-4 .gallery-item {
width: 33.3333%;
}
.gem-gallery-grid.columns-4 .gallery-item.double-item:not(.double-item-vertical) {
width: 66.66%;
}
}
.gem-gallery-grid.metro.fullwidth-columns-4 .fullwidth-block .gallery-set .gallery-item,
.gem-gallery-grid.metro.fullwidth-columns-5 .fullwidth-block .gallery-set .gallery-item {
width: auto;
} .gem-gallery-grid.hover-default .fullwidth-block .overlay .subtitle {
display: block;
}
@media only screen and (max-width: 380px) {
.gem-gallery-grid.hover-default .gallery-item .overlay .subtitle {
display: none;
}
}
@media only screen and (min-width: 1120px) {
.with-sidebar .gem-gallery-grid.hover-default .gallery-item .overlay .subtitle {
display: none;
}
.with-sidebar .gem-gallery-grid.hover-default .gallery-item.double-item .overlay .subtitle {
display: block;
}
}
@media only screen and (min-width: 992px) and (max-width: 1040px) {
.with-sidebar .gem-gallery-grid.hover-default .gallery-item .overlay .subtitle {
display: none;
}
.with-sidebar .gem-gallery-grid.hover-default .gallery-item.double-item .overlay .subtitle {
display: block;
}
}
@media only screen and (min-width: 992px) and (max-width: 1120px) {
.gem-gallery-grid.hover-default.columns-3 .gallery-item .overlay .subtitle {
display: none;
}
.gem-gallery-grid.hover-default.columns-3 .gallery-item.double-item .overlay .subtitle {
display: block;
}
}
@media only screen and (min-width: 1100px),
screen and (min-width: 832px) and (max-width: 1030px) {
.gem-gallery-grid.hover-default.columns-4 .gallery-item .overlay .subtitle {
display: none;
}
.gem-gallery-grid.hover-default.columns-4 .gallery-item.double-item .overlay .subtitle {
display: block;
}
}
@media only screen and (min-width: 832px) and (max-width: 1100px) {
.gem-gallery-grid.hover-default.columns-4 .gallery-item .overlay .subtitle {
display: none;
}
.gem-gallery-grid.hover-default.columns-4 .gallery-item.double-item .overlay .subtitle {
display: block;
}
}
@media only screen and (min-width: 992px) {
.with-sidebar .gem-gallery-grid.hover-default.columns-4 .gallery-item .overlay .title {
font-size: 17px;
}
}
@media only screen and (min-width: 1170px) and (max-width: 1250px),
screen and (min-width: 900px) and (max-width: 992px) {
.gem-gallery-grid.hover-default .fullwidth-block .gallery-item .overlay .title {
font-size: 17px;
}
}
@media only screen and (max-width: 768px) {
.gem-gallery-grid.hover-default .fullwidth-block .gallery-item .overlay .subtitle {
display: block;
}
}
@media only screen and (max-width: 460px) {
.gem-gallery-grid.hover-default .fullwidth-block .gallery-item .overlay .subtitle {
display: none;
}
}
@media only screen and (min-width: 1250px) and (max-width: 1770px),
screen and (min-width: 992px) and (max-width: 1170px),
screen and (min-width: 768px) and (max-width: 900px) {
}
@media only screen and (min-width: 1170px) and (max-width: 1250px),
screen and (min-width: 900px) and (max-width: 992px) {
.gem-gallery-grid.hover-default .fullwidth-block .gallery-item .overlay .title {
font-size: 17px;
}
}
@media only screen and (max-width: 370px) {
} .gem-gallery-grid.hover-zooming-blur .gallery-item .overlay .overlay-line {
display: none;
}
.gem-gallery-grid.hover-zooming-blur .gallery-item .overlay a.icon i {
display: inline-block;
width: 70px;
height: 70px;
text-align: center;
font-size: 35px;
line-height: 68px;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
}
.gem-gallery-grid.hover-zooming-blur .gallery-item .overlay a.icon i {
background-color: #3c3950;
}
.gem-gallery-grid.hover-zooming-blur .gallery-item .overlay .subtitle,
.gem-gallery-grid.hover-zooming-blur .gallery-item .overlay .subtitle p {
}
@media only screen and (min-width: 992px) and (max-width: 1060px),
screen and (min-width: 768px) and (max-width: 800px) {
}
@media only screen and (max-width: 380px) {
.gem-gallery-grid.hover-zooming-blur .gallery-item .overlay .subtitle {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1100px),
screen and (min-width: 768px) and (max-width: 830px) {
.with-sidebar .gem-gallery-grid.hover-zooming-blur.columns-2 .gallery-item .overlay .subtitle {
display: none;
}
}
@media only screen and (min-width: 768px) {
.gem-gallery-grid.hover-zooming-blur.columns-4 .gallery-item .overlay .subtitle {
display: none;
}
.gem-gallery-grid.hover-zooming-blur.columns-4 .gallery-item.double-item .overlay .subtitle {
display: block;
}
}
@media only screen and (min-width: 992px) and (max-width: 1120px) {
.gem-gallery-grid.hover-zooming-blur.columns-3 .gallery-item .overlay .subtitle {
display: none;
}
.gem-gallery-grid.hover-zooming-blur.columns-3 .gallery-item.double-item .overlay .subtitle {
display: block;
}
}
@media only screen and (min-width: 1120px) {
.with-sidebar .gem-gallery-grid.hover-zooming-blur.columns-3 .gallery-item .overlay .subtitle {
display: none;
}
.with-sidebar .gem-gallery-grid.hover-zooming-blur.columns-3 .gallery-item.double-item .overlay .subtitle {
display: block;
}
}
@media only screen and (min-width: 992px) {
.with-sidebar .gem-gallery-grid.hover-zooming-blur.columns-4 .gallery-item .overlay .title {
font-size: 17px;
}
}
@media only screen and (min-width: 1250px) and (max-width: 1820px),
screen and (min-width: 992px) and (max-width: 1170px),
screen and (min-width: 768px) and (max-width: 900px) {
.gem-gallery-grid.hover-zooming-blur .fullwidth-block .gallery-item .overlay .title {
font-size: 19px;
}
.gem-gallery-grid.hover-zooming-blur .fullwidth-block .gallery-item .overlay .subtitle {
display: none;
}
.gem-gallery-grid.hover-zooming-blur .fullwidth-block .gallery-item.double-item .overlay .subtitle {
display: block;
}
}
@media only screen and (min-width: 1170px) and (max-width: 1250px),
screen and (min-width: 900px) and (max-width: 992px) {
.gem-gallery-grid.hover-zooming-blur .fullwidth-block .gallery-item .overlay .title {
font-size: 17px;
}
.gem-gallery-grid.hover-zooming-blur .fullwidth-block .gallery-item .overlay .subtitle {
display: none;
}
.gem-gallery-grid.hover-zooming-blur .fullwidth-block .gallery-item.double-item .overlay .subtitle {
display: block;
}
} .gem-gallery-grid.hover-gradient .gallery-item .overlay .overlay-line {
display: none;
}
.gem-gallery-grid.hover-gradient .gallery-item .overlay a.icon i {
display: inline-block;
width: 70px;
height: 70px;
text-align: center;
font-size: 35px;
line-height: 68px;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
background-color: #ffffff;
color: #000000;
}
.gem-gallery-grid.hover-gradient.fullwidth-columns-4 .gallery-item:not(.double-item) .overlay a.icon i {
width: 40px;
height: 40px;
text-align: center;
font-size: 16px;
line-height: 38px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.gem-gallery-grid.hover-gradient .gallery-item .overlay .subtitle,
.gem-gallery-grid.hover-gradient .gallery-item .overlay .subtitle p {
}
@media only screen and (min-width: 992px) and (max-width: 1060px),
screen and (min-width: 768px) and (max-width: 800px) {
}
@media only screen and (max-width: 380px) {
.gem-gallery-grid.hover-gradient .gallery-item .overlay .subtitle {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1100px),
screen and (min-width: 768px) and (max-width: 830px) {
.with-sidebar .gem-gallery-grid.hover-gradient.columns-2 .gallery-item .overlay .subtitle {
display: none;
}
}
@media only screen and (min-width: 768px) {
.gem-gallery-grid.hover-gradient.columns-4 .gallery-item .overlay .subtitle {
display: none;
}
.gem-gallery-grid.hover-gradient.columns-4 .gallery-item.double-item .overlay .subtitle {
display: block;
}
}
@media only screen and (min-width: 992px) and (max-width: 1120px) {
.gem-gallery-grid.hover-gradient.columns-3 .gallery-item .overlay .subtitle {
display: none;
}
.gem-gallery-grid.hover-gradient.columns-3 .gallery-item.double-item .overlay .subtitle {
display: block;
}
}
@media only screen and (min-width: 1120px) {
.with-sidebar .gem-gallery-grid.hover-gradient.columns-3 .gallery-item .overlay .subtitle {
display: none;
}
.with-sidebar .gem-gallery-grid.hover-gradient.columns-3 .gallery-item.double-item .overlay .subtitle {
display: block;
}
}
@media only screen and (min-width: 992px) {
.with-sidebar .gem-gallery-grid.hover-gradient.columns-4 .gallery-item .overlay .title {
font-size: 17px;
}
}
@media only screen and (min-width: 1250px) and (max-width: 1820px),
screen and (min-width: 992px) and (max-width: 1170px),
screen and (min-width: 768px) and (max-width: 900px) {
.gem-gallery-grid.hover-gradient .fullwidth-block .gallery-item .overlay .title {
font-size: 19px;
}
.gem-gallery-grid.hover-gradient .fullwidth-block .gallery-item .overlay .subtitle {
display: none;
}
.gem-gallery-grid.hover-gradient .fullwidth-block .gallery-item.double-item .overlay .subtitle {
display: block;
}
}
@media only screen and (min-width: 1170px) and (max-width: 1250px),
screen and (min-width: 900px) and (max-width: 992px) {
.gem-gallery-grid.hover-gradient .fullwidth-block .gallery-item .overlay .title {
font-size: 17px;
}
.gem-gallery-grid.hover-gradient .fullwidth-block .gallery-item .overlay .subtitle {
display: none;
}
.gem-gallery-grid.hover-gradient .fullwidth-block .gallery-item.double-item .overlay .subtitle {
display: block;
}
}
@media (max-width: 768px) {
body .gem-gallery-grid .gallery-set .gallery-item{
padding: 0;
}
}
.gem-gallery-grid .overlay .title {
text-transform: uppercase;
}
.gem-gallery-grid.hover-vertical-sliding  .gallery-set,
.gem-gallery-grid.hover-horizontal-sliding  .gallery-set,
.hover-horizontal-sliding .gallery-item  .overlay .overlay-content .overlay-content-center,
.gem-gallery-grid.hover-vertical-sliding  .gallery-item .overlay .overlay-content .overlay-content-center {
text-align: left;
}
.gem-gallery-grid.hover-vertical-sliding  .gallery-item .overlay .overlay-content .overlay-content-center {
vertical-align: top;
}
.gem-gallery-grid.hover-horizontal-sliding  .gallery-item .overlay .overlay-content .overlay-content-center {
vertical-align: bottom;
}
.gem-gallery-grid.hover-vertical-sliding  .subtitle,
.gem-gallery-grid.hover-horizontal-sliding  .subtitle {
display: none;
}
.gem-gallery-grid.hover-vertical-sliding .double-item  .subtitle,
.gem-gallery-grid.hover-horizontal-sliding .double-item  .subtitle {
display: block;
}
.gallery-item .overlay a.icon i {
font-size: 32px;
}
.gem-gallery-grid.hover-default .gallery-item .overlay a.icon i {
font-size: 48px;
}
.gem-gallery-grid.hover-vertical-sliding  .overlay .title {
margin-top: 15px;
}
.gem-gallery-grid.hover-vertical-sliding .subtitle {
padding-top: 38px;
}
.gem-gallery-grid.hover-horizontal-sliding  .title {
margin-bottom: 17px;
margin-top: -5px;
}
.gem-gallery-grid.hover-horizontal-sliding .overlay a.icon {
padding-bottom: 20px;
}
.gem-gallery-grid.hover-horizontal-sliding .subtitle {
padding-bottom: 15px;
}
.gem-gallery-grid.hover-horizontal-sliding .overlay-line {
background-color: #FFFFFF;
font-size: 0;
height: 2px;
line-height: 1;
max-width: 100%;
margin-bottom: 34px;
}
.gem-gallery-grid.hover-vertical-sliding .overlay-line{
background-color: #FFFFFF;
font-size: 0;
height: 2px;
max-width: 100%;
line-height: 1;
margin-top: 14px;
margin-bottom: 14px;
}
.gem-gallery-hover-vertical-sliding  .gem-gallery-item {
text-align: left;
}
.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-caption,
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-caption,
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-caption  {
display: block;
}
.gem-gallery-grid.hover-circular .gallery-item .overlay .overlay-circle {
display: block;
}
.active .gem-gallery-item-image {
position: relative;
}
.active .gem-gallery-item-image:after {
width: 100%;
height: 4px;
position: absolute;
content: '';
top: 0;
left: 0;
opacity: 1;
}
@media all and (max-width: 552px) {
body .gem-prev.disabled,
body .gem-next.disabled {
visibility: visible;
z-index: 1000;
}
body .gem-gallery .gem-gallery-preview-carousel-wrap .gem-prev:after,
body .gem-gallery .gem-gallery-preview-carousel-wrap .gem-next:after {
opacity: 1;
z-index: 1000;
}
.gem-gallery  .gem-gallery-item .gem-gallery-item-image a:before,
.gem-gallery  .gem-gallery-grid.gallery-item .overlay {
display: none;
}
body  .gem-gallery  .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after,
body  .gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-line {
display: none;
}
body .gem-gallery .gem-gallery-preview-carousel-wrap .gem-prev:after {
transform: none;
-moz-transform: none;
-webkit-transform: none;
-o-transform: none;
-ms-transform: none;
}
body .gem-gallery .gem-gallery-preview-carousel-wrap .gem-next:after {
transform: none;
-moz-transform: none;
-webkit-transform: none;
-o-transform: none;
-ms-transform: none;
}
body .gem-gallery  .gem-gallery-preview-carousel-wrap:hover .gem-gallery-line {
display: none;
}
body .gem-gallery .gem-gallery-thumbs-carousel-wrap {
display: none;
}
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a img {
transform: none;
-moz-transform: none;
-webkit-transform: none;
-o-transform: none;
-ms-transform: none;
}
body  .fancybox-title.fancybox-title-over-wrap {
display: none;
}
}
.columns-4.gem-gallery-grid .gallery-item .overlay a.icon i {
font-size: 24px;
}
body .gem-gallery-grid .fullwidth-block .gallery-itemm:not(.double-item) .overlay .title,
body .gem-gallery-grid.columns-4 .gallery-item:not(.double-item) .overlay .title {
font-size: 89.5%;
line-height: 1.421;
}
.no-elements-gallery-grid {
color: #c2cbd2;
font-size: 22px;
display: block;
text-align: center;
padding: 10px 0;
background-color: rgba(213,218,223,.8);
}
.gem-gallery-grid .gallery-item .overlay a.icon:before {
content: none;
}
.gem-gallery-grid .gallery-item .overlay a.icon i.default {
font-family: 'thegem-icons';
font-style: normal;
}
.gem-gallery-grid .gallery-item .overlay a.icon.photo i.default:before {
content: '\e629';
}
.gem-gallery-grid.hover-default .gallery-item .overlay a.icon.photo i.default:before {
content: '\e60f';
}
.gem-gallery-grid.hover-default .gallery-item .overlay a.icon.link i.default:before {
content: '\e61d';
}
.gem-gallery-grid .gallery-item .overlay a.icon.link i.default:before {
content: '\e61c';
}
.gem-wrapbox {
margin-bottom: 0;
}body:not(.elementor-editor-active) .lazy-loading:not(.lazy-loading-not-hide) {
visibility: hidden;
}
body #page .lazy-loading.lazy-loading-end-animation,
body #page .lazy-loading.lazy-loading-before-start-animation {
visibility: visible;
}
.lazy-loading-timer-element {
font-size: 0;
line-height: 1;
height: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lazy-loading-timer-element.start-timer {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.lazy-loading-timer-element {
font-size: 0;
line-height: 1;
height: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
} .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-clip {
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
zoom: 1;
}
.lazy-loading.lazy-loading-start-animation .lazy-loading-item-clip {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-moz-transition: transform 0.4s cubic-bezier(.35,.8,.25,1.34);
-ms-transition: transform 0.4s cubic-bezier(.35,.8,.25,1.34);
-o-transition: transform 0.4s cubic-bezier(.35,.8,.25,1.34);
-webkit-transition: transform 0.4s cubic-bezier(.35,.8,.25,1.34);
transition: transform 0.4s cubic-bezier(.35,.8,.25,1.34);
} .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-fading {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
.lazy-loading.lazy-loading-start-animation .lazy-loading-item-fading {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
} .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-drop-right {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateX(7%);
-ms-transform: translateX(7%);
-webkit-transform: translateX(7%);
-o-transform: translateX(7%);
transform: translateX(7%);
}
.lazy-loading.lazy-loading-start-animation .lazy-loading-item-drop-right {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-moz-transition: transform 0.7s, opacity 0.7s;
-ms-transition: transform 0.7s, opacity 0.7s;
-o-transition: transform 0.7s, opacity 0.7s;
-webkit-transition: transform 0.7s, opacity 0.7s;
transition: transform 0.7s, opacity 0.7s;
} .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-drop-left {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateX(-7%);
-ms-transform: translateX(-7%);
-webkit-transform: translateX(-7%);
-o-transform: translateX(-7%);
transform: translateX(-7%);
}
.lazy-loading.lazy-loading-start-animation .lazy-loading-item-drop-left {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-moz-transition: transform 0.7s, opacity 0.7s;
-ms-transition: transform 0.7s, opacity 0.7s;
-o-transition: transform 0.7s, opacity 0.7s;
-webkit-transition: transform 0.7s, opacity 0.7s;
transition: transform 0.7s, opacity 0.7s;
} .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-drop-bottom {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateY(7%);
-ms-transform: translateY(7%);
-webkit-transform: translateY(7%);
-o-transform: translateY(7%);
transform: translateY(7%);
}
.lazy-loading.lazy-loading-start-animation .lazy-loading-item-drop-bottom {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-moz-transition: transform 0.7s, opacity 0.7s;
-ms-transition: transform 0.7s, opacity 0.7s;
-o-transition: transform 0.7s, opacity 0.7s;
-webkit-transition: transform 0.7s, opacity 0.7s;
transition: transform 0.7s, opacity 0.7s;
} .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-drop-top {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.lazy-loading.lazy-loading-start-animation .lazy-loading-item-drop-top {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-moz-transition: transform 0.7s, opacity 0.7s;
-ms-transition: transform 0.7s, opacity 0.7s;
-o-transition: transform 0.7s, opacity 0.7s;
-webkit-transition: transform 0.7s, opacity 0.7s;
transition: transform 0.7s, opacity 0.7s;
} .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-slide-right {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.lazy-loading.lazy-loading-start-animation .lazy-loading-item-slide-right {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-moz-transition: transform 0.3s cubic-bezier(.33,.8,.14,1.2), opacity 0.1s;
-ms-transition: transform 0.3s cubic-bezier(.33,.8,.14,1.2), opacity 0.1s;
-o-transition: transform 0.3s cubic-bezier(.33,.8,.14,1.2), opacity 0.1s;
-webkit-transition: transform 0.3s cubic-bezier(.33,.8,.14,1.2), opacity 0.1s;
transition: transform 0.3s cubic-bezier(.33,.8,.14,1.2), opacity 0.1s;
} .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-move-up {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
.lazy-loading.lazy-loading-start-animation .lazy-loading-item-move-up {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-moz-transition: transform 1s, opacity 1s;
-ms-transition: transform 1s, opacity 1s;
-o-transition: transform 1s, opacity 1s;
-webkit-transition: transform 1s, opacity 1s;
transition: transform 1s, opacity 1s;
}.gem-icon{
background-origin:border-box;
border-color: #91a0ac;
}
.gem-icon, .gem-icon i, .gem-icon svg, .gem-icon-shape-hexagon-back-inner-before, .gem-icon-shape-hexagon-top-inner-before, .padding-box-inner{
-o-transition: color 0.5s, background-color 0.5s, -o-transform 0.5s, border-color 0.5s, fill 0.5s;
-webkit-transition: color 0.5s, background-color 0.5s, -webkit-transform 0.5s, border-color 0.5s, fill 0.5s;
-moz-transition: color 0.5s, background-color 0.5s, -moz-transform 0.5s, border-color 0.5s, fill 0.5s;
transition: color 0.5s, background-color 0.5s, transform 0.5s, border-color 0.5s, fill 0.5s;	
}
.gem-icon-style-gradient{
width: 100%;
}
.gem-icon-style-gradient .back-angle i{
background-image: linear-gradient(180deg, #91a0ac 0%, #65707e 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gem-icon-inner .padding-box-inner{
display: flex;
overflow: visible;
}
.gem-icon a, .gem-icon a:hover{
color: unset;
}
.gem-icon-shape-default {
border: 0 none;
} .gem-icon-size-small, .gem-icon-size-medium, .gem-icon-size-large, .gem-icon-size-xlarge{
height: unset;
}
.gem-icon-shape-default .gem-icon-inner {
border: 0;
margin: 0
}
.gem-icon-size-small .padding-box-inner{
width: 24px;
height: 24px;
line-height: 24px;
}
.gem-icon-size-medium .padding-box-inner{
width: 48px;
height: 48px;
line-height: 48px;
}
.gem-icon-size-large .padding-box-inner{
width: 96px;
height: 96px;
line-height: 96px;
}
.gem-icon-size-xlarge .padding-box-inner{
width: 144px;
height: 144px;
line-height: 144px;
}
.gem-icon-shape-default .gem-icon-inner,
.gem-icon-shape-square .gem-icon-inner,
.gem-icon-shape-circle .gem-icon-inner,
.gem-icon-shape-romb .gem-icon-inner{
width: unset;
height: unset;
line-height: unset;
}
.gem-icon-shape-hexagon-back-inner-before{
background-color: #91a0ac;
}
.gem-icon-shape-hexagon-top-inner-before{
background-color: #2c2e3d;
}
.left-box{
text-align: left;
}
.right-box{
text-align: right;
}
.icon-inline-position a{
position: relative;
display: inline-block;
}
.gem-icon i{
line-height: unset;
}
.gem-icon svg{
fill: #91a0ac;
}
.back-angle svg{
width: 100%;
height: 100%;
} .gem-icon-shape-hexagon {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 0;
position: relative;
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back {
display: block;
-webkit-transform: rotate(-30deg) skewX(30deg);
-ms-transform: rotate(-30deg) skewX(30deg);
-o-transform: rotate(-30deg) skewX(30deg);
transform: rotate(-30deg) skewX(30deg);
overflow: hidden;
position: relative;
z-index: 1;
font-size: 0;
line-height: 1;
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back .gem-icon-shape-hexagon-back-inner,
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back .gem-icon-shape-hexagon-back-inner-before {
display: block;
width: inherit;
height: inherit;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
overflow: hidden;
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back .gem-icon-shape-hexagon-back-inner {
-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back .gem-icon-shape-hexagon-back-inner-before {
-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top {
display: block;
-webkit-transform: rotate(-30deg) skewX(30deg);
-ms-transform: rotate(-30deg) skewX(30deg);
-o-transform: rotate(-30deg) skewX(30deg);
transform: rotate(-30deg) skewX(30deg);
overflow: hidden;
position: absolute;
left: 0;
top: 0;
z-index: 2;
font-size: 0;
line-height: 1;
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top .gem-icon-shape-hexagon-top-inner,
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top .gem-icon-shape-hexagon-top-inner-before {
display: block;
width: inherit;
height: inherit;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
overflow: hidden;
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top .gem-icon-shape-hexagon-top-inner {
-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top .gem-icon-shape-hexagon-top-inner-before {
-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.gem-icon-shape-hexagon .gem-icon-inner {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: none !important;
position: absolute;
left: 0;
top: 0;
z-index: 3;
width: 100%;
height: 100%;
margin: 0;
} .gem-icon-shape-hexagon.gem-icon-size-small {
margin: 3px 0;
}
.gem-icon-shape-hexagon.gem-icon-size-small .gem-icon-shape-hexagon-back {
width: 59px;
height: 49px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.gem-icon-shape-hexagon.gem-icon-size-small .gem-icon-shape-hexagon-top {
width: 55px;
height: 45px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
left: 2px;
top: 2px;
}
.gem-icon-shape-hexagon.gem-icon-size-small .gem-icon-inner {
line-height: 49px;
}
.gem-icon-shape-hexagon.gem-icon-size-small .gem-icon-inner svg{
height: 100%;
width: 36px;
} .gem-icon-shape-hexagon.gem-icon-size-medium {
margin: 5px 0;
}
.gem-icon-shape-hexagon.gem-icon-size-medium .gem-icon-shape-hexagon-back {
width: 91px;
height: 77px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.gem-icon-shape-hexagon.gem-icon-size-medium .gem-icon-shape-hexagon-top {
width: 85px;
height: 71px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
left: 3px;
top: 3px;
}
.gem-icon-shape-hexagon.gem-icon-size-medium .gem-icon-inner {
line-height: 77px;
}
.gem-icon-shape-hexagon.gem-icon-size-medium .gem-icon-inner svg{
height: 100%;
width: 58px;
} .gem-icon-shape-hexagon.gem-icon-size-large {
margin: 11px 0;
}
.gem-icon-shape-hexagon.gem-icon-size-large .gem-icon-shape-hexagon-back {
width: 181px;
height: 153px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.gem-icon-shape-hexagon.gem-icon-size-large .gem-icon-shape-hexagon-top {
width: 169px;
height: 141px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
left: 6px;
top: 6px;
}
.gem-icon-shape-hexagon.gem-icon-size-large .gem-icon-inner {
line-height: 153px;
}
.gem-icon-shape-hexagon.gem-icon-size-large .gem-icon-inner svg{
height: 100%;
width: 114px;
} .gem-icon-shape-hexagon.gem-icon-size-xlarge {
margin: 16px 0;
}
.gem-icon-shape-hexagon.gem-icon-size-xlarge .gem-icon-shape-hexagon-back {
width: 267px;
height: 227px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 12px;
}
.gem-icon-shape-hexagon.gem-icon-size-xlarge .gem-icon-shape-hexagon-top {
width: 243px;
height: 203px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
left: 12px;
top: 12px;
}
.gem-icon-shape-hexagon.gem-icon-size-xlarge .gem-icon-inner {
line-height: 227px;
}
.gem-icon-shape-hexagon.gem-icon-size-xlarge .gem-icon-inner svg{
height: 100%;
width: 164px;
}.quickfinder-item,
.quickfinder-item-info,
.qf-svg-arrow-left,
.qf-svg-arrow-right,
.icon-hover-bg,
.quickfinder .quickfinder-item-inner,
.quickfinder .gem-qf-icon-image-wrapper .gem-icon,
.quickfinder .gem-qf-icon-image-wrapper i,
.quickfinder .gem-image,
.quickfinder .gem-image img,
.quickfinder .gem-image span,
.quickfinder .gem-image span:hover,
.quickfinder .gem-image span:before,
.quickfinder .quickfinder-title,
.quickfinder .quickfinder-description{
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
}
.quickfinder .gem-icon .icon-hover-bg.fill-out {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
-moz-transform: scale(0);
-webkit-transform: scale(0);
transition: 0.3s ease;
border-radius: inherit;
}
.quickfinder .quickfinder-item:hover .icon-hover-bg.fill-out {
transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
transition: 0.3s ease;
}
.quickfinder .gem-icon .icon-hover-bg.fade {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: 0.3s ease;
border-radius: inherit;
}
.quickfinder-item-link,
.quickfinder a.quickfinder-item-icon-image-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.quickfinder {
min-height: 20px;
}
.quickfinder .inline-column {
margin-bottom: 0;
}
.quickfinder .no-gap.quickfinder-item:not(:last-of-type) .quickfinder-item-inner {
border-right: 0 !important;
}
.quickfinder .no-gap.quickfinder-item {
padding-right: 0 !important;
padding-left: 0 !important;
}
.quickfinder .no-gap.quickfinder-item:not(:last-of-type) {
padding-right: 0 !important;
}
.quickfinder .no-gap.quickfinder-item:not(:first-of-type) {
padding-left: 0 !important;
}
.col-xs-5_12 {
width: 100%;
}
@media (min-width: 768px) {
.col-sm-5_12 {
width: 100%;
}
}
@media (min-width: 992px) {
.col-md-5_12 {
width: 20%;
float: left;
}
}
.col-md-5_12,
.col-sm-5_12,
.col-xs-5_12 {
padding-left: 21px;
padding-right: 21px;
}
.quickfinder .gem-image span {
display: inline-block;
vertical-align: top;
overflow: hidden;
max-width: 100%;
position: relative;
transition: 0.3s ease;
-o-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
}
.quickfinder .gem-image span::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
opacity: 0;
z-index: 1;
}
.quickfinder .icon-horizontal-left.icon-wrapping-inline .gem-qf-icon-image-wrapper,
.quickfinder .icon-horizontal-left.icon-wrapping-wrap .gem-qf-icon-image-wrapper {
padding-right: 26px;
}
.quickfinder .icon-horizontal-right .gem-qf-icon-image-wrapper {
padding-right: 0px;
padding-left: 26px;
} .icon-bottom {
display: flex;
flex-direction: column;
}
.quickfinder .icon-bottom .quickfinder-item-info-wrapper {
order: 1;
}
.quickfinder .icon-bottom .quickfinder-icon-container {
order: 2;
margin-top: 30px;
} .icon-bottom,
.button-top {
display: flex;
flex-direction: column;
}
.quickfinder .icon-bottom.button-bottom .quickfinder-item-info {
order: 1;
}
.quickfinder .icon-bottom.button-bottom .gem-qf-icon-image-wrapper {
order: 2;
} .icon-top.button-top .quickfinder-item-info {
display: flex;
flex-direction: column;
}
.icon-top.button-top .gem-button-container {
order: 1;
}
.icon-top.button-top .quickfinder-title {
order: 2;
}
.icon-top.button-top .quickfinder-description {
order: 3;
} .icon-bottom.button-top .quickfinder-item-info {
display: flex;
flex-direction: column;
}
.icon-bottom.button-top .gem-button-container {
order: 1;
}
.icon-bottom.button-top .quickfinder-title {
order: 2;
}
.icon-bottom.button-top .quickfinder-description {
order: 3;
}
.icon-bottom.button-top .quickfinder-item-info {
order: 1;
}
.icon-bottom.button-top .gem-qf-icon-image-wrapper {
order: 2;
margin-top: 30px;
}
.icon-horizontal-center .gem-qf-icon-image-wrapper {
text-align: center !important;
}
.icon-horizontal-left .gem-qf-icon-image-wrapper {
text-align: left !important;
}
.icon-horizontal-right .gem-qf-icon-image-wrapper {
text-align: right !important;
}
.icon-horizontal-right.icon-wrapping-wrap .gem-qf-icon-image-wrapper {
float: right;
width: auto;
}
.icon-horizontal-left.icon-wrapping-wrap .gem-qf-icon-image-wrapper {
float: left;
width: auto;
}
.icon-wrapping-inline {
display: flex;
flex-direction: column;
}
.icon-wrapping-inline .quickfinder-item-info-wrapper {
flex-grow: 1;
}
.icon-wrapping-inline.icon-horizontal-right {
flex-direction: row-reverse;
}
.icon-wrapping-inline.icon-horizontal-left {
flex-direction: row;
}
.icon-wrapping-inline .gem-qf-icon-image-wrapper {
flex-shrink: 2;
} .quickfinder-item {
text-align: center;
position: relative;
}
@media (max-width: 549px) {
.quickfinder-item {
width: 100%;
}
}
.quickfinder.quickfinder-alignment-left .quickfinder-item {
text-align: left;
}
.quickfinder.quickfinder-alignment-right .quickfinder-item {
text-align: right;
}
.quickfinder-style-grid-basic-left-align .gem-qf-icon-image-wrapper,
.quickfinder-style-grid-basic-right-align .gem-qf-icon-image-wrapper {
flex-basis: content;
flex: 0 1;
}
.quickfinder-item a.quickfinder-item-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.gem-qf-icon-image-wrapper {
width: 100%;
height: 100%;
margin-bottom: 25px;
}
.quickfinder.quickfinder-icon-position-top-float .gem-qf-icon-image-wrapper,
.quickfinder.quickfinder-icon-position-center-float .gem-qf-icon-image-wrapper {
margin-bottom: 0;
}
.quickfinder.quickfinder-icon-position-bottom .gem-qf-icon-image-wrapper {
margin-bottom: 0;
margin-top: 25px;
}
.gem-qf-icon-image-wrapper .gem-qf-icon-image-wrapper-content {
display: inline-block;
position: relative;
vertical-align: top;
}
.quickfinder-title {
text-transform: uppercase;
}
.quickfinder-item.col-md-2 .quickfinder-title,
.quickfinder-item.col-md-3 .quickfinder-title,
.quickfinder-item.col-md-5_12 .quickfinder-title,
.quickfinder.quickfinder-title-thin .quickfinder-item.col-md-2 .quickfinder-title,
.quickfinder.quickfinder-title-thin .quickfinder-item.col-md-3 .quickfinder-title {
font-size: 19px;
line-height: 30px;
}
.quickfinder-item.col-md-3 .quickfinder-title,
.quickfinder.quickfinder-title-thin .quickfinder-item.col-md-3 .quickfinder-title {
font-size: 20px;
}
.quickfinder-description {
margin-top: 14px;
}
.quickfinder-item.col-md-5_12 .quickfinder-description,
.quickfinder-item.col-md-2 .quickfinder-description {
font-size: 14px;
line-height: 23px;
}
.quickfinder-item .gem-icon,
.quickfinder-item .gem-icon-inner {
overflow: visible;
} .quickfinder-style-iconed .quickfinder-item-box .gem-qf-icon-image-wrapper {
position: absolute;
left: 0;
width: 100%;
height: auto;
padding: 0 50px;
}
.quickfinder-style-iconed .quickfinder-item-box {
padding-top: 85px !important;
padding: 0px !important;
}
.quickfinder-style-iconed {
padding-top: 60px;
}
.quickfinder-style-iconed:not(.quickfinder-icon-position-bottom) .quickfinder-item-box .gem-qf-icon-image-wrapper {
top: 0;
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.quickfinder-style-iconed.quickfinder-icon-position-bottom .quickfinder-item-box .gem-qf-icon-image-wrapper {
bottom: 0;
-o-transform: translateY(50%);
-ms-transform: translateY(50%);
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.quickfinder-style-iconed:not(.quickfinder-icon-position-bottom) .quickfinder-box-style-strong-outlined .gem-qf-icon-image-wrapper {
margin-top: -2px;
}
.quickfinder-style-iconed.quickfinder-icon-position-bottom .quickfinder-box-style-strong-outlined .gem-qf-icon-image-wrapper {
margin-top: -2px;
}