.widget-testimonials {
position: relative;
}
.gem-testimonials-navigation a {
overflow: visible;
}
.gem-testimonials,
.gem-testimonials:hover {
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.testimonials-style-1-item {
position: relative;
display: inline-block;
}
.testimonials-style-1-image {
padding-top: 60px;
height: 190px;
}
.testimonials-style-1-item {
text-align: center;
}
.testimonials-style-1-text {
font-style: inherit;
padding-left: 15px;
padding-right: 15px;
padding-top: 35px;
padding-bottom: 10px;
clear: both;
}
.testimonials-style-1-item .gem-dummy {
margin-left: 62px;
}
.testimonials-style-1-item {
border-top-left-radius: 67px;
border-top-right-radius: 67px;
overflow: hidden;
}
.testimonials-style-1-teg {
border-bottom-left-radius: 67px;
border-bottom-right-radius: 67px;
}
.testimonials-style-1-item .gem-testimonial-position {
padding-top: 4px;
}
.testimonials-style-2-bg {
position: relative;
}
.testimonials-style-2-item .wrap-style {
transform: rotate(270deg);
transform-origin: 0 100%;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: 0 100%;
overflow: visible;
position: absolute;
top: -4px;
left: 50%;
margin-left: 49px;
width: 49px;
height: 100px;
}
.testimonials-style-1-item .wrap-style {
transform: rotate(270deg);
transform-origin: 0 100%;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: 0 100%;
overflow: visible;
position: absolute;
bottom: -2px;
left: 50%;
margin-left: 49px;
width: 49px;
height: 100px;
}
.testimonials-style-1-item .empy_space {
height: 48px;
}
.widget .gem-testimonial-text>.testimonials-style-1-teg,
.widget .gem-testimonial-text>.testimonials-style-2-teg {
margin-bottom: 0;
}
.testimonials-style-2-text.gem-testimonial-text {
padding-left: 20px;
padding-right: 20px;
border-radius: 59px;
}
.testimonials-style-1-text.gem-testimonial-text {
padding: 33px 20px;
}
.gem-widget-testimonials-prev-style-1.gem-prev:after,
.gem-widget-testimonials-next-style-1.gem-next:after,
.gem-widget-testimonials-prev-style-2.gem-prev:after,
.gem-widget-testimonials-next-style-2.gem-next:after {
font-family: thegem-icons;
height: 40px;
width: 40px;
line-height: 1.7;
margin: 0;
left: 0;
}
.widget .testimonials-style-1-name.gem-testimonial-name,
.widget .testimonials-style-2-name.gem-testimonial-name {}
.gem-widget-testimonials-prev-style-1.gem-prev:after,
.gem-widget-testimonials-next-style-1.gem-next:after {
top: 106px;
}
.gem-widget-testimonials-prev-style-2.gem-prev:after,
.gem-widget-testimonials-prev-style-1.gem-prev:after {
content: '\e637';
padding-left: 5px;
}
.gem-widget-testimonials-next-style-2.gem-next:after,
.gem-widget-testimonials-next-style-1.gem-next:after {
content: '\e638';
padding-right: 5px;
}
.gem-widget-testimonials-prev-style-2.gem-prev:after,
.gem-widget-testimonials-next-style-2.gem-next:after {
top: 42px;
}
.testimonials-style-2-item {
border-radius: 60px;
overflow: hidden;
}
.testimonials-style-2-item .gem-testimonial-text {
padding-top: 63px;
border-bottom-left-radius: 60px;
border-bottom-right-radius: 60px;
overflow: hidden;
}
.testimonials.testimonials-style-2,
.testimonials-carousel-style-2,
.testimonials-style-2-text.gem-testimonial-text .testimonials-style-2 {
border-radius: 60px !important;
overflow: hidden !important;
}
.testimonials-style-1-teg {
font-style: normal;
padding-bottom: 50px;
padding-top: 40px;
}
.testimonials-style-1-post.gem-testimonial-company {
margin-top: -3px;
}
.testimonials-style-1-item,
.testimonials-style-2-item {
vertical-align: top;
}
.testimonials-style-1-prev {
left: 17px;
top: 93px;
font-family: thegem-icons;
content: '\e601';
font-size: 20px;
position: absolute;
outline: none;
}
.testimonials-style-1-next {
right: 17px;
top: 93px;
font-family: thegem-icons;
content: '\e601';
font-size: 18px;
position: absolute;
outline: none;
}
.testimonials-style-1-teg {
font-size: 30px;
font-family: thegem-icons;
}
.testimonials-style-1-image img {
height: 128px;
width: 128px;
}
.testimonials-style-2-teg {
padding-top: 38px;
padding-bottom: 38px;
}
.testimonials-style-2-text {
font-style: inherit;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
text-align: center;
padding-bottom: 20px;
}
.testimonials-style-2-name {
padding-top: 14px;
}
.testimonials-style-2 {
text-align: center;
position: relative;
}
.testimonials-style-2-bg {
padding-bottom: 47px;
text-align: center;
margin-top: -47px;
}
.triangle-with-shadow.trangle-style-2 {
margin-top: -1px;
}
.testimonials-style-2-image {
margin-top: 114px;
position: relative;
height: 128px;
}
.testimonials-style-2-item .gem-dummy {
margin-left: 64px;
}
.testimonials-style-2-item {
display: inline-block;
text-align: center;
}
.testimonials-style-2-prev {
left: 17px;
bottom: 180px;
font-family: thegem-icons;
content: '\e601';
font-size: 20px;
position: absolute;
outline: none;
}
.testimonials-style-2-next {
right: 17px;
bottom: 180px;
font-family: thegem-icons;
content: '\e601';
font-size: 18px;
position: absolute;
outline: none;
}
.testimonials-style-2-teg {
font-size: 60px;
font-family: thegem-icons;
font-style: normal;
}
.testimonials-style-2-text>p {
margin-bottom: 0px;
}
.testimonials-style-2-image img {
height: 128px;
width: 128px;
}
.gem-widget-testimonials-prev-style-1.gem-prev:after {
top: 106px;
font-size: 24px;
font-family: thegem-icons;
}
.gem-widget-testimonials-next-style-1.gem-next:after {
top: 106px;
font-size: 24px;
font-family: thegem-icons;
}
.gem-widget-testimonials-prev-style-2.gem-prev:after {
position: absolute;
font-size: 24px;
font-family: thegem-icons;
}
.gem-widget-testimonials-next-style-2.gem-next:after {
position: absolute;
font-size: 24px;
font-family: thegem-icons;
}
.triangle-with-shadow {
width: 100px;
height: 40px;
display: inline-block;
position: relative;
overflow: hidden;
}
.triangle-with-shadow:after {
content: "";
position: absolute;
width: 50px;
height: 50px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
top: -25px;
left: 25px;
}
.testimonials-style-1-block {
margin-bottom: 10px;
text-align: center;
}
.testimonials-style-1-post {
padding-top: 3px;
}
.testimonials-style-2-post {
padding-top: 3px;
}
.gem-testimonials-carousel-wrap .testimonials-style-2-bg .testimonials-style-2-post a {
padding-top: 3px;
}
.testimonials-style-2-text {
position: relative;
}
.testimonials-style-1-block .gem-testimonials-carousel-wrap {
margin-bottom: -1px;
text-align: center;
}
.testimonials-style-2-bg {
padding-top: 3px;
}
.testimonials-style-2-item .gem-dummy {
height: 128px;
width: 128px;
}
.testimonials-style-1-item .gem-dummy {
height: 128px;
width: 128px;
}
.gem-testimonials.style1 svg {
display: none;
}
.testimonials-style-1-name.gem-testimonial-name,
.testimonials-style-2-name.gem-testimonial-name {
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 14px;
}
.testimonials-style-1-teg {
font-size: 58px;
}
body .thegem-widget-testimonial .testimonials-style-1-teg {
color: #a3e7f0;
}
.thegem-widget-testimonial .testimonials-style-2-teg {
color: #a3e7f0;
}
.gem-testimonial-item {
float: left;
width: 100%;
}
.gem-testimonials .gem-testimonials-carousel-wrap .quote-color-added.gem-testimonial-wrapper p:after,
.gem-testimonials .gem-testimonials-carousel-wrap .quote-color-added.gem-testimonial-wrapper:after {
display: none;
}
.gem-testimonials .gem-testimonials-carousel-wrap .quote-color-added.gem-testimonial-wrapper p {
display: inline;
}
.gem-testimonials.style1 .custom-color-blockqute-mark,
.gem-testimonials.style1 .gem-testimonial-wrapper:after {
content: '\e60c';
display: block;
font-family: 'thegem-icons';
text-align: center;
font-size: 60px;
height: 33px;
line-height: 33px;
padding-top: 40px;
vertical-align: top;
font-style: normal;
font-weight: normal;
}
.gem-testimonial-text {
font-size: 32px;
text-align: center;
padding: 14px 80px 0;
line-height: 1.2;
font-style: normal;
}
.gem-testimonial-text p {
margin: 0;
}
.gem-testimonial-image {
margin: 0 auto;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.gem-testimonial-image img {
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
width: 100%;
}
.gem-testimonial-image span {
display: inline-block;
vertical-align: top;
overflow: hidden;
width: 100%;
position: relative;
}
.gem-testimonial-image span::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
}
.gem-testimonial-image a:hover::before,
.gem-testimonial-image:hover span::before {
opacity: 1;
}
.gem-testimonial-name {
text-align: center;
text-transform: uppercase;
}
.gem-testimonial-position {
line-height: 1.421;
text-align: center;
}
.gem-testimonials-carousel-wrap {
position: relative;
overflow: hidden;
}
.gem-testimonial-wrapper {
padding-bottom: 35px;
}
.gem-testimonials.size-small .gem-testimonial-image {
width: 80px;
height: 80px;
}
.gem-testimonials.size-medium .gem-testimonial-image {
width: 128px;
height: 128px;
}
.gem-testimonials.size-large .gem-testimonial-image {
width: 160px;
height: 160px;
}
.gem-testimonials.size-xlarge .gem-testimonial-image {
width: 240px;
height: 240px;
}
.gem-testimonials.style1 .gem-testimonial-content div {
text-align: center;
}
.gem-testimonials.style1 .gem-testimonial-name {
padding-top: 35px;
}
.gem-testimonials.style2 .gem-testimonial-image {
float: left;
display: table-cell;
}
.gem-testimonials.style2 .gem-testimonial-content {
display: table-cell;
padding-left: 38px;
}
.gem-testimonials.style2 .gem-testimonial-content div {
text-align: left;
}
.gem-testimonials.style2 .gem-testimonial-text {
padding: 0;
margin-top: 14px;
}
.gem-testimonial-company,
.gem-testimonial-position {
font-size: 14px;
}
.gem-testimonial-content .gem-testimonial-name {
font-size: 14px;
margin: 0;
}
.style2.gem-testimonials {
border-radius: 55px;
}
.style2 .gem-testimonial-wrapper {
padding: 0px 90px;
}
.gem-testimonials.style2 .gem-testimonial-wrapper .custom-color-blockqute-mark,
.gem-testimonials.style2 .gem-testimonial-wrapper p:after {
content: '\e60c';
font-family: 'thegem-icons';
font-size: 60px;
height: 33px;
display: inline-block;
line-height: 33px;
padding-top: 30px;
vertical-align: top;
margin-left: 20px;
font-style: normal;
font-weight: normal;
}
@media (max-width: 768px) {
.style2 .gem-testimonial-wrapper {
padding: 0px 50px;
}
.gem-testimonials.style2 .gem-testimonial-wrapper .custom-color-blockqute-mark,
.gem-testimonials.style2 .gem-testimonial-wrapper p:after {
display: block;
}
}
.style1 .gem-testimonial-wrapper:after,
.style2 .gem-testimonial-wrapper p:after {
color: #a3e7f0;
}
.testimonials_svg {
bottom: -56px;
margin-left: 105px;
}
.gem-testimonials.fullwidth-block.style2 .testimonials_svg {
margin-left: 23%;
position: absolute;
bottom: -56px;
}
@media (min-width: 1900px) {
.gem-testimonials.fullwidth-block.style2 .testimonials_svg {
left: 50%;
margin-left: -450px;
}
}
.gem-testimonials.style2 {
position: relative;
}
.gem-testimonials.style2 .testimonials_svg {
margin-left: 105px;
position: absolute;
}
.style2.gem-testimonials {
margin-bottom: 60px;
}
.gem-testimonials.style2 .gem-testimonial-item {
float: left;
padding: 73px 0;
}
.gem-testimonials .gem-prev:after,
.gem-testimonials .gem-next:after {
position: absolute;
font-family: 'thegem-icons';
top: 50%;
margin-top: 0px;
left: 50%;
width: 40px;
transform: translate(-50%, -50%);
font-size: 24px;
height: 40px;
line-height: 40px;
text-align: center;
text-indent: 0;
font-weight: normal;
margin: 0;
}
.gem-testimonials .gem-prev:after,
.gem-testimonials .gem-next:after {
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.gem-testimonials .gem-prev:hover:after,
.gem-testimonials .gem-next:hover:after {
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.gem-testimonials .gem-prev,
.gem-testimonials .gem-next {
width: 40px;
}
.gem-testimonials-carousel {
overflow: hidden !important;
}
.style2.gem-testimonials.fullwidth-block {
background-color: transparent;
}
.style2.gem-testimonials.fullwidth-block .container {
border-radius: 55px;
}
.gem-testimonials.fullwidth-block .gem-prev,
.gem-testimonials.fullwidth-block .gem-next {
width: 80px;
}
.gem-testimonials.fullwidth-block .gem-prev:after,
.gem-testimonials.fullwidth-block .gem-next:after {
position: absolute;
font-family: 'thegem-icons';
top: 50%;
left: 50%;
width: 80px;
font-size: 48px;
height: 80px;
line-height: 80px;
text-align: center;
text-indent: 0;
font-weight: normal;
background-color: transparent;
transform: translate(-50%, -50%);
margin: 0;
}
.widget .testimonials-style-2 .gem-dummy,
.widget .testimonials-style-1 .gem-dummy {
background-image: url(//inshine.nl/wp-content/plugins/thegem-elements-elementor/inc/elementor/widgets/testimonials/assets/images/default-avatar.png);
background-size: 100%;
}
.widget .testimonials-style-2 .gem-dummy:after,
.widget .testimonials-style-1 .gem-dummy:after {
display: none;
}
@media (max-width: 768px) {
.gem-testimonial-text {
font-size: 23px;
padding: 30px 40px;
}
.gem-testimonial-wrapper {
padding: 20px;
padding-bottom: 50px;
}
.gem-testimonial-text {
padding: 14px 45px 0;
}
.gem-testimonials.style2 .gem-testimonial-image {
display: block;
float: none;
}
.gem-testimonials.style2 .gem-testimonial-content {
display: block;
padding-left: 0;
}
.gem-testimonial-name,
.gem-testimonial-company,
.gem-testimonial-text {
text-align: center;
}
.gem-testimonials.style2 .gem-testimonial-content div {
text-align: center;
}
.gem-testimonials.style2 .gem-testimonial-content {
padding-top: 40px;
}
.gem-testimonials.style2 .gem-testimonial-wrapper p:after {
width: 100%;
display: inline-block;
margin-left: 0px;
padding-bottom: 40px;
}
.gem-testimonials.fullwidth-block .gem-prev,
.gem-testimonials.fullwidth-block .gem-next {
width: 40px;
}
.style2.gem-testimonials.fullwidth-block {
padding: 0 20px;
}
.testimonials_svg {
text-align: center;
margin-left: 0;
}
.gem-testimonials.fullwidth-block .gem-prev:after,
.gem-testimonials.fullwidth-block .gem-next:after {
position: absolute;
font-family: 'thegem-icons';
top: 50%;
margin-top: 0px;
left: 50%;
width: 40px;
font-size: 24px;
height: 40px;
line-height: 40px;
text-align: center;
text-indent: 0;
font-weight: normal;
margin-top: -20px;
}
} #colophon.testimonials-style-2-text.gem-testimonial-text,
#colophon.testimonials-style-1-image,
#colophon.testimonials-style-1-text.gem-testimonial-text,
#colophon.testimonials-style-1-name,
#colophon.testimonials-style-1-post,
#colophon.testimonials-style-1-teg {
background-color: #2c2e3d;
}
.gem-widget-testimonials-prev-style-1.gem-prev:after,
.gem-widget-testimonials-next-style-1.gem-next:after,
.gem-widget-testimonials-prev-style-1.gem-prev:hover:after,
.gem-widget-testimonials-next-style-1.gem-next:hover:after,
.gem-widget-testimonials-prev-style-2.gem-prev:after,
.gem-widget-testimonials-next-style-2.gem-next:after,
.gem-widget-testimonials-prev-style-2.gem-prev:hover:after,
.gem-widget-testimonials-next-style-2.gem-next:hover:after {
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#colophon .testimonials-style-2-item .wrap-style {
fill: #2c2e3d;
}
#colophon .testimonials-style-2-text.gem-testimonial-text {
background-color: #2c2e3d;
}
#colophon .gem-testimonial-text p {
color: #99A9B6;
}
#colophon .testimonials-style-2-item {
background-color: #181828;
}
#colophon .testimonials-style-1-image,
#colophon .testimonials-style-1-text.gem-testimonial-text,
#colophon .testimonials-style-1-name,
#colophon .testimonials-style-1-post,
#colophon .testimonials-style-1-teg {
background-color: #2c2e3d !important;
}
#colophon .testimonials-style-1-item .wrap-style {
fill: #2c2e3d;
}
#colophon .testimonials-style-1 .gem-prev:after,
#colophon .testimonials-style-1 .gem-next:after {
background-color: #181828;
color: #fff
}
#colophon .testimonials-style-1 a:hover:after,
#colophon .testimonials-style-1 a:hover:after {
color: #00bcd4
}
#colophon .testimonials-style-2 .gem-prev:after,
#colophon .testimonials-style-2 .gem-next:after {
background-color: #2c2e3d;
color: #fff
}
#colophon .testimonials-style-2 a:hover:after,
#colophon .testimonials-style-2 a:hover:after {
color: #00bcd4
}.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(//inshine.nl/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(//inshine.nl/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;
}.styled-image-wrapper::after {
content: "";
display: block;
clear: both;
}
.styled-image-wrapper .gem-image a img {
transition: all 0.5s;
}
.gem-wrapbox, .gem-image-centered-box {
margin-bottom: 0;
}
.gem-image a {
display: block;
}
.gem-image a:after{
content: none;
}
.gem-image a:before {
top: 0;
background-color: unset;
}
.gem-image a i,
.gem-image a svg {
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;
color: #ffffff;
}
.gem-image a svg {
width: 1em;
height: 1em;
fill: currentColor;
}
.gem-image a:hover i,
.gem-image a:hover svg {
top: 50%;
opacity: 1;
transition: opacity 0.5s, top 0.3s;
-webkit-transition: opacity 0.5s, top 0.3s;
}
.gem-wrapbox-style-13 .gem-wrapbox-inner {
overflow: hidden;
border-radius: 50%;
z-index: 1;
}
.gem-wrapbox-style-13 .gem-wrapbox-inner:after {
content: "";
position: absolute;
z-index: 1;
top: unset;
left: unset;
right: unset;
bottom: unset;
border: none;
}.gem-quote {
position: relative;
overflow: hidden;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.gem-quote blockquote div,
.gem-quote blockquote p,
.gem-quote blockquote {
margin: 0;
}
.gem-quote.gem-quote-style-default {
padding: 3px;
border: 1px solid #c9d2d9;
}
.gem-quote.gem-quote-style-default blockquote {
margin: 0px;
font-size: 24px;
line-height: 37px;
font-weight: 100;
padding: 60px 80px;
border: 1px solid #e9edf0;
}
.gem-quote.gem-quote-style-1 {
font-size: 24px;
line-height: 37px;
padding: 67px 87px;
font-weight: 200;
}
.gem-quote.gem-quote-style-2 {
color: #bcc6cd;
font-weight: 200;
padding: 67px 87px;
font-size: 24px;
line-height: 37px;
background-color: #2c3e50;
}
.gem-quote.gem-quote-style-2 blockquote {
color: #b6c6c9;
}
.gem-quote.gem-quote-style-3 blockquote {
text-transform: uppercase;
margin: 0px;
font-size: 19px;
padding: 67px 87px;
letter-spacing: 0.085em;
line-height: 1.85em;
border: 1px solid #e9edf0;
}
.gem-quote.gem-quote-style-3 {
padding: 4px;
color: #2c3e50;
border: 1px solid #c9d2d9;
background: transparent;
}
.gem-quote.gem-quote-style-4 {
color: #2c3e50;
letter-spacing: 0.085em;
padding: 72px 92px;
text-transform: uppercase;
}
.gem-quote.gem-quote-style-5 {
padding: 72px 92px;
text-transform: uppercase;
letter-spacing: 0.085em;
background-color: #2c3e50;
color: #ffffff;
}
.gem-quote .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-default:after,
.gem-quote.gem-quote-style-1:after,
.gem-quote.gem-quote-style-2:after,
.gem-quote.gem-quote-style-3:after,
.gem-quote.gem-quote-style-4:after,
.gem-quote.gem-quote-style-5:after {
position: absolute;
font-family: thegem-icons;
content: '\e60c';
font-size: 76px;
right: 67px;
}
.gem-quote.gem-quote-style-1 blockquote,
.gem-quote.gem-quote-style-2 blockquote,
.gem-quote.gem-quote-style-4 blockquote,
.gem-quote.gem-quote-style-5 blockquote {
padding: 0;
background-color: transparent;
}
.gem-quote.gem-quote-style-default blockquote,
.gem-quote.gem-quote-style-3 blockquote {
background-color: transparent;
}
.gem-quote.gem-quote-style-default blockquote:after,
.gem-quote.gem-quote-style-1 blockquote:after,
.gem-quote.gem-quote-style-2 blockquote:after,
.gem-quote.gem-quote-style-3 blockquote:after,
.gem-quote.gem-quote-style-4 blockquote:after,
.gem-quote.gem-quote-style-5 blockquote:after {
display: none;
}
.gem-quote.gem-quote-style-2.gem-quote .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-1.gem-quote .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-1:after,
.gem-quote.gem-quote-style-2:after,
.gem-quote.gem-quote-style-4:after,
.gem-quote.gem-quote-style-5:after {
bottom: 6px;
}
.custom-color-blockqute-mark-added.gem-quote:after {
display: none;
}
.gem-quote .custom-color-blockqute-mark,
.gem-quote .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-default:after,
.gem-quote.gem-quote-style-3:after {
bottom: 11px;
}
.gem-quote.gem-quote-style-default:after {
color: #e7ebee;
}
.gem-quote.gem-quote-style-1:after {
color: #a3e7f0;
}
.gem-quote.gem-quote-style-2:after {
color: #4dd0e1;
}
.gem-quote.gem-quote-style-3:after {
color: #e7ebee;
}
.gem-quote.gem-quote-style-4:after {
color: #a3e7f0;
}
.gem-quote.gem-quote-style-5:after {
color: #4dd0e1;
}
.gem-quote.gem-quote-style-1.gem-quote-no-paddings,
.gem-quote.gem-quote-style-2.gem-quote-no-paddings,
.gem-quote.gem-quote-style-4.gem-quote-no-paddings,
.gem-quote.gem-quote-style-5.gem-quote-no-paddings {
padding-left: 50px;
padding-right: 20px;
padding-top: 50px;
padding-bottom: 50px;
}
@media (max-width:767px) {
.gem-quote.gem-quote-style-1,
.gem-quote.gem-quote-style-2,
.gem-quote.gem-quote-style-4,
.gem-quote.gem-quote-style-5,
.gem-quote.gem-quote-style-1.gem-quote-no-paddings,
.gem-quote.gem-quote-style-2.gem-quote-no-paddings,
.gem-quote.gem-quote-style-4.gem-quote-no-paddings,
.gem-quote.gem-quote-style-5.gem-quote-no-paddings {
padding-left: 25px;
padding-right: 10px;
padding-top: 25px;
padding-bottom: 50px;
}
}
.gem-quote.gem-quote-style-default.gem-quote-no-paddings blockquote,
.gem-quote.gem-quote-style-3.gem-quote-no-paddings blockquote {
padding-left: 39px;
padding-right: 20px;
padding-top: 44px;
padding-bottom: 50px;
}
@media (max-width:767px) {
.gem-quote.gem-quote-style-default blockquote,
.gem-quote.gem-quote-style-3 blockquote,
.gem-quote.gem-quote-style-default.gem-quote-no-paddings blockquote,
.gem-quote.gem-quote-style-3.gem-quote-no-paddings blockquote {
padding-left: 19px;
padding-right: 10px;
padding-top: 22px;
padding-bottom: 50px;
}
}
.gem-quote.gem-quote-style-default.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-1.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-2.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-4.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-5.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-default.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-1.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-2.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-4.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-5.gem-quote-no-paddings:after {
font-size: 67px;
right: 35px;
bottom: 4px;
}
.gem-quote.gem-quote-style-default.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-3.gem-quote-no-paddings:after {
font-size: 67px;
right: 35px;
bottom: 10px;
}.elementor-widget.elementor-icon-list--layout-inline .elementor-widget-container,.elementor-widget:not(:has(.elementor-widget-container)) .elementor-widget-container{overflow:hidden}.elementor-widget .elementor-icon-list-items.elementor-inline-items{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-inline-item{word-break:break-word}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-left:8px;margin-right:8px}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{border-bottom:0;border-left-width:1px;border-right:0;border-top:0;border-style:solid;height:100%;left:auto;position:relative;right:auto;right:-8px;width:auto}.elementor-widget .elementor-icon-list-items{list-style-type:none;margin:0;padding:0}.elementor-widget .elementor-icon-list-item{margin:0;padding:0;position:relative}.elementor-widget .elementor-icon-list-item:after{bottom:0;position:absolute;width:100%}.elementor-widget .elementor-icon-list-item,.elementor-widget .elementor-icon-list-item a{align-items:var(--icon-vertical-align,center);display:flex;font-size:inherit}.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text{align-self:center;padding-inline-start:5px}.elementor-widget .elementor-icon-list-icon{display:flex;position:relative;top:var(--icon-vertical-offset,initial)}.elementor-widget .elementor-icon-list-icon svg{height:var(--e-icon-list-icon-size,1em);width:var(--e-icon-list-icon-size,1em)}.elementor-widget .elementor-icon-list-icon i{font-size:var(--e-icon-list-icon-size);width:1.25em}.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon{text-align:var(--e-icon-list-icon-align)}.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg{margin:var(--e-icon-list-icon-margin,0 calc(var(--e-icon-list-icon-size, 1em) * .25) 0 0)}.elementor-widget.elementor-list-item-link-full_width a{width:100%}.elementor-widget.elementor-align-center .elementor-icon-list-item,.elementor-widget.elementor-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-align-left .elementor-icon-list-item,.elementor-widget.elementor-align-left .elementor-icon-list-item a{justify-content:flex-start;text-align:left}.elementor-widget.elementor-align-left .elementor-inline-items{justify-content:flex-start}.elementor-widget.elementor-align-right .elementor-icon-list-item,.elementor-widget.elementor-align-right .elementor-icon-list-item a{justify-content:flex-end;text-align:right}.elementor-widget.elementor-align-right .elementor-icon-list-items{justify-content:flex-end}.elementor-widget:not(.elementor-align-right) .elementor-icon-list-item:after{left:0}.elementor-widget:not(.elementor-align-left) .elementor-icon-list-item:after{right:0}@media (min-width:-1){.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-widescreen-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-widescreen-align-left .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-left .elementor-icon-list-item a{justify-content:flex-start;text-align:left}.elementor-widget.elementor-widescreen-align-left .elementor-inline-items{justify-content:flex-start}.elementor-widget.elementor-widescreen-align-right .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-right .elementor-icon-list-item a{justify-content:flex-end;text-align:right}.elementor-widget.elementor-widescreen-align-right .elementor-icon-list-items{justify-content:flex-end}.elementor-widget:not(.elementor-widescreen-align-right) .elementor-icon-list-item:after{left:0}.elementor-widget:not(.elementor-widescreen-align-left) .elementor-icon-list-item:after{right:0}}@media (max-width:-1){.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-laptop-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-laptop-align-left .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-left .elementor-icon-list-item a{justify-content:flex-start;text-align:left}.elementor-widget.elementor-laptop-align-left .elementor-inline-items{justify-content:flex-start}.elementor-widget.elementor-laptop-align-right .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-right .elementor-icon-list-item a{justify-content:flex-end;text-align:right}.elementor-widget.elementor-laptop-align-right .elementor-icon-list-items{justify-content:flex-end}.elementor-widget:not(.elementor-laptop-align-right) .elementor-icon-list-item:after{left:0}.elementor-widget:not(.elementor-laptop-align-left) .elementor-icon-list-item:after{right:0}.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-tablet_extra-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-tablet_extra-align-left .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-left .elementor-icon-list-item a{justify-content:flex-start;text-align:left}.elementor-widget.elementor-tablet_extra-align-left .elementor-inline-items{justify-content:flex-start}.elementor-widget.elementor-tablet_extra-align-right .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-right .elementor-icon-list-item a{justify-content:flex-end;text-align:right}.elementor-widget.elementor-tablet_extra-align-right .elementor-icon-list-items{justify-content:flex-end}.elementor-widget:not(.elementor-tablet_extra-align-right) .elementor-icon-list-item:after{left:0}.elementor-widget:not(.elementor-tablet_extra-align-left) .elementor-icon-list-item:after{right:0}}@media (max-width:1024px){.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-tablet-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-tablet-align-left .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-left .elementor-icon-list-item a{justify-content:flex-start;text-align:left}.elementor-widget.elementor-tablet-align-left .elementor-inline-items{justify-content:flex-start}.elementor-widget.elementor-tablet-align-right .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-right .elementor-icon-list-item a{justify-content:flex-end;text-align:right}.elementor-widget.elementor-tablet-align-right .elementor-icon-list-items{justify-content:flex-end}.elementor-widget:not(.elementor-tablet-align-right) .elementor-icon-list-item:after{left:0}.elementor-widget:not(.elementor-tablet-align-left) .elementor-icon-list-item:after{right:0}}@media (max-width:-1){.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-mobile_extra-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-mobile_extra-align-left .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-left .elementor-icon-list-item a{justify-content:flex-start;text-align:left}.elementor-widget.elementor-mobile_extra-align-left .elementor-inline-items{justify-content:flex-start}.elementor-widget.elementor-mobile_extra-align-right .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-right .elementor-icon-list-item a{justify-content:flex-end;text-align:right}.elementor-widget.elementor-mobile_extra-align-right .elementor-icon-list-items{justify-content:flex-end}.elementor-widget:not(.elementor-mobile_extra-align-right) .elementor-icon-list-item:after{left:0}.elementor-widget:not(.elementor-mobile_extra-align-left) .elementor-icon-list-item:after{right:0}}@media (max-width:767px){.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-mobile-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-mobile-align-left .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-left .elementor-icon-list-item a{justify-content:flex-start;text-align:left}.elementor-widget.elementor-mobile-align-left .elementor-inline-items{justify-content:flex-start}.elementor-widget.elementor-mobile-align-right .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-right .elementor-icon-list-item a{justify-content:flex-end;text-align:right}.elementor-widget.elementor-mobile-align-right .elementor-icon-list-items{justify-content:flex-end}.elementor-widget:not(.elementor-mobile-align-right) .elementor-icon-list-item:after{left:0}.elementor-widget:not(.elementor-mobile-align-left) .elementor-icon-list-item:after{right:0}}#left-area ul.elementor-icon-list-items,.elementor .elementor-element ul.elementor-icon-list-items,.elementor-edit-area .elementor-element ul.elementor-icon-list-items{padding:0}.gem-gallery {
margin-bottom: 1.421em;
}
.gem-gallery-preview-carousel-wrap,
.gem-gallery-thumbs-carousel-wrap {
position: relative;
}
.gem-gallery.no-thumbs .gem-gallery-thumbs-carousel-wrap {
display: none;
}
.gem-gallery-preview-pagination {
padding-top: 25px;
}
.gem-gallery .gem-gallery-item {
float: left;
position: relative;
text-align: center;
}
.gem-gallery .gem-gallery-item a {
display: inline-block;
vertical-align: top;
}
.gem-gallery .gem-gallery-preview-carousel-wrap {
overflow: hidden;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap {
padding: 0 80px;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev,
.gem-gallery .gem-gallery-thumbs-navigation .gem-next {
width: 80px;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:after,
.gem-gallery .gem-gallery-thumbs-navigation .gem-next:after {
width: 80px;
height: 80px;
line-height: 80px;
margin-top: -40px;
margin-left: -40px;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:not(:hover):after,
.gem-gallery .gem-gallery-thumbs-navigation .gem-next:not(:hover):after {
background-color: #dfe5e8;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:after {
content: '\e637';
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-next:after {
content: '\e638';
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item {
padding: 18px 0 0;
margin: 0 9px;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a {
position: relative;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active a:before,
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a:hover:before {
opacity: 0.7;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a img {
width: 80px;
height: 80px;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active a {
position: relative;
overflow: visible;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active a img {
opacity: 1;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item svg.arrow-mark {
display: none;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item svg.arrow-mark {
position: absolute;
height: 10px;
top: -10px;
left: 50%;
margin-left: -10px;
width: 20px;
opacity: 0;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active svg.arrow-mark {
opacity: 1;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-prev,
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-next {
top: 18px;
}
.gem-gallery-slider-thumbs-carousel-wrap .gem-gallery-caption {
display: none;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a {
display: block;
position: relative;
overflow: hidden;
text-align: center;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item img {
display: inline-block;
height: auto;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.3s linear 0.4s;
-moz-transition: all 0.3s linear 0.4s;
-webkit-transition: all 0.3s linear 0.4s;
opacity: 0;
z-index: 5;
}
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:before {
opacity: 1;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a img {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a img {
transition: all 0.3s linear 0.2s;
-moz-transition: all 0.3s linear 0.2s;
-webkit-transition: all 0.3s linear 0.2s;
}
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-prev,
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-next {
z-index: 5;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-prev:after,
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-next:after {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
opacity: 0;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-prev:after {
transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-next:after {
transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
}
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-prev:after,
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-next:after {
transform: none;
-o-transform: none;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
opacity: 1;
}
@media (max-width: 756px) {
.gem-gallery .gem-gallery-thumbs-carousel-wrap {
padding: 0 25px;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev,
.gem-gallery .gem-gallery-thumbs-navigation .gem-next {
width: 25px;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:not(:hover):after,
.gem-gallery .gem-gallery-thumbs-navigation .gem-next:not(:hover):after {
background: transparent;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:after {
content: '\e636';
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-next:after {
content: '\e634';
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item {
margin: 0 7px;
}
} .gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item a:before{
background-color: rgba(0, 188, 212, 0.8);
}
.gem-gallery-hover-default .gem-gallery-thumbs-carousel-wrap .gem-gallery-item .gem-gallery-item-image a:hover:before {
background-color: #00bcd4;
}
.gem-gallery-hover-default .gem-gallery-thumbs-carousel-wrap .active .gem-gallery-item-image a:before {
background-color: #00bcd4;
}
.gem-gallery-hover-default .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active svg.arrow-mark {
fill: #00bcd4;
}
.gem-gallery-hover-default .gem-gallery-caption {
color: #fff;
}
.gem-gallery-hover-zooming-blur .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active svg.arrow-mark {
fill: #fff;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-caption .gem-gallery-item-title,
.gem-gallery-hover-vertical-sliding .gem-gallery-caption .gem-gallery-item-title {
font-family: 'Montserrat UltraLight';
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active svg.arrow-mark {
fill: #46485c;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-caption {
color: #fff;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active svg.arrow-mark {
fill: rgb(244, 67, 54);
}
.gem-gallery-hover-vertical-sliding .gem-gallery-caption {
color: #fff;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active svg.arrow-mark {
fill: rgb(244, 67, 54);
}
.gem-gallery-hover-vertical-sliding .gem-gallery-caption {
color: #fff;
}
.gem-gallery-hover-gradient .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active svg.arrow-mark {
fill: rgba(255,43,88);
}
.gem-gallery-hover-gradient .gem-gallery-caption {
color: #fff;
}
.gem-gallery-hover-gradient .gem-gallery-thumbs-carousel-wrap .gem-gallery-item .gem-gallery-item-image a:hover:before {
background: linear-gradient(to right, rgba(255,43,88,0.8) 0%,rgba(255,216,0,0.8) 100%);
}
.gem-gallery-hover-gradient .gem-gallery-thumbs-carousel-wrap .active .gem-gallery-item-image a:before {
background: linear-gradient(to right, rgba(255,43,88,0.8) 0%,rgba(255,216,0,0.8) 100%);
}
.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
content: none!important;
}
.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item i.photo-icon,
.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item svg.photo-icon {
font-style: normal;
font-size: 58px;
height: 58px;
line-height: 58px;
width: 58px;
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 i.photo-icon,
.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item svg.photo-icon {
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: none!important;
}
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item i.photo-icon,
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item svg.photo-icon {
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;
background-color: #3c3950;
}
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item i.photo-icon,
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item svg.photo-icon {
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: none!important;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item i.photo-icon,
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item svg.photo-icon {
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;
background-color: rgba(255, 255, 255, 0.8);
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item i.photo-icon,
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item svg.photo-icon {
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: none!important;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item i.photo-icon,
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item svg.photo-icon {
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 i.photo-icon,
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item svg.photo-icon {
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: none!important;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item i.photo-icon,
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item svg.photo-icon {
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 i.photo-icon,
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item svg.photo-icon {
-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;
}
.gem-gallery-thumbs-carousel i.photo-icon,
.gem-gallery-thumbs-carousel svg.photo-icon {
display: none;
}
.gem-gallery-preview-pagination a{
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.gem-gallery-preview-carousel img{
width: 100%;
}
.gem-gallery-item i.photo-icon,
.gem-gallery-item svg.photo-icon {
color: #fff;
fill: #fff;
}
.gem-gallery-preview-navigation a{
overflow: visible;
}
.gem-gallery-thumbs-carousel-wrap .gem-gallery-caption {
display: none;
}