:root {
--geo_booster_moment_column_width: 12;
}
html,
body {
height: 100%;
margin: 0;
padding: 0;
font-family: 'Arial';
font-style: normal;
}
.geo-booster-d-none {
display: none !important;
}
.geo-booster-container {
max-width: 1920px;
margin: 0 auto;
}
.geo-booster-pins-on-map__big-map {
height: 300px;
margin: 1rem 0;
}
.geo-booster-pins-on-map__big-map__map {
height: 100%;
border-radius: .3rem;
}
.geo-booster__moments {
margin: 0 auto;
}
.geo-booster__moments .geo-booster__moment {
box-sizing: border-box;
width: calc(33.33% - 11px);
min-width:  320px;
margin-bottom: 16px;
border-radius: 8px;
background: #FFFFFF;
border: 1px solid #DCDCDC;
}
.geo-booster__moments .geo-booster__moment__header {
padding: calc(16px + 0.390625vw) calc(16px + 0.390625vw) calc(10px + 0.390625vw) calc(16px + 0.390625vw);
display: flex;
align-items: center;
justify-content: space-between;
}
.geo-booster__moments .geo-booster__moment__header__title {
font-weight: 700;
font-size: calc(12px + 0.390625vw);
color: #000;
}
.geo-booster__moments .geo-booster__moment__header__date {
font-weight: 400;
font-size: calc(8px + 0.390625vw);
color: #B1B1B1;
}
.geo-booster__moments .geo-booster__moment__body {
padding: 0 calc(16px + 0.390625vw) calc(10px + 0.390625vw) calc(16px + 0.390625vw);
}
.geo-booster__moments .geo-booster__moment__body__text {
font-weight: 400;
font-size: calc(8px + 0.390625vw);
color: #000000;
margin-bottom: calc(16px + 0.390625vw);
white-space: pre-line;
}
.geo-booster__moments .geo-booster__moment__body__images {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.geo-booster__moments .geo-booster__moment__body__images img {
width: 123px;
height: 90px;
border-radius: 4px;
object-fit: cover;
}
.geo-booster__moments .geo-booster__moment__body__images img.geo-booster__moment__image {
cursor: pointer;
}
.geo-booster__moments .geo-booster__moment__footer {
padding: 0 calc(16px + 0.390625vw) calc(16px + 0.390625vw) calc(16px + 0.390625vw);
}
.geo-booster__moments .geo-booster__moment__footer__tag {
margin: 0 5px 10px 0;
padding: 6px 8px;
font-weight: 100;
font-size: calc(8px + 0.390625vw);
color: #3D454D;
background: #EDF0F4;
border-radius: 4px;
white-space: nowrap;
}
.geo-booster__moments .geo-booster__moment.geo-booster__moment--dark-background {
background: #EDF0F4;
border: none;
}
.geo-booster__moments .geo-booster__moment.geo-booster__moment--dark-background .geo-booster__moment__footer__tag {
background: #FFF;
}
.geo-booster__moments .geo-booster__grid-sizer {
width: calc(33.33% - 11px);
min-width:  320px;
} 
.geo-booster__lightbox {
opacity: 0;
visibility: hidden;
position: fixed;
left:0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.15s ease-in;
}
.geo-booster__lightbox--show {
background-color: rgba(0,0,0, 0.55);
opacity: 1;
visibility: visible;
z-index: 1000;
}
.geo-booster__lightbox__inner {
position: relative;
}
.geo-booster__lightbox__inner img {
max-width: 70vw;
max-height: 70vh;
border-radius: 4px;
}
.geo-booster__lightbox-loader {
width: 400px;
height: 300px;
display: flex;
} .geo-booster__lightbox__close-lightbox {
position: absolute;
width: 29px;
height: 29px;
right: 6px;
top: 6px;
background: #272c3373;
border-radius: 100%;
cursor: pointer;
z-index: 1000;
}
.geo-booster__lightbox__close-lightbox__inner {
position: absolute;
top: 5px;
right: -4px;
width: 20px;
height: 20px;
}
.geo-booster__lightbox__close-lightbox__inner::after, 
.geo-booster__lightbox__close-lightbox__inner::before{
content: '';
width: 3px;
height: 20px;
background-color: #ddd;
position: absolute;
border-radius: 5px;
transform: rotate(45deg);
}
.geo-booster__lightbox__close-lightbox__inner::before{
transform: rotate(-45deg);
}
.geo-booster__lightbox__close-lightbox__inner:hover::after, 
.geo-booster__lightbox__close-lightbox__inner:hover::before{
background-color: #fff;
} .geo-booster__lightbox__prev {
position: absolute;
width: 29px;
height: 29px;
left: -32px;
top: calc(50% - 14.5px);
background: #272c3373;
border-radius: 100%;
cursor: pointer;
}
.geo-booster__lightbox__prev__inner {
position: absolute;
top: 7px;
right: -4px;
width: 20px;
height: 20px;
}
.geo-booster__lightbox__prev__inner::after, 
.geo-booster__lightbox__prev__inner::before{
content: '';
width: 3px;
height: 10px;
background-color: #ddd;
position: absolute;
border-radius: 5px;
transform: rotate(45deg);
}
.geo-booster__lightbox__prev__inner::before{
transform: rotate(-45deg);
top: 6px;
}
.geo-booster__lightbox__prev__inner:hover::after, 
.geo-booster__lightbox__prev__inner:hover::before{
background-color: #fff;
} .geo-booster__lightbox__next {
position: absolute;
width: 29px;
height: 29px;
right: -32px;
top: calc(50% - 14.5px);
background: #272c3373;
border-radius: 100%;
cursor: pointer;
}
.geo-booster__lightbox__next__inner {
position: absolute;
top: 13px;
right: -4px;
width: 20px;
height: 20px;
}
.geo-booster__lightbox__next__inner::after, 
.geo-booster__lightbox__next__inner::before{
content: '';
width: 3px;
height: 10px;
background-color: #ddd;
position: absolute;
border-radius: 5px;
transform: rotate(45deg);
}
.geo-booster__lightbox__next__inner::before{
transform: rotate(-45deg);
top: -6px;
}
.geo-booster__lightbox__next__inner:hover::after, 
.geo-booster__lightbox__next__inner:hover::before{
background-color: #fff;
}
.geo-booster-loader {
margin: auto;
border: 5px solid #EAF0F6;
border-radius: 50%;
border-top: 5px solid #FF7A59;
width: 60px;
height: 60px;
animation: geo-booster-spinner-animation .5s linear infinite;
}
@keyframes geo-booster-spinner-animation {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}