@font-face {
  font-family: Nunito-Black;
  src: url('fonts/nunito/Nunito-Black.ttf');
}

@font-face {
  font-family: Nunito-BlackItalic;
  src: url('fonts/nunito/Nunito-BlackItalic.ttf');
}

@font-face {
  font-family: Nunito-Bold;
  src: url('fonts/nunito/Nunito-Bold.ttf');
}

@font-face {
  font-family: Nunito-BoldItalic;
  src: url('fonts/nunito/Nunito-BoldItalic.ttf');
}

@font-face {
  font-family: Nunito-ExtraBold;
  src: url('fonts/nunito/Nunito-ExtraBold.ttf');
}

@font-face {
  font-family: Nunito-ExtraBoldItalic;
  src: url('fonts/nunito/Nunito-ExtraBoldItalic.ttf');
}

@font-face {
  font-family: Nunito-ExtraLight;
  src: url('fonts/nunito/Nunito-ExtraLight.ttf');
}

@font-face {
  font-family: Nunito-ExtraLightItalic;
  src: url('fonts/nunito/Nunito-ExtraLightItalic.ttf');
}

@font-face {
  font-family: Nunito-Italic;
  src: url('fonts/nunito/Nunito-Italic.ttf');
}

@font-face {
  font-family: Nunito-Light;
  src: url('fonts/nunito/Nunito-Light.ttf');
}

@font-face {
  font-family: Nunito-LightItalic;
  src: url('fonts/nunito/Nunito-LightItalic.ttf');
}

@font-face {
  font-family: Nunito-Regular;
  src: url('fonts/nunito/Nunito-Regular.ttf');
}

@font-face {
  font-family: Nunito-SemiBold;
  src: url('fonts/nunito/Nunito-SemiBold.ttf');
}

@font-face {
  font-family: Nunito-SemiBoldItalic;
  src: url('fonts/nunito/Nunito-SemiBoldItalic.ttf');
}

.grid-item img {
  max-width:100%;
}
  
* {
  margin:0;
  padding:0;
  box-sizing: border-box;
  position: relative;
}

#top-header {
  position: static;
}
  
div#mapid {
  border-radius: 10px;
}

#top-header {
  position: static;
  padding: 0 0px;
  justify-content: center;
}

.full-header-hight {
  width: 75%;
}
  
