.countdown-style-3 .countdown-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: auto;
margin-left: auto;
}
.countdown-style-3 .countdown-wrapper .countdown-item {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
}
.countdown-style-3 .wrap > span {
display: block;
margin: 0;
padding: 0;
} .countdown-container.countdown-style-4 {
width: 100%;
}
.countdown-container.countdown-style-4.align-left .countdown-info {
float: left;
}
.countdown-container.countdown-style-4.align-right .countdown-info {
float: right;
}
.countdown-container.countdown-style-4.align-center .countdown-info {
width: 480px;
margin: auto;
}
.countdown-style-4 .countdown-item {
display: block;
float: left;
width: 120px;
}
.countdown-style-4 .wrap {
height: 85px;
}
.countdown-style-4 .countdown-item:not(:last-child) .wrap {
border-right: 1px solid;
}
.countdown-style-4 .item-count {
font-size: 36px;
line-height: 53px;
display: block !important;
width: inherit;
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
.countdown-style-4 .item-title {
display: block;
width: inherit;
text-align: center;
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
.countdown-style-4 .countdown-item .wrap {
border: none !important;
}
.countdown-style-4 .item-count {
font-size: 24px;
line-height: 28px;
}
} .countdown-container.countdown-style-5 {
width: 100%;
text-align: center;
}
.countdown-style-5 .countdown-item {
display: inline-block;
width: 25%;
min-width: 245px;
height: 308px;
position: relative;
padding-top: 0;
}
.countdown-style-5 .wrap {
}
.countdown-style-5 .item-count {
font-size: 50px;
line-height: 69px;
display: block !important;
width: inherit;
text-align: center;
margin: 0;
top: 50%;
transform: translateY(-50%);
z-index: 20;
}
.countdown-style-5 .item-title {
display: block;
width: inherit;
text-align: center;
}
.countdown-style-5 .circle-raphael-days,
.countdown-style-5 .circle-raphael-hours,
.countdown-style-5 .circle-raphael-minutes,
.countdown-style-5 .circle-raphael-seconds {
position: absolute;
z-index: 20;
}
@media (max-width: 768px) {
.countdown-style-5 .countdown-item {
width: 50%;
}
} .countdown-container.countdown-style-6 {
width: 280px;
}
.countdown-container.countdown-style-6.align-left {
float: left;
}
.countdown-container.countdown-style-6.align-right {
float: right;
}
.countdown-container.countdown-style-6.align-center {
margin: auto;
}
.countdown-style-6 .countdown-item {
display: block;
float: left;
width: 130px;
height: 130px;
}
.countdown-style-6 .countdown-item.count-1 {
width: 150px;
}
.countdown-style-6 .countdown-item.count-3 {
width: 150px;
}
.countdown-style-6 .countdown-item-border-1 {
position: absolute;
bottom: 0;
right: 0;
width: 130px;
height: 1px;
background: #b5bcc1;
}
.countdown-style-6 .countdown-item-border-2 {
position: absolute;
bottom: 0;
left: 0;
width: 1px;
height: 130px;
background: #b5bcc1;
}
.countdown-style-6 .countdown-item-border-3 {
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 130px;
background: #b5bcc1;
}
.countdown-style-6 .countdown-item-border-4 {
position: absolute;
top: 0;
left: 0;
width: 130px;
height: 1px;
background: #b5bcc1;
}
.countdown-style-6 .countdown-item.count-1 .item-title,
.countdown-style-6 .countdown-item.count-3 .item-title {
position: absolute;
right: 37px;
}
.countdown-style-6 .countdown-item.count-1 .item-count,
.countdown-style-6 .countdown-item.count-3 .item-count {
position: absolute;
right: 30px;
}
.countdown-style-6 .countdown-item.count-2 .item-title,
.countdown-style-6 .countdown-item.count-4 .item-title {
position: absolute;
right: 7px;
}
.countdown-style-6 .countdown-item.count-2 .item-count,
.countdown-style-6 .countdown-item.count-4 .item-count {
position: absolute;
right: 0;
}
.countdown-style-6 .wrap {
position: relative;
width: 134px;
height: 130px;
}
.countdown-style-6 .count-1 .wrap,
.countdown-style-6 .count-3 .wrap {
width: 150px;
}
.countdown-style-6 .item-title {
display: block;
top: 15px;
}
.countdown-style-6 .item-count {
display: block;
top: 32px;
margin: 0;
}
@media (max-width: 570px) {
.countdown-style-6 .countdown-item {
width: 120px;
height: 120px;
}
.countdown-style-6 .wrap {
width: 120px;
height: 120px;
}
.countdown-style-6 .countdown-item.count-1 .item-title,
.countdown-style-6 .countdown-item.count-3 .item-title {
position: absolute;
right: 27px;
}
.countdown-style-6 .countdown-item.count-1 .item-count,
.countdown-style-6 .countdown-item.count-3 .item-count {
position: absolute;
right: 20px;
}
.countdown-style-6 .item-count {
font-size: 60px;
font-weight: 700;
line-height: 60px;
top: 37px;
}
} .countdown-container.countdown-style-7 {
width: inherit;
}
.countdown-container.countdown-style-7.align-left {
float: left;
clear: left;
}
.countdown-container.countdown-style-7.align-right {
float: right;
clear: right;
}
.countdown-container.countdown-style-7.align-center {
text-align: center;
}
.countdown-container.countdown-style-7 .item-count {
font-size: 100px;
line-height: 100px;
display: block;
height: 120px;
margin: 0;
} .countdown-container .countdown-hours .odometer-inside .odometer-digit:first-child,
.countdown-container .countdown-minutes .odometer-inside .odometer-digit:first-child,
.countdown-container .countdown-seconds .odometer-inside .odometer-digit:first-child {
display: none;
}
.countdown-container .odometer.odometer-theme-minimal {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.countdown-container.countdown-style-6 .odometer.odometer-theme-minimal .odometer-inside {
display: flex;
}
.countdown-container .odometer.odometer-theme-minimal .odometer-digit {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.countdown-container .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
visibility: hidden;
}
.countdown-container .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
text-align: center;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.countdown-container .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
display: block;
}
.countdown-container .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.countdown-container .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.countdown-container .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
width: 100%;
}
.countdown-container .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
-ms-transition: -ms-transform 1s;
-o-transition: -o-transform 1s;
transition: transform 1s;
}
.countdown-container .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.countdown-container .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.countdown-container .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
-ms-transition: -ms-transform 1s;
-o-transition: -o-transform 1s;
transition: transform 1s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.countdown-wrap-link, .countdown-wrap-link:hover {
color: inherit;
}
.countdown-wrap-link {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 999;
}
.elementor-widget-container .countdown-container.countdown-style-4 .countdown-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.countdown-style-5 .countdown-item {
width: auto;
min-width: auto;
height: auto;
vertical-align: top;
}
.countdown-style-6,
.countdown-style-7 {
color: #333;
}
.countdown-container .wrap {
position: relative;
}
.countdown-container .wrap,
.countdown-container .item-title,
.countdown-container .item-count {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}.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(//wildearthoceania.com/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(//wildearthoceania.com/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{
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:hover i {
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-clients {
margin: 0;
}
.gem-clients-type-carousel-grid .gem-clients-slide {
float: left;
width: 100%;
}
.disable-grayscale.gem-clients-type-carousel-grid .gem-client-item a  {
background-color: transparent;
}
.gem-clients-type-carousel-grid .gem-client-item {
padding: 0;
display: flex;
justify-content: center;
}
.gem-clients-slide-inner.clearfix {
margin-left: -5px;
margin-right: -5px;
}
.gem-clients-type-carousel-grid .gem-client-item a {
display: block;
width: 100%;
text-align: center;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.gem-clients-type-carousel-grid .gem-client-item a img {
display: inline-block;
opacity: 0.5;
}
.gem-clients-type-carousel-grid .gem-client-item a:hover img {
opacity: 1;
} .gem-clients .gem-client-item a {
background: none;
}
.gem-clients .gem-client-item a img.gem-grayscale-normal {
filter: grayscale(1);
}
.gem-clients .gem-client-item a:hover img.gem-grayscale-hover {
filter: grayscale(1);
}
.gem-clients .gem-client-item a img,
.gem-clients .gem-client-item a:hover img {
filter: grayscale(0);
}
.gem-client-item a img {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
} .clients-grid .gem-clients-slide-inner {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
}
.clients-grid .gem-clients-type-carousel-grid .gem-client-item a {
overflow: hidden;
align-items: center;
justify-content: center;
display: flex;
margin: 0 5px 10px 5px;
max-height: 200px;
}
.clients-grid .gem-clients-slide .col-xs-1-5 {
width: 20%;
}
@media (min-width: 768px) {
.clients-grid .gem-clients-slide .col-sm-1-5 {
width: 20%;
}
}
@media (min-width: 992px) {
.clients-grid .gem-clients-slide .col-md-1-5 {
width: 20%;
}
}
.clients-grid .caroufredsel_wrapper {
height: auto !important;
}
.clients-grid .gem-clients-grid-carousel {
height: auto !important;
position: inherit !important;
} .clients-carousel .gem_client-carousel {
margin-left: auto;
margin-right: auto;
max-width: 2000px;
}
.clients-carousel .gem_client-carousel.fullwidth-block {
width: 100%;
}
body.elementor-editor-active .clients-carousel .gem_client-carousel {
width: 100%;
}
.clients-carousel .gem-clients-slide-inner {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
}
.clients-carousel .gem-client-item a {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.clients-carousel .gem-client-item a:hover {
background: none;
}
.clients-carousel .gem-client-carousel-navigation a {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
}
.clients-carousel .gem-client-carousel-navigation a:after {
top: auto;
margin-top: auto;
width: 100px;
left: 0;
position: relative;
margin-left: 0;
margin-right: 0;
}