* {outline: none;}
html,
body {
	background: #202020;
	color: #acacac;
	font: normal 14px/1 "Gerbera";
	min-width: 1250px;
	
} 



/* Common Styles */

label.radio {padding: 5px 0 5px 35px; background: url(/img/checkbox.png) no-repeat left center; cursor: pointer; transition: 0.3s;}
label.radio input {display: none;}
label.radio.active {background: url(/img/checkbox2.png) no-repeat left center;}

input[type="text"], input[type="password"], input[type="number"], input[type="date"], select, textarea {
	background: #202020;
    border: none;
    padding: 10px;
    width: 100%; 
    box-sizing: border-box;
    display: block;
    margin: 15px 0;
	color: #fff; 
	font: normal 16px Gerbera-light;
	border-radius: 4px; transition: 0.3s;
	
}

input.errorinput {background: #581b1b !important;}

select {
	background: #000;
    border: 2px solid #202020;
    color: #fff;
}

.do_done select {
	background: #202020;
	border: none;
}

textarea {height: 120px;}

	. {background: #4e1e1e;}

.hidden {
	display: none !important;
}
.no-bg {background: none;}
.text-center {
	text-align: center;
}

.clear {
	clear: both;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.cursor-pointer {cursor: pointer;}

.accent {
	background: #2680eb;
	color: #ecebe9;
	border: none;
	font-family: Gerbera-medium;
	letter-spacing: 1px;
}

.red-accent {
	background: #b54646;
}

.accent.uploading i, .accent.uploading span {display: none;}

.dark-btn {
	background: none;
	color: #ecebe9;
	border: 2px solid #909090;
	font-family: Gerbera-medium;
	letter-spacing: 1px;
	border-radius: 4px;
	padding: 8px 20px;
}

.container {
	width: 1250px;
	max-width: 1250px;
	margin: 0 auto;
	box-sizing: border-box;
}

.container.inside {background: #000; padding-right: 35px; padding-left: 35px;}

.inside h1 {font-size: 28px;}

a {
	color: #acacac;
	text-decoration: none;
	transition: 0.3s;
}

a.blue-link {
	color: #2680eb;
	text-decoration: none;
	transition: 0.3s;
}

a:hover, a.active {
	color: #fff;
}

.button {
	padding: 10px 20px;
	text-transform: uppercase;
	border-radius: 5px;
	cursor: pointer;
	font-size: 13px;
	display: inline-block;
}



h1, h2, h3, h4 {
	font-family: 'Gerbera';
	font-size: 44px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 3px;
}

.inside-body h1 {
	text-transform: none;
}

h2 {
	font-size: 35px;
}

h3 {font-size: 20px; font-family: Gerbera-bold;}

.content p {
	line-height: 1.4;
	margin: 10px 0;
}

.content {
	background: #202020 url(../img/content_bg.jpg) no-repeat center top;
	padding: 60px 0;
}

.content.black {
	background: #000;
}

.content.no-bg {
	background: #252525;
}

.content h2 {
	text-align: center;
}

.do_ .header {background: url(../img/top_bg.jpg) no-repeat center;}

.top_notification {
	background: rgb(38, 128, 235);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 20px;
    color: rgb(255, 255, 255);
    z-index: 99; 
    display: none;
}

.dark-text {color: #636363;}
.white-text, .pollution-zone-1 {color: #fff;}
.red-text, .pollution-zone-2 {color: #f32020;}
.orange-text, .pollution-zone-3 {color: #e7940e;}
.yellow-text, .pollution-zone-4 {color: #e4e70c;}
.green-text, .pollution-zone-5 {color: #3dc300;}
.blue-text, .pollution-zone-6 {color: #138cce;}
.grey-text, .pollution-zone-7 {color: #d4d4d4;}
.black-text, .pollution-zone-8 {color: #444;}
.small-text, .pollution-zone-9 {font-size: 14px;}
/* Top navigation */

.menu-bar {
	background: #000000;
	padding: 20px 0;
}

.cloud-icon {
	font-size: 16px;
    color: #2680eb;
	display: inline-block;
	margin-left: 30px;
	cursor: pointer;
	display: none;
}

.logo {
	display: inline-block;
	line-height: 29px;
	vertical-align: middle;
	padding: 0 35px 0 0;
}

.logo img {
	display: block;
}

.top-menu {
	display: inline-block;
	border-left: 1px solid #383838;
	padding: 0 0 0 15px;
	font-family: 'Gerbera';
	position: relative;
}

.top-search-div {
	position: absolute;
	top: -10px;
	width: 100%;
	display: none;
}
.top-search-div input {
	margin: 0;
	padding-left: 40px;
}

.top-search-div button {
	position: absolute;
    top: 0;
    right: 0;
    height: 41px;
    width: 41px;
    background: #2680eb;
    color: #fff;
    border: none;
    border-radius: 0 5px 5px 0;
    font-size: 14px;
	cursor: pointer;
}

.top-search-div .close {
	position: absolute;
    top: 0;
    left: 0;
    height: 41px;
    width: 40px;
	text-align: center;
	line-height: 41px;
    color: #888;
    border: none;
    font-size: 14px;
	cursor: pointer;
}

.top-menu a {
	margin: 0 22px;
	display: inline-block;
	padding: 3px 0;
	text-transform: uppercase;
}

.top-right {
	margin-top: -5px;
}

.top-upload {
	display: inline-block;
	padding: 0 25px;
	font-family: 'Gerbera-black';
	color: #ecebe9;
	font-size: 13px;
}

.top-upload i {
	color: #fff;
	margin-right: 5px;
}

.sign-in {
	text-transform: UPPERCASE;
    display: inline-block;
}

.top-bell {
	font-size: 16px;
    display: inline-block;
	cursor: pointer;
	position: relative;
	text-align: left;
}
.top-bell i:hover {
	color: #fff;
}

.top-bell .fa-bell {position: relative;}
.top-bell .fa-bell span {
	background: #2680eb;
    color: #fff;
    font: normal 12px/12px Gerbera-Light;
    width: 12px;
    height: 12px;
    position: absolute;
    text-align: center;
    border-radius: 30px;
    right: -13px;
    top: -9px;
    padding: 3px;
}

.sign-in .user_block {
    display: inline-block;
	text-transform: none;
	font-size: 14px;
	margin-right: 10px;
	user-select: none;
}

.sign-in .user_block i.fas {
    display: none;
}

.sign-in .user_block:hover {
    color: #fff;
}

.choose-lang {
	display: inline-block;
	
	padding: 3px 0 3px 35px;
	position: relative; 
	cursor: pointer;
}

.lang:hover {
	color: #fff;
}

.lang-block {
	position: absolute;
    top: 40px;
    left: 30%;
    background: #1F1F1F;
    border-top: 2px solid #2680eb;
    width: 100%;
	padding: 5px 0;
	display: none;
	z-index: 3;
}


.top-user-links a {
	padding: 10px 0;
	display: block;
	font: normal 16px Gerbera-light;
}



.lang-item {
	padding: 15px 10px;
	text-align: center;
	cursor: pointer;
}
.lang-item.current {
	font-family: Gerbera-bold;
	color: #fff;
}
.lang-item:hover {
	color: #fff;
}
.top-search {
	display: inline-block;
	padding: 3px 35px 3px 0;
	text-align: right;
	cursor: pointer;
	border-right: 1px solid #383838;
}

.top-block {
	padding: 125px 0 180px;
	text-align: center;
}

.top-block-left {
	width: 670px; 
	display: inline-block; 
	vertical-align: top;
	padding-right: 50px;
	box-sizing: border-box;
	border-right: 1px solid #fff;
}

.top-block-left h1 {
	font-size: 41px;
}

.top-block-left h1 span {
	display: block; margin: 20px 0 50px;
	font-size: 30px;
}

.top-block-left .button {
	display: inline-block;
	font-size: 15px;
	font-family: 'Gerbera-bold';
	padding: 10px 15px;
	letter-spacing: 1px;
	border: 2px solid transparent;
}

.top-block-left .button.account {
	color: #ecebe9;
	border: 2px solid #9f9587;
	margin-left: 10px;
}

.top-block-right {
	width: 580px; 
	display: inline-block; 
	vertical-align: top;
	padding-left: 60px;
	box-sizing: border-box;
	text-align: left;
}

.top-block-right > p {
	font-size: 20px;
	color: #fff;
	font-family: "Gerbera-light";
	line-height: 27px;
	margin: 0 0 40px;
}

.top-block-right-advantage {
	width: 220px;
	display: inline-block;
	padding: 0 0 0 62px;
	background: url(../img/no-limits.png) no-repeat 0 0;
	box-sizing: border-box;
	vertical-align: top;
	margin-right: 40px;
}

.advantage-cap {
	font: normal 18px/1 "Gerbera-bold";
	margin-bottom: 12px;
	color: #fff;
}

.advantage-notice {
	font: normal 16px/1.3 "Gerbera-light";
	color: #c6cad1;
}

.top-block-right-advantage.no-compression {
	margin: 0;
	background: url(../img/no-compression.png) no-repeat 0 0;
	width: 245px;
}


.active-member-item {
    display: inline-block;
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
	vertical-align: top;
	color: #666;
}
.active-member-item:first-child {padding-left: 0;}
.active-member-item:last-child {padding-right: 0;}
.am-photo {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 25px;
	text-align: center;
}

.am-photo img {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    object-fit: cover;
    border-radius: 100%;
	display: block;
}

a.am-name {
    color: #fff;
    font-size: 18px;
    font-family: Gerbera-Bold;
    margin: 0 0 20px;
    display: block;
	padding: 10px 0 0;
}
.am-photocount { margin: 10px 0 0;}
.am-photocount i {margin-right: 5px;}
.am-location {font-size: 13px; margin: 10px 0 0;}
.am-content {overflow: hidden;}
.am-content-height {height: 100px;}
.am-rating {font-size: 16px;}

/* Photo list */
.title_and_location {position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,0.5);
width: 100%;
padding: 10px; box-sizing: border-box;
font: normal 14px/1 Gerbera-light;
}

.am-photo {
    float: left;
    width: 100px;
    margin-right: 15px;
}

	
.photo_preview {
	width: 305px; 
	height: 225px; 
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	border-radius: 5px;
	margin: 0 10px 10px 0;
	text-align: left;
}

.photo_preview:nth-child(4n+4) {
	margin: 0 0 10px 0;
}

.photo_preview_container {
	width: 100%;
	height: 100%;
	position: relative;
}

.photo_preview_container a {
	width: 100%;
	height: 100%;
	display: block;
}

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

.album_preview .photo_preview_container {
	background: #444;
}

.album_preview .photo_preview_container img {
	width: 100%;
	height: 100%;
}

.photo_preview_container .pp_author {
	color: #8A8582;
	font: normal 14px/1 "Gerbera-light";
	position: absolute; 
	right: 8px; 
	top: 8px;
	background: rgba(0,0,0,0.6) no-repeat;
	padding: 5px 10px;
	border-radius: 4px;
	display: none;
	
}

.photo_preview_container:hover .pp_author  { }

.photo-user-photo {width: 25px; height: 25px; display: inline-block; border-radius: 5px; overflow: hidden; margin: 0 10px 0 0; vertical-align: middle;}
.photo_preview_container:hover .photo-user-photo {}



.photo_preview_container .pp_badges {
	position: absolute; 
	left: 8px; 
	bottom: 8px;
	font: normal 14px/1 "Gerbera-light";
	color: #fff;
}

.photo_preview_container:hover .pp_badges {display: none;}

.photo_preview_container .pp_group {
	background: #de3225;
	padding: 7px 12px;
	border-radius: 4px;
	display: block;
	width: max-content;
	margin: 0 0 5px;
}

.photo_preview_container .pp_newvariant {
	background: rgba(61,195,0,1);
	padding: 7px 12px;
	border-radius: 4px;
	display: block;
	width: max-content;
	margin: 0 0 5px;
}
.photo_preview_container .pp_debut {
	background: #257FEB;
	padding: 7px 12px;
	border-radius: 4px;
	display: block;
	width: max-content;
	margin: 0 0 5px;
}
.photo_preview_container .photo-list-bar {
	position: absolute; 
	bottom: 0; 
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background: rgba(0,0,0,0.8);
	color: #8E8F8E;
	line-height: 40px;
	height: 40px;
	opacity: 0;
	transition: 0.3s;
	padding: 0 10px;
}

.photo_preview_container .photo-list-bar .ppn_signal i {
	margin-right: 5px;
}

.photo_preview_container:hover .photo-list-bar {
	opacity: 1;
}

.photo_preview_container .photo-list-bar .pp_author {
	float: right; display: block;
	position: static;
	top: auto;
	right: auto;
	padding: 8px 0 0;
	background: none;
}



.photo_preview_container .ppn_likes {
	border-right: none;
	cursor: pointer;
}

.photo_preview_container .ppn_likes.active {
	/*color: #DC3125;*/
}

.photo_preview_container .ppn_likes:hover {
	color: #DC3125;
}
.photo_preview_container .ppn_likes.active:hover {
	color: #acacac;
}

.in-profile .photo_preview_container .photo-list-bar {
	display: none !important;
}

.in-profile .title_and_location {
	opacity: 0;
	transition: 0.3s;
}

.in-profile:hover .title_and_location {
	opacity: 1;
	
}

.ppn_likes .fas.fa-heart {display: none;}
.ppn_likes.active .fas.fa-heart {display: inline-block;}
.ppn_likes.active .far.fa-heart {display: none;}

.photo_preview_container .title_and_location .ppn_likes {float: right; width: auto; margin-left: 10px; padding: 0;}
.photo_preview_container .title_and_location .likes_count {display: none;}

.photo_preview_container a.album_edit {position: absolute; top: 5px; right: 5px; width: auto; height: auto; display: none !important;}
.photo_preview_container:hover .album_edit {display: block !important;}

.gif-play {    
	position: absolute;
    top: 40%;
    left: 45%;
    color: #121212;
    font-size: 40px;
    opacity: 0.8;
}

/* About block */

.about.content p {
	font-size: 18px;
    margin: 20px 0;
    font-family: Gerbera-Light;
}
.about.content .float-left {margin: 0;}
.about.content .float-left img {margin-right: 30px; max-width: 400px;}
.about.content h3 {font: normal 13px "Gerbera-bold"; text-transform: uppercase; margin: 30px 0 20px;}
.about.content a {color: #2680eb;}

/* Popular photo */
.auth-body .popular-photo {background: #080808; background-attachment: fixed; background-position: center;}
.popular-photo {}
.popular-photo-left {width: 425px; padding-right: 55px; text-align: left; display: inline-block; vertical-align: top;}
.popular-photo-left h2 {padding: 0; margin: 0; text-align: left; line-height: 45px;}
.popular-photo-left p {padding: 0; margin: 30px 0; text-align: left; line-height: 1.4; font: normal 20px/1.4 Gerbera-light;}
.popular-photo-left .button {font: normal 16px/1 Gerbera-bold; padding: 15px 20px;}
.popular-photo-right {width: 770px; display: inline-block; vertical-align: top;}
.popular-photo-right h2 {display: none;}
.popular-photo-right .photo_preview {border-radius: 0; border: 3px solid transparent; margin: 5px 5px 0 0;} 
.popular-photo-right .photo_preview.active {border-color: #2680eb;} 
.popular-photo-right .photo_preview {width: 182px; height: 100px;}
.popular-photo-right .photo_preview:last-child {margin-right: 0;}
.popular-photo-right .photo_preview .photo-list-bar {display: none;}

.popular-small .pp_badges {display: none;}
.popular-small .photo_preview_container .pp_author {font-size: 12px; display: none;}
.popular-small .title_and_location {display: none;}
.popular-big {width: 100%; height: 400px;}
.popular-big .photo-list-bar {display: none;}
.popular-big .photo_preview_container .pp_author {right: auto; top: 20px; left: 20px; padding: 5px 10px; border-radius: 5px; display: block;}
.popular-big .photo_preview_container .pp_author .photo-user-photo {display: inline-block; border-radius: 50px; width: 30px; height: 30px;}
.popular-big .photo_preview_container .title_and_location {display: block; background: rgba(0,0,0,0.6); padding: 10px 15px; border-radius: 5px; position: absolute; bottom: 20px; right: 20px; left: auto; top: auto; width: auto;}
.popular-big .photo_preview_container .title_and_location .preview-title {font: normal 17px/1 Gerbera; color: #fff;}
.popular-big .photo_preview_container .title_and_location .preview-title a {color: #fff;}
.popular-big .photo_preview_container .title_and_location .preview-photo-location {font: normal 14px/1 Gerbera; margin: 5px 0 0; color: #8c8c8c;}
.popular-big .photo_preview_container .title_and_location .ppn_likes {display: none;}

.popular-photo-right .photo_preview_container .pp_badges {right: 10px; top: 10px; left: auto;}

.hidden-left {}
.hidden-left .popular-photo-left {display: none;}
.hidden-left .popular-photo-right {display: block; width: 850px; margin: 0 auto;}
.hidden-left .popular-photo-right h2 {display: block;}
.hidden-left .popular-photo-right .photo_preview {width: 202px;}


/* Footer */
.footer {padding: 20px 0; background: #000; font: normal 16px Gerbera-light; margin: 0;}
.footer-copy {margin: 0 0 10px;}
.footer-menu {
	margin-top: 15px;
}
.footer-menu a {
	display: inline-block;
	margin-right: 10px;
}

/* Registration */

.regform {
	padding: 30px;
    margin: 30px auto;
    background: #000;
    border-radius: 5px;
	width: 530px;
	max-width: 100%;
	box-sizing: border-box;
}

.regform h3 {
	margin: 30px 0 0;
}

.regform h3 a {
	display: block; margin: 10px 0 0;
}

/* Inside page */

.inside-content {position: relative;}
.left-content {float: left; width: 795px;}
.show-photo {text-align: center; position: relative; overflow: hidden;}
.left-content.no-sidebar, .left-content.my-feed {float: none; width: 100%;}
.right-content {width: 350px; background: #252525; padding: 20px 35px; box-sizing: border-box; float: right; position: relative; padding-bottom: 70px;}
.right-content .caption {font: normal 16px Gerbera-bold; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 25px; position: relative;}
.right-content .caption i.tech-copy-icon {opacity: 0; position: absolute; top: 3px; right: -20px; color: #e0511a; cursor: pointer; transition: 0.3s;}
.right-content:hover .caption i.tech-copy-icon {opacity: 1;}


.cat_6 .left-content {float: none; width: 100%; text-align: center;}
.cat_6 .left-content img {margin: 0 auto;}
.cat_6 .right-content {display: none;}

/* Photo page */
.photo-date {color: #9f9995;}
.show-photo > img {max-width: 100%; display: block; cursor: zoom-in; margin: 0 auto;}
.show-gear {min-height: 100%; position: absolute; top: 0; right: 0;}

.technical-info-block .pmi {display: block; font-size: 15px; margin-bottom: 15px; font-family: Gerbera-medium; color: #fff; }
.technical-info-block .pmi .label {display: inline-block; color: #acacac; width: 100px; padding-right: 13px; font-family: Gerbera-light; vertical-align: top;}
.technical-info-block .pmi.exp span.label {display: block; width: auto; padding-right: 0; margin: 0 0 10px;}
.technical-info-block .pmi .gear-name {display: inline-block; color: #fff; vertical-align: top; width: 160px;}
.technical-info-block .pmi.exp .gear-name {display: inline-block; color: #fff; vertical-align: top; width: auto;}
.technical-info-block .pmi.exp .gear-name i {color: #acacac; font: normal 15px Gerbera;}

.technical-info-block .photo-list-bar {
	position: absolute; 
	bottom: 0; 
	left: 0;
	width: 100%;
	box-sizing: border-box;
	color: #acacac;
	line-height: 30px;
	text-align: center;
	padding: 0 30px 30px;
}

.technical-info-block .photo-list-bar i {
	margin-right: 5px;
}


.technical-info-block .ppn_views, .technical-info-block .ppn_signal, .technical-info-block .ppn_likes {
	display: inline-block;
	border-right: 1px solid #383838;
	padding: 0 4px;
	box-sizing: border-box;
	width: 32%;
}


.technical-info-block .ppn_likes {
	border-right: none;
	cursor: pointer;
}

.technical-info-block .ppn_likes.active {
	color: #DC3125;
}

.photo-info-block {
	background: #252525;
	margin: 35px 0 0;
	padding: 30px 45px 18px;
}
.info-block-buttons {float: right;}
.info-block-size {float: right; color: #fff; font-family: Gerbera-light; font-size: 16px; padding-right: 35px; margin-right: 35px; border-right: 1px solid #515151; margin-top: -6px;}
.info-block-size .label {color: #acacac;}
.info-block-size .pmi {padding: 5px 0;}
.info-block-size .pmi.resolution {background: url(/img/resolution.png) no-repeat left center; padding-left: 25px;}
.info-block-size .pmi.size {background: url(/img/size.png) no-repeat 1px center; padding-left: 25px;}
.info-block-user {float: left; margin-top: -12px;}
a.user_photo_av {float: left; width: 62px; height: 62px; display: block; margin-right: 15px;}
.user_photo_av img {width: 100%; height: 100%; object-fit: cover; border-radius: 50px;}
.user_photo_info {font: normal 14px Gerbera-Light; color: #8f8f8f; float: left; padding: 2px 0 0; float: left;}
.user_photo_info a {font: normal 19px Gerbera-Bold; color: #fff; display: block; margin: 0 0 7px;}
.user_photo_count {padding-left: 20px; background: url(../img/camera.png) no-repeat left center;}

.invert-btn { margin-top: 50px;}
.invert-btn button {width: 100%; text-transform: uppercase; cursor: pointer;}
.invert-btn button.dark-btn  {padding-top: 8px; padding-bottom: 8px;}

.photo-info-block .shortdescr {
	padding: 30px 0;
    border-bottom: 1px solid #515151;
    margin-bottom: 30px;
    line-height: 1.4;
	font-size: 15px;
}

.photo-light-pollution {margin: 40px 0 0;}
.photo-light-pollution span {float: right;}

.light-pollution-bar {width: 100%; height: 4px; background: url(/img/light-pollution-bar.png) no-repeat center; position: relative; margin: 25px 0 0; background-size: 100% 8px;}
.light-pollution-bar i {font-size: 16px; color: #fff; position: absolute; top: -14px; left: 0; margin-left: -5px;}

.photo-location {margin: 30px 0 0; font: normal 15px Gerbera-light;}
.photo-link-to-web {margin: 10px 0; font: normal 15px Gerbera-light;}

.photo_group {  
	border-bottom: 1px solid #515151;
	padding: 0 0 20px;
}

.photo_group_item {    
	padding: 20px 0 0;
    border-top: 1px solid #515151;
    margin: 20px 0 0px;}
.photo_group_item_input {position: absolute; top: 5px; left: 5px;}
.photo_group_item_input input {width: 17px; height: 17px;}
.photo_group_item_a {display: block; width: 120px; height: 120px; margin-right: 20px; float: left; position: relative;}
.photo_group_item_a img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
.photo-group-item-current, .photo-group-item-update {background: #494949; padding: 7px 10px; border-radius: 4px; color: #fff; font: normal 14px Gerbera-light; float: right; margin-left: 10px;}
.photo-group-item-update { background: #3ec300;}
.show-changes-btn {margin: 20px 0 0; text-align: center;}
.photo-group-item-info {overflow: hidden;}
.photo-group-item-info-title {color: #fff; font: normal 16px Gerbera-medium; margin: 0 0 15px;}
.photo-group-item-info-title a {color: #fff;}
.photo-group-item-info-item {margin: 10px 0; line-height: 1.2;}
.photo-group-item-info-item i {width: 15px; text-align: center;}

.close_compare {
	position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    z-index: 99;
    cursor: pointer;
}

.photo_share_block {margin: 40px 0; background: #000; padding: 20px;}
.photo_share_cap {text-transform: uppercase; font: normal 14px gerbera-medium; color: #fff; margin: 0 0 20px;}
.share_links_block {float: left; width: 45%; margin-right: 5%; margin-bottom: 30px;}

.comments-form {margin: 18px 0 0; width: 800px; max-width: 100%;}
.comments-form h3 {text-transform: none; letter-spacing: 0.3px; font-family: gerbera; color: #f1f1f1; margin: 0 0 30px;}
.add-comment-form {border-top: 1px solid #666; margin: 30px 0 0; padding: 30px 0 0; display: none;}
.add-comment-form img {width: 65px; height: 65px; border-radius: 50px; object-fit: cover; display: inline-block; vertical-align: top;}
.add-comment-form div.text-area-block {display: inline-block; vertical-align: top; width: 100%; margin: 0;}
.add-comment-form textarea {margin: 0 0 15px 0;}
.add-comment-form p.regtocomment {margin: 0; background: #111; padding: 10px;}


.bi_comment {padding: 20px 0 0; margin: 20px 0 0; border-top: 1px solid #333;}
.bi_comment.child {margin-left: 50px;}
.bic_photo {float: left; margin-right: 15px;}
.bic_photo img {width: 60px; height: 60px; border-radius: 50px; object-fit: cover;}
.bic_textblock {overflow: hidden;}
.bic_user {margin: 0 0 7px; font-size: 17px; font-family: Gerbera-bold; padding: 3px 0;}
.bic_user a {color: #fff;}
.bic_text {font-size: 16px;line-height: 1.4; color: #eee; font-family: gerbera-light;}
span.bic_answer  {color: #2680eb; cursor: pointer;}
.comto_text {cursor: pointer;}
.bigitem_date {color: #777; margin: 0 0 0 10px; float: right;}
.reply-to {margin: 0 0 10px;}
.reply-to span {color: #fff; margin-right: 5px;}
.reply-to i {cursor: pointer;}
.replied {color: #8e8e8d; font-family: gerbera; font-size: 15px; background: #393939; padding: 2px 10px; border-radius: 5px; margin: 0 0 0 10px;}

.show-objects-bar {position: absolute; top: 5px; left: 5px; padding: 5px; font-size: 14px; color: #fff; background: rgba(0,0,0,0.7); display: none;}
	.show-photo:hover .show-objects-bar {display: block;}
	.show-photo:hover .zoomer-controls {display: block;}
	.show-objects-bar.empty {display: none !important;}
.show-objects-bar span {color: #acacac; margin: 0 3px 0 0;}
.show-objects-bar input[type=range] {vertical-align: middle; margin: 0 5px; cursor: pointer;}
/* User */
.clear-filter {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; cursor: pointer; color: #8e8e8d; font: normal 16px Gerbera-light; background: #323232; padding: 10px 0;}
.user-info-block-photo {width: 180px; height: 180px; position: relative; margin-right: 25px; display: inline-block; vertical-align: top;}
.user-info-block-photo img {width: 100%; height: 100%; border-radius: 100px; object-fit: cover;}
.user-info-block-more {display: inline-block; vertical-align: top; width: 585px;}
.user-info-block-more h1 {font: normal 28px Gerbera-bold; text-transform: none; letter-spacing: 0; margin-bottom: 20px;}
.user-info-block-info {display: inline-block; vertical-align: top; width: 185px; padding-right: 20px; box-sizing: border-box;}
.user-info-block-info.contact {width: 350px;}
.user-info-block-info .ubi-caption {font: normal 13px Gerbera-bold; color: #757575; text-transform: uppercase; margin: 0 0 15px;}
.ubi-item {font: normal 15px Gerbera-light; color: #acacac; margin: 10px 0;}
.ubi-item span {display: inline-block; margin-right: 10px;}
.ubi-item span:last-child {margin-right: 0;}
.ubi-item span.green {color: #3DC300;}
.ubi-item a {color: #acacac;}
.ubi-item i {color: #616161; margin-right: 5px; width: 20px; text-align: center;}
.ubi-item a:hover {color: #fff;}
.user-menu {font: normal 18px/1 Gerbera-Bold; color: #757575; border-bottom: 3px solid #343434; margin: 30px 0 0; padding: 15px 0;}
.user-menu span, .user-menu .user-menu-toggle {display: inline; padding: 15px 20px; position: relative; transition: 0s; }
.user-menu span.active, .user-menu span:hover, .user-menu .user-menu-toggle.active, .user-menu .user-menu-toggle:hover {color: #fff; cursor: pointer; border-bottom: 3px solid #2680eb; padding-bottom: 12px;}
span.delete_this_album, span.add_new_album { float: right; padding: 3px 20px 11px 20px; }
.user-photo-block {padding: 15px 0 0; }
.user-toggle-content {display: none;}
.user-toggle-content.show {display: block;}
.inside .photo_preview {width: 256px; height: 200px; margin: 0 12px 12px 0;}
.inside .photo_preview:nth-child(3n+3) {
	margin: 0 0 12px 0;
}


.photo_preview.myfeed {width: 385px; height: 270px;}


.photo_preview.myfeed .photo-list-bar {display: none;}
.photo_preview.myfeed .photo_preview_container .pp_author {display: block; right: 5px; bottom: 10px; top: auto;}
.photo_preview.myfeed .title_and_location {height: 34px; overflow: hidden;}
.photo_preview.myfeed .photo_preview_container .pp_badges {display: block !important;}

.inside .no-sidebar .photo_preview {width: 285px; height: 220px;}

.inside .no-sidebar .photo_preview:nth-child(3n+3) {
	margin: 0 12px 12px 0;
}

.inside .no-sidebar .photo_preview:nth-child(4n+4) {
	margin: 0 0 12px 0;
}

.photo_preview .pp_date {
	position: absolute;
    bottom: 10px;
    right: 10px;
	font: normal 13px Gerbera-Light;
	color: #9f9995;
	padding: 3px 7px;
	border-radius: 5px;
	background: rgba(0,0,0,0.7);
}

.user-gear-item {padding: 0 25px 20px 25px;}
.user-gear-item .dark-text {display: block;}
.user-gear-item .gear-item {display: inline-block; margin: 10px 5px 0 0; font: normal 14px Gerbera-Bold; padding: 5px 10px; border: 2px solid #4f4f4f; border-radius: 4px; color: #fff; cursor: pointer; transition: 0.3s;}
	.user-gear-item .gear-item a {color: #fff;}
	.astrophoto-category .user-gear-item .gear-item a {text-transform: UPPERCASE; letter-spacing: 1px;}
	.astrophoto-category .user-gear-item .gear-item {font-size: 16px; margin-right: 10px;}
.user-gear-item .gear-item:hover, .user-gear-item .gear-item.active {background: #2680eb; border-color: #2680eb;}
.user-btns {float: right;}

.user-subscribe .fa-check {display: none;}
.user-subscribe.follow .fa-check {display: inline-block;}
.user-subscribe.follow .fa-plus {display: none;}

.user-ignore .fa-check {display: none;}
.user-ignore.ignore .fa-check {display: inline-block;}
.user-ignore.ignore .fa-minus-circle {display: none;}

.show_user_gear {margin: 10px 0; display: none;}

.user-about-block {clear: both; margin: 30px 0 0; font: normal 14px Gerbera-light;  color: #757575;}
.user-top-notice-block {position: absolute; top: 40px; right: 0; background: #1F1F1F; border-top: 2px solid #2680eb; width: 300px; padding: 10px 0; display: none; z-index: 3; max-height: 300px;} 
.notice-item {padding: 10px 20px; text-transform: none; font: normal 14px Gerbera-light;}
.notice-item-date {font-size: 12px; color: #7d7d7d;}
.notice-item-photo {float: right; width: 35px; height: 35px; padding-left: 10px;}
.notice-item-photo img {width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
.notice-item a {color: #2680eb;}
.notice-item a:hover {text-decoration: underline;}

.user-rating {background: #3ec300;
    color: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    margin: 0px 0 0 10px;
    display: inline-block;
	font-size: 16px;
	position: relative; top: -4px;
	}
	
.users-list-name .user-rating {top: -2px;}
/* Users list */

.user-list-item {display: block; margin: 0 0 25px; border-bottom: 1px solid #111; padding: 0 0 15px;}
.users-list-photo {float: left; margin: 0 20px 0 0; width: 150px; height: 150px;}
.users-list-photo img {width: 100%; height: 100%; object-fit: cover; border-radius: 5px;}
.users-list-info {overflow: hidden; padding: 0px 0;}
.user-info-block-info-inbox {display: inline-block; vertical-align: top;}
.users-list-name a {font: normal 22px/1.2 Gerbera-bold; color: #fff; text-transform: capitalize;}
.user-subscribe.button {min-width: 150px; box-sizing: border-box; text-align: center; font-size: 11px; margin: 15px 0 0;}
.user-ignore.button {min-width: 150px; box-sizing: border-box; text-align: center; font-size: 11px; margin: 15px 0 0;}
.user-list-item .users-photo-list {display: block; width: 295px; height: 145px; float: right; text-align: center}
.user-list-item .users-photo-list img {width: 92px; height: 92px; object-fit: cover; display: block; float: left; border-radius: 10px; margin: 3px; box-sizing: border-box;}

.user-list-item .users-photo-list.upl-photo-count_1 img {width: 250px; height: 180px; float: none; display: inline-block;}
.user-list-item .users-photo-list.upl-photo-count_2 img {width: 47%; height: 140px;}
.user-list-item .users-photo-list.upl-photo-count_3 img:nth-child(1) {width: 100%; height: 120px;}
.user-list-item .users-photo-list.upl-photo-count_3 img:nth-child(2) {width: 45%; height: 65px;}
.user-list-item .users-photo-list.upl-photo-count_3 img:nth-child(3) {width: 45%; height: 65px;}
.user-list-item .users-photo-list.upl-photo-count_4 img {height: 65px;}
.user-list-item .users-photo-list.upl-photo-count_4 img:nth-child(1) {width: 100%; height: 120px;}

/* Cat */
.cat-shortdescr {color: #959595; font: normal 16px Gerbera-light;}

.submenu {background: #1F1F1F; }
.submenu a {display: inline-block; color: #ACACAC; padding: 20px; letter-spacing: 0.5px; text-transform: uppercase; font-size: 13px;}
.submenu a:hover, .submenu a.active {background: #171717;}
.submenu a.myfeed {float: right;}

.follow-item {margin: 0 0 10px;}
.follow-item .fi-photo {float: left; margin: 0  10px 0 0;}
.follow-item .fi-photo img {width: 50px; height: 50px; object-fit: cover;}
.follow-item .fi-name a {color: #fff;}
.follow-item .user-subscribe.button {margin: 5px 0 0; font-size: 11px; padding: 8px 5px;}

/* Upload photo */
.main-link-block {width: 425px; margin: 0 auto; position: relative;}
.main-link-block input {height: 48px;font: normal 16px/48px Gerbera-light; color: #ecebe9; padding: 0 15px; border-radius: 5px; outline: none;}
.main-link-block button {position: absolute; top: 0; right: 0; width: 50px; height: 48px; line-height: 48px; color: #fff; background: #2680eb; border: none; border-radius: 0 5px 5px 0; font-size: 16px; cursor: pointer;}
.show-more-links {margin: 20px 0 30px; font: normal 13px Gerbera-bold; color: #909090; text-transform: uppercase; cursor: pointer;}
.uploaded-h1 img {    
	vertical-align: top;
    position: relative;
    top: -4px;}
	
.info-type {color: #909090; margin: 0 0 40px;}
.info-type > div {display: inline-block; vertical-align: top; position: relative; margin: 0 50px 0 0;}
	.info-type-caption {font-family: Gerbera-light; font-size: 16px; margin: 0 0 15px; }
	.info-type .prev_select {position: absolute; top: 70px; width: 300px; background: #252525; padding: 10px; display: none; z-index: 2;}
	.prev_photo_item {margin: 10px;}
	.prev_photo_item > a {float: left; margin: 0 10px 0 0;}
	.prev_photo_item img {width: 80px; height: 80px; border-radius: 5px;}
	.prev_photo_item .ppi_info {overflow: hidden;}
	.ppi_choose {color: #fff; margin: 10px 0 0; cursor: pointer;}
	
	
.upload-column {width: 575px; color: #909090; display: inline-block; vertical-align: top;}	
.upload-left {margin-right: 30px;}	
.upload-left-item {margin: 0 0 15px; font: normal 16px Gerbera-light; position: relative;}	
.upload-column .upload-label {width: 170px; display: inline-block; padding: 9px 20px 0 0; box-sizing: border-box; vertical-align: top;}
.upload-column input, .upload-column textarea {width: 404px; margin: 0; display: inline-block;}
.upload-column input:focus {background: #707070; color: #fff;}
.upload-column select {border-radius: 4px;}
.upload-column input.xshort {width: 85px; text-align: center;}
	.uli-blockview .upload-label  {display: block; width: 100%; margin: 0 0 10px;}
	.uli-blockview input  {width: 100%;}
.upload-colum-caption {font: normal 13px Gerbera; text-transform: uppercase; margin-bottom: 25px;}

.same-search-block {display: none; position: absolute; top: 45px; left: 170px; z-index: 99; width: 405px; background: #424242;  border-radius: 3px; padding: 5px 0;}
.same-names-item {padding: 5px 10px; color: #ccc; font-size: 14px; cursor: pointer;}
.same-names-item:hover {background: #323232;}
.same-names-item i {color: #aaa;}

.exposure-item {display: inline-block; vertical-align: top; text-align: center;}
.exposure-item-caption {display: block; margin: 2px 0 0; font-size: 13px;}
input.short_250, select.short_250 {width: 250px; }
.exp_info {margin-bottom: 5px;}

.add_exp, .del_exp {cursor: pointer; margin: 0 1px;}
.add_exp:hover, .del_exp:hover {color: #fff;}

.light-range {
	background: url(/img/light_range.png) no-repeat center;
}
.light-polution-text {margin: 20px 0 0;}

.upload-radio-block {margin: 30px 0 0;}
.addfromprevblock {margin: 30px 0 0;}

.exposure .exp_info:first-child .del_exp {display: none;}
.more_share {
	display: none;
	width: 500px;
    margin: 30px auto;
	}
.more_links_cap {
	font-size: normal 15px Gerbera-bold;
	color: #2680eb;
}

textarea.photo_descr_block {width: 100%; display: block; height: 250px; margin: 10px 0 0;}

.choose_parent {float: right;}
.parent_radio_input {text-align: right; cursor: pointer;}
.parent_choose_photo {display: block; margin: 10px 0px;}
.parent_choose_photo span {color: #656464;}

.upload-btns {border-top: 1px solid #323232; padding: 15px 0 0;}

.upload-wrapper {
    display: flex;
    gap: 20px;
    margin-bottom: 35px;
    align-items: center;
	border-bottom: 1px solid #2e2e2e;
    padding-bottom: 35px;
}

.upload-left img {
    width: 250px;
    height: 250px;
    object-fit: cover;
	border-radius: 10px;
}

.upload-right {
    flex: 1;
}

/* Objects */

.object-item {background: #252525; padding: 20px 25px; color: #757575; margin: 0 0 25px;}
.object-item-right {float: right;}
.object-item-right > div {display: inline-block; vertical-align: middle; margin: 0 10px; font-size: 16px;}
.object-item-right .oir-calendar { background: url(/img/ob_icon_calendar.png) no-repeat left center; color: #fff; padding: 0 0 0 25px;}
.object-item-right .oir-bestmonth { background: url(/img/ob_icon_thumb.png) no-repeat left center; padding: 0 0 0 25px;}
.object-item-right .fits-time { padding: 0 0 0 25px;}
.object-item-right div.oir-tracking {margin-right: 0;}
.object-item h3 {font-size: 24px; letter-spacing: 0.5px; margin: 5px 0 0; background: url(/img/green-dot.png) no-repeat left center; padding: 0 0 0 25px; line-height: 1;}
.oi-strname {font-size: 18px; margin: 10px 0 0;}
.oi-infoblock {margin: 25px 0 0; border-bottom: 1px solid #3B3B3B; padding-bottom: 15px; overflow: hidden;}
.oi-caption {text-transform: uppercase; letter-spacing: 1px;     font-family: Gerbera-bold; margin: 0 0 15px; font-size: 13px;}

.oi-info {display: inline-block; vertical-align: top;}
.oi-mooninfo {display: inline-block; vertical-align: top; margin-left: 50px;}
.oii-item {padding: 7px 0 7px 27px; font-size: 16px; font-family: Gerbera-light;}
	.oi-mooninfo .oii-item {color: #fff;}
.oii-item span.value {color: #fff; border-bottom: 1px solid #3B3B3B; width: 120px; display: inline-block; margin-right: 10px;}
.oii-item span.value i {background: #252525; padding: 0 5px 3px 0;}
	.oii-rise {background: url(/img/ob_icon1.png) no-repeat 1px center;}
	.oii-sets {background: url(/img/ob_icon2.png) no-repeat 1px center;}
	.oii-maxalt {background: url(/img/ob_icon3.png) no-repeat 3px center;}
	.oii-available {background: url(/img/ob_icon4.png) no-repeat left center;}
	.oii-faces {background: url(/img/ob_icon6.png) no-repeat left center;}
	.oii-leftarrow {background: url(/img/ob_icon7.png) no-repeat left center;}
	.oii-astronight {background: url(/img/ob_astronight.png) no-repeat left center; color: #757575;}
.oi-techinfo {float: right; margin: 25px 0 0; width: 220px; margin-left: 40px;}
.oi-techinfo .oii-item {padding-left: 0;}
.object-char {width: 50%; height: auto; position: relative;}

/* Fits Bank */

.fits-type {margin: 15px 0 0;}




/* Settings */

.settings-content {
	width: 685px;
	margin: 0 auto;
}

.settings-block-caption {text-transform: uppercase; margin: 40px 0 20px;}
.settings-item {margin: 15px 0;}
.settings-item-label {display: inline-block; vertical-align: top; width: 200px; padding: 10px 20px 0 0; box-sizing: border-box; color: #9f9995; font: normal 16px Gerbera-light;}
.settings-item-values {display: inline-block; vertical-align: top; width: 480px;}
.settings-item-values input, .settings-item-values textarea {margin: 0; background: #363636;}
.settings-item-values input.x2 {display: inline-block; width: 150px;}

.settings-button {margin: 40px 0 0; border-top: 2px solid #343434; padding: 40px 0 0;}

.setting-ava {float: left; width: 180px;}
.setting-ava img {width: 180px; height: 180px; border-radius: 100px; object-fit: cover;}

.setting-ava-btns {text-align: center; margin: 20px 0;}
.setting-ava-btns span {font: normal 16px Gerbera-light; display: inline-block; cursor: pointer;}
.setting-ava-btns span:first-child {margin-right: 10px;}
.setting-ava-btns input {display: none;} 


.settings-val-notice {margin: 5px 0 0;}
.settings-val-notice div {margin: 0 0 10px;}

.settings-val-error-notice {margin: 5px 0; color: #a53c3c;}



.l-sort-block {margin: 0 0 10px;}
.l-order-block {font: normal 16px/1 Gerbera-light; color: #fff; border: 2px solid transparent; border-radius: 4px; padding: 5px 10px 5px 0; display: inline-block; position: relative;}
.l-order-item {color: #acacac; margin-left: 5px; cursor: pointer;}
.l-order-item i {margin-left: 3px; font-size: 12px;}

.l-sort-choose {display: none; position: absolute; top: 30px; left: -2px; z-index: 99; background: #000; padding: 10px; color: #acacac; width: 100%; min-width: 200px;}
.l-sort-choose .l-sort-choose-item {padding: 7px 20px 7px 10px; font-size: 15px; cursor: pointer; display: block;}
.l-sort-choose div, .l-sort-choose a {padding: 7px 20px 7px 10px; font-size: 15px; cursor: pointer; display: block;}
.l-sort-choose div:hover, .l-sort-choose a:hover {color: #fff;}

.l-per-page {float: right; font: normal 14px/1 Gerbera-medium; text-transform: uppercase; color: #fff; border: 2px solid #4F4F4F; border-radius: 4px; padding: 10px 15px; cursor: pointer; display: none;}
.l-per-page i {margin-left: 3px; font-size: 14px; color: #4F4F4F;}

.paginations {margin: 50px 0 0;}
a.pages-pageitem {width: 30px; height: 30px; font: normal 15px/30px Gerbera-bold; text-align: center; border: 2px solid #8E8E8E; margin: 0 5px; display: inline-block; border-radius: 4px;}
a.pages-pageitem.nav-prev, a.pages-pageitem.nav-next {
	width: 55px;
}
a.pages-pageitem:hover, a.pages-pageitem.active {background: #2680eb; color: #fff; border-color: #2680eb;}

.page-caption {color: #fff; margin-right: 10px; font: normal 17px Gerbera-light;}

/* Padding & Margins */
.p-0 {padding: 0;}
.m-0 {margin: 0 !important;}

.pt-0 {padding-top: 0;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-25 {padding-top: 25px;}
.pt-30 {padding-top: 30px;}
.pt-40 {padding-top: 40px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.pb-40 {padding-bottom: 40px;}
.pb-60 {padding-bottom: 60px;}
.pb-70 {padding-bottom: 70px;}

.ml-20 {margin-left: 20px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mt-30 {margin-top: 30px;}
.mt-20 {margin-top: 20px;}

/* Light polution slider */

.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 290px !important; /* Full-width */
  height: 8px; /* Specified height */
  background-image: url(/img/light-pollution-bar.png) !important; /* Grey background */
  background-size: 100% auto !important;
  outline: none; /* Remove outline */
  opacity: 1; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
  border-radius: 3px;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 10px; /* Set a specific slider handle width */
  height: 12px; /* Slider handle height */
  background: #fff; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 10px; /* Set a specific slider handle width */
  height: 16px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  cursor: pointer; /* Cursor on hover */
}


.for-mobile {display: none;}


_:-ms-lang(x), .photo_preview_container img.this-img {display: none;}

.zoomer-controls {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	display: none;
}

.zoomer-toggle {
	margin: 5px;
	background:	#ededed;
	padding: 4px 5px;
	border-radius: 0.25rem;
	box-shadow: 1px 1px 0 #afafaf;
	color: black;
	cursor: pointer;
}

.zoomer-toggle.hidden {
	display: none;
}

.pp_album_title {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  background: rgba(0,0,0,.6);
  padding: 4px;
  box-sizing: border-box;
}

.album_preview .photo_preview_container .album-is-collage img {
  height: 50%;
  width: 50%;
}

.popular-photo {
    position: relative;
}
.popular-photo::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.5);
}
.popular-photo > * {
    position: relative;
    z-index: 2;
}

.inline-block {
	display: inline-block;
}


.photo-bottom {
    display: flex;
    flex-direction: row-reverse;
    gap: 30px;
    margin-top: 30px;
}

.fits-project {
    flex: 1; 
    min-width: 250px;
}

.fp-container {
	background: #252525;
	padding: 20px 5px;
	text-align: center;
}

.fp-container h3 {
	letter-spacing: 0;
}

.fp-container img {
	max-width: 100%;
	object-fit: cover;
}

.fp-container p {
	margin: 0 0 20px;
}

.object-extra {
    display: flex;
    gap: 20px;
	justify-content: space-between;
}

.right-half {
    width: 425px;
    display: flex;
    gap: 12px;
}

.right-mini-grid {
    width: 50%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
    gap: 6px;
}

.mini-photo {
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    border-radius: 6px;
}

.mini-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.right-viewall {
    width: 50%;
    background: rgba(255,255,255,0.05);
    border-radius: 10px;
    text-align: center;
    padding: 15px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
    color: #ccc;
}

.right-viewall:hover {
    background: rgba(255,255,255,0.08);
}

.va-num {
    font-size: 26px;
    font-weight: 600;
    color: #fff;
}

.va-label {
    margin: 10px 0;
    font-size: 13px;
    color: #aaa;
}

.va-link {
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
}

.invert-btn button.loading {
    opacity: 0.5;
    pointer-events: none;
    position: relative;
}

.invert-btn button.loading::after {
    content: "";
    position: absolute;
    right: -24px;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

@media (max-width: 1000px) {
    .object-altitude-block {
        display: none;
    }
}

.monochrome-view .iv-snap-view img, .monochrome-view .iv-image-view img, .monochrome-view .show-photo.left-content img  {
	filter: grayscale(1) invert(1);
}

.mobile-invert {
		display: none;
		margin-bottom: 20px;
	}
	
	
/* TOGGLE */
.toggle-container {
	display: flex;
	align-items: center;
	gap: 14px;
}

/* Switch */
.toggle {
	position: relative;
	width: 42px;
	height: 22px;
}
.toggle input {
	opacity: 0;
	width: 0;
	height: 0;
}
.toggle-slider {
	position: absolute;
	inset: 0;
	border-radius: 999px;
	background: #333;
	transition: 0.2s;
}
.toggle-slider::before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: #fff;
	transition: 0.2s;
}
.toggle input:checked + .toggle-slider {
	background: #3b82f6;
}
.toggle input:checked + .toggle-slider::before {
	transform: translateX(18px);
}

/* Badges */
.badges {
	display: flex;
	gap: 6px;
}
.badge {
	padding: 2px 6px;
	font-size: 11px;
	border-radius: 4px;
	background: rgba(255,255,255,0.15);
	border: 1px solid rgba(255,255,255,0.25);
	cursor: pointer;
	user-select: none;
}
.badge.off {
	opacity: 0.3;
}
.badges.hidden {
	opacity: 0;
	pointer-events: none;
	transition: 0.2s;
}

.image-overlay-stick, .image-overlay-point {
    pointer-events: none;
}