.post-main {
  display: flex;  
  margin: auto;
  width: 75%;
  background-color: #FBFBFB;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}
  
body {
  background:#fff;
  color:#000;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

main {
  position: relative;
}

.heading {
  color:#454cc1;
  font-size:16px;
  font-weight:900;
  max-width:1080px;
  width:100%;
  padding:10px 40px;
  margin:auto;
}

.post-container {
  flex: 73%;
  padding: 10px 30px;
}

.post-right-sidebar {
  flex: 27%;
}
  
.latest-added-list-post-title {
  padding: 20px 0px 20px 20px;
  font-size: 20px;
  font-family: Nunito-Bold;
  color: rgb(69,69,69);
}

ul.latest-added-list-post {
  padding: 0px 20px 0px 20px;
  line-height: 150%;
  word-break: break-word;
  font-family: 'Nunito-Regular';
  list-style-type: none;
}

a.last-posts-list-h {
  text-decoration: none;
  color: #111f2c;
  font-family: 'Nunito-Regular';
}

span.select-radio.ctp-round-bullet-point {
  font-size: 10px;
  color: #093e52;
  margin-right: 0.7em;
}

li.latest-added-list-post-item {
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
  
.content-wrapper {
  max-width: 1080px;
  width: 100%;
  margin: auto;
}
  
.content-wrapper h3 {
  color: rgb(69,69,69);
  font-weight: 600;
  margin: 10px 0px 30px 0px;
  font-size: 20px;
  font-family: 'Nunito-Regular';
}

.h1-object-title-post {
  color: rgb(69,69,69);
  font-weight: 600;
  margin: 10px 0px 30px 0px;
  font-size: 20px;
  font-family: 'Nunito-Regular';
}
  
.category-post-info {
    color: rgb(69,69,69);
	font-family: 'Nunito-Regular';
	text-transform: uppercase;
	padding-bottom: 10px;
}

.map-post-info {
    color: rgb(69,69,69);
	font-family: 'Nunito-Regular';
	padding-bottom: 10px;
}

.map-post-info2 {
    color: rgb(69,69,69);
	font-family: 'Nunito-Bold';
	padding-bottom: 4px;
}

.coordinates-post-info {
    color: rgb(69,69,69);
	font-family: 'Nunito-Regular';
	padding-bottom: 10px;
}

.coordinates-post-info2 {
  color: rgb(69,69,69);
	font-family: 'Nunito-Bold';
	padding-bottom: 4px;
}

.country-post-info {
  color: rgb(69,69,69);
	font-family: 'Nunito-Regular';
	padding-bottom: 10px;
}

.country-post-info2 {
  color: rgb(69,69,69);
	font-family: 'Nunito-Bold';
	padding-bottom: 4px;
}

.object-description-holder {
  padding: 20px 0;
  font-family: 'Nunito-Regular';
  color: #464646;
  font-size: 16px;
}

.map-action-summary {
  display: flex;
  justify-content: space-between;
}
  
.main-img img {
  height: 100%;
  width: 100%;
  max-width: 100%;
  display: block;
}
  
.grid {
  display: flex;
  flex-direction: row;
  column-gap: 10px;
  max-width: 1080px;
  width: 100%;
  margin: auto;
  
}

.grid-column-order {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.grid .grid-item img{
  width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.post-pic-desc {
  font-size: 14px;
  font-family: 'Nunito-Italic';
  padding: 10px;
  border: 1px solid #f1f1f1;
  color: #6F7076;
  min-height: 80px;
  max-height: 80px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  line-height: 22px;
  width: 100%;
}

.main-post-pic-desc {
  font-size: 14px;
  font-family: 'Nunito-Italic';
  padding: 10px;
  border: 1px solid #f1f1f1;
  color: #6F7076;
  min-height: 35px;
  max-height: 35px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  line-height: 22px;
}

.grid-item {
  flex-direction: column;
}

/* Create two equal columns that sits next to each other */
.column {
  display: flex;
  flex-basis: 100%;
  height: 300px;
}

.column1 {
  flex: 45%;
  height: 300px;
}

.column2 {
  flex: 55%;
  height: 300px;
}

.flex-post {
  display: flex;
  flex-direction: row;
}

.flex-post-left {
	flex: 43%;
	height: 300px; 
	background-color: #ffffff;
	padding: 15px;
  position: relative;
}

.flex-post-right {
	flex: 57%;
	background-color: #bbb;
	margin-left: 10px;
	border-radius: 10px;
}
  
.grid-item:nth-of-type(2) {
  -webkit-column-break-inside: avoid-column;
  page-break-inside: avoid-column;
  break-inside: avoid-column;
}

.grid .grid-item img {
  max-width: 100%;
  cursor: zoom-in;
}

.post-pic-slider-popup-holder-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  background-color: rgb(0 0 0);
  z-index: 2000;
  overflow: hidden;
  align-content: center;
  flex-direction: column;
}

.post-small-pic-carousel-block {
  width: 85%;
  overflow: hidden;
  margin: auto;
  scroll-behavior: smooth;
  display: flex;
  height: 100%;
}

.small-pic-gall-wrapper {
  height: 150px;
  width: 100%;
}

.small-img-wrapper {
  height: 100px;
}

.small-carousel-img-popup {
  height: 100px;
  user-select: none;
}

.post-small-pic-carousel-flex {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-content: center;
  align-items: center;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
  scroll-behavior: smooth;
  transition: transform 0.3s ease;
}

.big-carousel-img-popup-1, .big-carousel-img-popup-2, .big-carousel-img-popup-3 {
  height: 100%;
  width: 100%;
}

.big-img-wrapper-flex-1, .big-img-wrapper-flex-2, .big-img-wrapper-flex-3, .big-img-wrapper-flex {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction: column;
}

.big-img-wrapper-slide-1, .big-img-wrapper-slide-2, .big-img-wrapper-slide-3 {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction: column;
}

.big3-img-wrapper-flex {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction: row;
}

.big-carousel-img-desc {
  font-size: 14px;
  font-family: 'Nunito-Italic';
  padding: 10px;
  border: 1px solid #6F7076;
  color: #ffffff;
  min-height: 38px;
  max-height: 38px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  overflow-wrap: break-word;
  line-height: 22px;
  align-items: center;
  width: 100%;
  bottom: 0px;
  word-break: break-word;
}

.big-img-wrapper-inner-block-1, .big-img-wrapper-inner-block-2, .big-img-wrapper-inner-block-3 {
  display: block;
  height: 100%;  
}

.big-img-wrapper-block-1, .big-img-wrapper-block-2, .big-img-wrapper-block-3 {
  display: block;
  width: 100%;
  position: absolute;
  height: auto;
  margin: auto;
  height: calc(100% - 150px);
}

.big-img-wrapper-block-1 {
  transform: translate(-100%, 0);
}

.big-img-wrapper-block-2 {
  left: 50%;
  transform: translate(-50%, 0); 
}

.big-img-wrapper-block-3 {
  transform: translate(100%, 0);  
}

.big3-img-wrapper-block {
  display: block;
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  height: auto;
  margin: auto;
  height: calc(100% - 150px);
}

.big-carousel-img-popup-1, .big-carousel-img-popup-2, .big-carousel-img-popup-3 {
  max-width: 80%;
  max-height: 90%;
  width: auto;
  height: auto;
  object-fit: cover;
}

.gall-popup-top-wrap-t {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.big-pic-gall-wrapper {
  width: 100%;
  height: calc(100% - 150px);
  position: relative;
}

.gall-popup-top-wrap-f-t {
  height: 100%;
  position: absolute;
  width: 100%;
}

.gall-popup-top-wrap-t-flex {
  position: relative;
  width: 100%;
  height: 100%;
}

.big-img-wrapper-block-t {
  height: 100%;
  display: block;
  width: 100%;
  transition: transform 0.3s ease;
  position: absolute;
}

.big-img-wrapper-block-t-pic1 {
  transform: translateX(-100%);
}

.big-img-wrapper-block-t-pic2 {
  transform: translateX(0%);
}

.big-img-wrapper-block-t-pic3 {
  transform: translateX(100%);
}

.big-img-wrapper-inner-block-t {
  height: 100%;
  width: 100%;
}

.big-img-wrapper-slide-t {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.big-img-wrapper-slide-touch {
  width: 80%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

img.big-carousel-img-popup {
  max-width: 100%;
  max-height: 95%;
  width: auto;
  height: auto;
  user-select: none;
}

.big-gall-img-wrapper {
  width: 100%;
  height: calc(100% - 120px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.big-gall-img-desc-wrapper {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*arrow for front gallery (start) */
.gallery-arrow-right-holder {
  position: absolute;
  height: calc(100% - 35px);
  display: flex;
  align-items: center;
  right: 0;
  margin-right: 10px;
}

.gallery-arrow-left-holder {
  position: absolute;
  height: calc(100% - 35px);
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.ctp-arrow_right.arrow-to-right.front-gallery-arrow-to-right.front-post-gallery-img, .ctp-arrow.arrow-to-left.front-gallery-arrow-to-left.front-post-gallery-img {
transition: transform .2s;
}

.ctp-arrow_right.arrow-to-right.front-gallery-arrow-to-right.front-post-gallery-img:hover , .ctp-arrow.arrow-to-left.front-gallery-arrow-to-left.front-post-gallery-img:hover{
  transform: scale(1.1);
}

/*arrow for front gallery (end) */

/* arrows for the big image (start) */
.ctp-arrow.arrow-to-left, .ctp-arrow_right.arrow-to-right {
  color: white;
  background-color: #263155;
  font-size: 28px;
  padding: 5px;
  border: 1px solid #6F7076;
  border-radius: 5px;
  background: none;
  border: none;
  cursor: pointer;
}

.arrow-left-holder-block {
  z-index: 5;
  position: absolute;
  transform: translate(50%, calc(-50% - 25px));
  top: 50%;
}

.arrow-right-holder-block {
  z-index: 5;
  position: absolute;
  right: 0%;
  transform: translate(-50%, calc(-50% - 25px));
  top: 50%;
}

.arrow-left-holder-flex, .arrow-right-holder-flex {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.arrow-left-holder-block-mobile, .arrow-right-holder-block-mobile {
  display: none;
}
/* arrows for the big image (end) */

/* arrows for small images (start) */
button.ctp-drop_down_triangle.small-arrow-to-left {
  color: white;
  background-color: #263155;
  font-size: 28px;
  transform: rotate(90deg);
  padding: 5px;
  border: 1px solid #6F7076;
  border-radius: 5px;
  background: none;
  border: none;
  cursor: pointer;
}

button.ctp-drop_down_triangle.small-arrow-to-right {
  color: white;
  background-color: #263155;
  font-size: 28px;
  transform: rotate(-90deg);
  padding: 5px;
  border: 1px solid #6F7076;
  border-radius: 5px;
  background: none;
  border: none;
  cursor: pointer;
}

.small-arrow-left-holder-block {
  z-index: 5;
  height: 150px;
  position: absolute;
  bottom: 0;
  left: 2.5%;
}

.small-arrow-right-holder-block {
  z-index: 5;
  height: 150px;
  position: absolute;
  bottom: 0;
  right: 2.5%;
}

.small-arrow-left-holder-flex, .small-arrow-right-holder-flex {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
/* arrows for small images (end) */

.current-gall-img-counter, .of-gall-img-counter, .total-gall-img-counter {
  color: white;
  font-family: Nunito-Regular;
  font-size: 16px;
}

.gall-img-counter {
  display: flex;
  position: absolute;
  top: 15px;
  left: 10px;
}

button.ctp-delete.close-post-pic-gallery {
  color: white;
  background-color: #263155;
  font-size: 22px;
  padding: 8px;
  border: 1px solid #6F7076;
  border-radius: 5px;
  background: none;
  border: none;
  cursor: pointer;
}

.close-post-pic-gallery-holder-block {
  z-index: 6;
  height: 10%;
  display: block;
  position: absolute;
  top: 15px;
  transform: translate(-50%, 0);
  right: 0;
}

.close-post-pic-gallery-holder-flex {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: flex-end;
}

.object-loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  transform-origin: 50% 50%;
  background-color: #0005;
}

.object-loader .object-loader-spinner {
  width: 50px;
  height: 50px;
  border: 4px dotted #fff;
  animation: spin 1.5s linear infinite;
  border-radius: 50%;
}
  
/*
* ######################################
* STYLE RULES FOR LOGIN AND REGISTER FORM
* #######################################
*/

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 6000 !important;
  display: none;
}

.modal::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
}

.modal__container {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  background-color: #fff;
  padding: 30px 50px 50px 50px;
  border-radius: 10px;
  z-index: 20;
}

.form-container .terms {
  margin-bottom: 15px;
}
  
.form-container .terms a {
  text-decoration: none;
  font-weight: 600;
  color: var(--dark-blue-color);
}

.modal__container .modal__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.modal__container .modal__header button {
  padding-top: 10px;
  border: none;
  background-color: white;
}

.modal__container h1 {
  margin-bottom: 40px;
}

.alert {
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 15px;
  border-radius: 10px;
}
.alert-danger {
  background-color: var(--red-color);
  color: white;
}
  
.alert-success {
  background-color: green;
  color: white;
}

.delete__button {
  font-weight: 600;
  border: 1px solid red;
  color: white;
  background-color: red;
  padding: 10px;
  width: 100%;
}

.success__button {
  font-weight: 600;
  border: 1px solid green;
  color: white;
  background-color: green;
  padding: 10px;
  width: 100%;
}

/*for form fields*/
.form-field__container {
  margin-bottom: 15px;
}

.form-field__container label,
input {
  display: block;
}

.form-field__container label {
  margin-bottom: 10px;
  margin-left: 5px;
}

.form-field__container input {
  display: block;
  width: 100%;
  padding: 8px 5px;
  border-radius: 10px;
  border: 1px solid transparent;
  box-shadow: 1px 1px 9px -5px black;
}

#close-reg-message {
  position: absolute;
  top: 20px;
  right: 20px;
  color: red;
  border: none;
  background-color: transparent;
}


.add-object-form-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 50000;
  overflow-y: auto;
}

/* START Map loader css added under pagination css rules*/
#map-object-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

#map-object-loader > div {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  opacity: 0.5;
  background-color: #0e8fc1;
  margin: 0 5px;
  animation: breath 0.5s alternate infinite;
}

#map-object-loader > div:nth-child(2) {
  animation-delay: 0.5s;
}

#map-object-loader > div:last-child {
  animation-delay: 1s;
}

/* big loader start */

.loader-items-holder-single {
  width: 100%;
  height: 100%;
  position: absolute;
  justify-content: center;
  align-items: center;
  display: none;
  background-color: white;
  z-index: 1000;
  top: 0;
  left: 0;
  height: calc(100vh - 60px);
}

.loader-items-holder-flex {
  width: 60px;
  height: 60px;
  border-radius: 50%; 
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader-item {
  width: 10px;
  height: 10px;
  background-color: #0e8fc1;
  border-radius: 50%;
  position: absolute;
  animation: resizeitems 0.8s infinite cubic-bezier(0, 0, 0.2, 1);;
}

.loader-item:nth-child(1) {
  transform: rotate(0deg) translate(25px);
  animation-delay: 0s;
  transform: rotate(0deg);
  bottom: 50px;
}

.loader-item:nth-child(2) {
  transform: rotate(calc(360deg / 8 * 1)) translate(25px);
  animation-delay: 0.1s;
  transform: rotate(calc(360deg / 8 * 1));
  bottom: calc(61px * 0.7071067812);
  left: calc(61px * 0.7071067812);
}

.loader-item:nth-child(3) {
  transform: rotate(calc(360deg / 8 * 2)) translate(25px);
  animation-delay: 0.2s;
  transform: rotate(calc(360deg / 8 * 2));
  left: 50px;
}

.loader-item:nth-child(4) {
  transform: rotate(calc(360deg / 8 * 3)) translate(25px);
  animation-delay: 0.3s;
  transform: rotate(calc(360deg / 8 * 3));
  left: calc(61px * 0.7071067812);
  top: calc(61px * 0.7071067812);
}

.loader-item:nth-child(5) {
  transform: rotate(calc(360deg / 8 * 4)) translate(25px);
  animation-delay: 0.4s;
  transform: rotate(calc(360deg / 8 * 4));
  top: 50px;
}

.loader-item:nth-child(6) {
  transform: rotate(calc(360deg / 8 * 5)) translate(25px);
  animation-delay: 0.5s;
  transform: rotate(calc(360deg / 8 * 5));
  right: calc(61px * 0.7071067812);
  top: calc(61px * 0.7071067812);
}

.loader-item:nth-child(7) {
  transform: rotate(calc(360deg / 8 * 6)) translate(25px);
  animation-delay: 0.6s;
  transform: rotate(calc(360deg / 8 * 6));
  right: 50px
}

.loader-item:nth-child(8) {
  transform: rotate(calc(360deg / 8 * 7)) translate(25px);
  animation-delay: 0.7s;
  transform: rotate(calc(360deg / 8 * 7));
  right: calc(61px * 0.7071067812);
  bottom: calc(61px * 0.7071067812);
}

@keyframes resizeitems {
  from {
      scale: 0;
  }

  to {
      scale: 1;
  }
}

/* big loader end */

/*small loader start*/
.loader-items-holder-small {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
  background-color: #78787845;
  top: 0;
  left: 0;
}

.loader-items-holder-small-flex {
  width: 40px;
  height: 40px;
  border-radius: 50%; 
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader-item-small {
  width: 7px;
  height: 7px;
  background-color: #0e8fc1;
  border-radius: 50%;
  position: absolute;
  animation: resizeitemssmall 0.8s infinite cubic-bezier(0, 0, 0.2, 1);;
}

.loader-item-small:nth-child(1) {
  transform: rotate(0deg) translate(25px);
  animation-delay: 0s;
  transform: rotate(0deg);
  bottom: 33px;
}

.loader-item-small:nth-child(2) {
  transform: rotate(calc(360deg / 8 * 1)) translate(25px);
  animation-delay: 0.1s;
  transform: rotate(calc(360deg / 8 * 1));
  bottom: calc(41px * 0.7071067812);
  left: calc(41px * 0.7071067812);
}

.loader-item-small:nth-child(3) {
  transform: rotate(calc(360deg / 8 * 2)) translate(25px);
  animation-delay: 0.2s;
  transform: rotate(calc(360deg / 8 * 2));
  left: 33px;
}

.loader-item-small:nth-child(4) {
  transform: rotate(calc(360deg / 8 * 3)) translate(25px);
  animation-delay: 0.3s;
  transform: rotate(calc(360deg / 8 * 3));
  left: calc(41px * 0.7071067812);
  top: calc(41px * 0.7071067812);
}

.loader-item-small:nth-child(5) {
  transform: rotate(calc(360deg / 8 * 4)) translate(25px);
  animation-delay: 0.4s;
  transform: rotate(calc(360deg / 8 * 4));
  top: 33px;
}

.loader-item-small:nth-child(6) {
  transform: rotate(calc(360deg / 8 * 5)) translate(25px);
  animation-delay: 0.5s;
  transform: rotate(calc(360deg / 8 * 5));
  right: calc(41px * 0.7071067812);
  top: calc(41px * 0.7071067812);
}

.loader-item-small:nth-child(7) {
  transform: rotate(calc(360deg / 8 * 6)) translate(25px);
  animation-delay: 0.6s;
  transform: rotate(calc(360deg / 8 * 6));
  right: 33px
}

.loader-item-small:nth-child(8) {
  transform: rotate(calc(360deg / 8 * 7)) translate(25px);
  animation-delay: 0.7s;
  transform: rotate(calc(360deg / 8 * 7));
  right: calc(41px * 0.7071067812);
  bottom: calc(41px * 0.7071067812);
}

@keyframes resizeitemssmall {
  from {
      scale: 0;
  }

  to {
      scale: 1;
  }
}
/*small loader end*/

/* END Map loader css added under pagination css rules*/
  
/*
* ######################################
* END OF STYLE RULES FOR LOGIN AND REGISTER FORM
* #######################################
*/
  
@media (max-width:700px){

  .grid {
    columns:2
  }

}
  
@media (max-width:600px){
  .grid{
    columns:1;
  }
}
  
.main-img{
  position: relative;
  cursor:pointer;
  margin-bottom:10px;
}
  
.arrow{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  font-size:5em;
  z-index:999;
  color: rgb(196,196,194);
  cursor:pointer;
  user-select:none;
}
  
.arrow.left{
  left:10px;
}
  
.arrow.right{
  right:10px;
}
  
.popup {
  display: none;
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width:100%;
  display: flex;
  justify-content: center;
  align-items:center;
  z-index:99999;
}
  
.bg-popup{
  background:rgba(0, 0, 0,0.8);
  height:100%;
  width:100%;
  position:absolute
}
  
.images-popup{
  position:relative;
  max-width:1080px;
  margin:auto;
  background:transparent;
  z-index:99999999999999;
  max-height:80%;
  height:auto;
  display:flex;
  justify-content:center;
  align-items:center;
}

.images-popup img{
  width:auto;
  height:auto;
  display: none;
  max-height:90vh;
}

.main-img{
  position: relative;
  cursor:pointer;
  max-width: 1080px;
  width: 100%;
  margin-bottom:10px;
  margin: auto auto 10px auto;
}
  
.arrow{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  font-size:5em;
  z-index:999;
  color: rgb(196,196,194);
  cursor:pointer;
  user-select:none;
}
  
.arrow.left{
  left:10px;
}
  
.arrow.right{
  right:10px;
}
  
.popup {
  display: none;
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width:100%;
  display: flex;
  justify-content: center;
  align-items:center;
  z-index:99999;
}
  
.bg-popup{
  background:rgba(0, 0, 0,0.8);
  height:100%;
  width:100%;
  position:absolute
}
  
.images-popup{
  position:relative;
  max-width:1080px;
  margin:auto;
  background:transparent;
  z-index:99999999999999;
  max-height:80%;
  height:auto;
  display:flex;
  justify-content:center;
  align-items:center;
}

.body-overflow-hidden {
  overflow: hidden;
}

@media (max-width:1099px){
  
  .images-popup{
    margin:50px 10px 0px 10px
  }

  .full-header-hight {
    width: 90%;
  }
  
}
  
@media (max-width:1023px){
	  
  .post-container {
	  flex: 100%;
  }
  
  .post-right-sidebar {
	  display: none;
  }

  .post-main {
    width: 90%;
  }

  .full-header-hight {
    width: 90%;
  }
	  
}

@media (max-width: 960px){

  #top-header > div {
    width: 90%;
  }

}

  
@media (max-width: 768px){
	  
	.post-main {
		width: 95%;
	}

  #top-header > div {
    width: 95%;
  }
	
	.flex-post-left {
		flex: 100%;
	}

	.flex-post-right {
		flex: 100%;
		height: 300px;
		margin-left: 0px;
		margin-top: 15px;
	}
	
	.flex-post {
		flex-wrap: wrap;
		align-items: center;
	}
	
	.content-wrapper {
		padding: 10px 0px;
	}

  .big-carousel-img-desc {
    width: 100%;
  }
	  
}


@media (max-width:700px){

  .grid {
    columns:2
  }

}
  

@media (max-width:600px){

  .grid{
    columns:1;
  }

  .small-arrow-right-holder-block {
    right: 0;
  }

  .small-arrow-left-holder-block {
    left: 0;
  }
  
}

@media (max-width:450px){
  
  .post-container {
    flex: 73%;
    padding: 10px 10px;
  }

  .post-main {
    width: 100%;
  }

  .gall-popup-top-wrap-t {
    height: 100%;
  }

  .big-pic-gall-wrapper {
    width: 100%;
    height: 100%;
  }
  
  .small-pic-gall-wrapper {
    display: none;
  }

  img.big-carousel-img-popup {
    max-height: 80%;
  }

  .big-img-wrapper-slide-touch {
    width: 98%;
  }

  .big-carousel-img-desc {
    min-height: 90px;
    max-height: 90px;
    width: 90%;
    -webkit-line-clamp: 3;
    line-height: 25px;
  }

  .post-small-pic-carousel-block {
    display: none;
  }

  .arrow-left-holder-block {
    transform: translate(50%, calc(-50% - 7vh));
  }

  .arrow-right-holder-block {
    transform: translate(-50%, calc(-50% - 7vh));
  }

  .small-arrow-left-holder-block, .small-arrow-right-holder-block {
    display: none;
  }

  .big-gall-img-desc-wrapper {
    height: 120px;
    align-items: flex-start;
  }

  .arrow-left-holder-block-mobile, .arrow-right-holder-block-mobile {
    display: flex;
    position: absolute;
  }

  .arrow-right-holder-block-mobile {
    right: 10px;
  }

  .arrow-left-holder-block-mobile {
    left: 10px;
  }
  
}