#mainform .r {
			padding: 15px;
			margin-bottom: 32px;
		}

		#mainform .r > div {
			padding: 8px 15px;
		}
		
		@media (max-width: 767px) {
		  #mainform .r > div {
			padding-left: 0;
			padding-right: 0;
		  }
		}

		.box-outlined {
			background: #fff;
			border: 1px solid #eee;
			border-bottom: 2px solid #099;
			border-radius: 4px;
			background: #fafafa;
		}

		div[data-placeholder]:empty:after {
			color: #666;
			content: attr(data-placeholder);
			letter-spacing: 2px;
			font-size: 12px;
		}

		#mainform label {
			font-size: 13px;
			font-weight: 700;
		}

		#mainform .label-big {
			letter-spacing: 0.5px;
			text-transform: uppercase;
			font-weight: 600;
			font-size: 12px;
			flex: 0 0 30px;
		}

		p.hint {
			margin: 0;
			font-size: 12px;
			margin-top: 4px;
		}

		div.error {
			color: red; 
			font-size: 10px; 
			white-space: nowrap; 
			text-overflow: ellipsis;
			display: none;
		}

		label[req]:after {
			color: red;
			content: " *";
		}

		.modal-container {
			position: fixed;
			top: 0;
			left: 0;
			display: flex;          
			height: 100%;
			width: 100%;
			align-items: center;
			justify-content: center;
			z-index: 2;
			background: linear-gradient(158deg, rgba(84, 84, 84, 0.03) 0%, rgba(84, 84, 84, 0.03) 20%,rgba(219, 219, 219, 0.03) 20%, rgba(219, 219, 219, 0.03) 40%,rgba(54, 54, 54, 0.03) 40%, rgba(54, 54, 54, 0.03) 60%,rgba(99, 99, 99, 0.03) 60%, rgba(99, 99, 99, 0.03) 80%,rgba(92, 92, 92, 0.03) 80%, rgba(92, 92, 92, 0.03) 100%),linear-gradient(45deg, rgba(221, 221, 221, 0.02) 0%, rgba(221, 221, 221, 0.02) 14.286%,rgba(8, 8, 8, 0.02) 14.286%, rgba(8, 8, 8, 0.02) 28.572%,rgba(52, 52, 52, 0.02) 28.572%, rgba(52, 52, 52, 0.02) 42.858%,rgba(234, 234, 234, 0.02) 42.858%, rgba(234, 234, 234, 0.02) 57.144%,rgba(81, 81, 81, 0.02) 57.144%, rgba(81, 81, 81, 0.02) 71.42999999999999%,rgba(239, 239, 239, 0.02) 71.43%, rgba(239, 239, 239, 0.02) 85.71600000000001%,rgba(187, 187, 187, 0.02) 85.716%, rgba(187, 187, 187, 0.02) 100.002%),linear-gradient(109deg, rgba(33, 33, 33, 0.03) 0%, rgba(33, 33, 33, 0.03) 12.5%,rgba(147, 147, 147, 0.03) 12.5%, rgba(147, 147, 147, 0.03) 25%,rgba(131, 131, 131, 0.03) 25%, rgba(131, 131, 131, 0.03) 37.5%,rgba(151, 151, 151, 0.03) 37.5%, rgba(151, 151, 151, 0.03) 50%,rgba(211, 211, 211, 0.03) 50%, rgba(211, 211, 211, 0.03) 62.5%,rgba(39, 39, 39, 0.03) 62.5%, rgba(39, 39, 39, 0.03) 75%,rgba(55, 55, 55, 0.03) 75%, rgba(55, 55, 55, 0.03) 87.5%,rgba(82, 82, 82, 0.03) 87.5%, rgba(82, 82, 82, 0.03) 100%),linear-gradient(348deg, rgba(42, 42, 42, 0.02) 0%, rgba(42, 42, 42, 0.02) 20%,rgba(8, 8, 8, 0.02) 20%, rgba(8, 8, 8, 0.02) 40%,rgba(242, 242, 242, 0.02) 40%, rgba(242, 242, 242, 0.02) 60%,rgba(42, 42, 42, 0.02) 60%, rgba(42, 42, 42, 0.02) 80%,rgba(80, 80, 80, 0.02) 80%, rgba(80, 80, 80, 0.02) 100%),linear-gradient(120deg, rgba(106, 106, 106, 0.03) 0%, rgba(106, 106, 106, 0.03) 14.286%,rgba(67, 67, 67, 0.03) 14.286%, rgba(67, 67, 67, 0.03) 28.572%,rgba(134, 134, 134, 0.03) 28.572%, rgba(134, 134, 134, 0.03) 42.858%,rgba(19, 19, 19, 0.03) 42.858%, rgba(19, 19, 19, 0.03) 57.144%,rgba(101, 101, 101, 0.03) 57.144%, rgba(101, 101, 101, 0.03) 71.42999999999999%,rgba(205, 205, 205, 0.03) 71.43%, rgba(205, 205, 205, 0.03) 85.71600000000001%,rgba(53, 53, 53, 0.03) 85.716%, rgba(53, 53, 53, 0.03) 100.002%),linear-gradient(45deg, rgba(214, 214, 214, 0.03) 0%, rgba(214, 214, 214, 0.03) 16.667%,rgba(255, 255, 255, 0.03) 16.667%, rgba(255, 255, 255, 0.03) 33.334%,rgba(250, 250, 250, 0.03) 33.334%, rgba(250, 250, 250, 0.03) 50.001000000000005%,rgba(231, 231, 231, 0.03) 50.001%, rgba(231, 231, 231, 0.03) 66.668%,rgba(241, 241, 241, 0.03) 66.668%, rgba(241, 241, 241, 0.03) 83.33500000000001%,rgba(31, 31, 31, 0.03) 83.335%, rgba(31, 31, 31, 0.03) 100.002%),linear-gradient(59deg, rgba(224, 224, 224, 0.03) 0%, rgba(224, 224, 224, 0.03) 12.5%,rgba(97, 97, 97, 0.03) 12.5%, rgba(97, 97, 97, 0.03) 25%,rgba(143, 143, 143, 0.03) 25%, rgba(143, 143, 143, 0.03) 37.5%,rgba(110, 110, 110, 0.03) 37.5%, rgba(110, 110, 110, 0.03) 50%,rgba(34, 34, 34, 0.03) 50%, rgba(34, 34, 34, 0.03) 62.5%,rgba(155, 155, 155, 0.03) 62.5%, rgba(155, 155, 155, 0.03) 75%,rgba(249, 249, 249, 0.03) 75%, rgba(249, 249, 249, 0.03) 87.5%,rgba(179, 179, 179, 0.03) 87.5%, rgba(179, 179, 179, 0.03) 100%),linear-gradient(241deg, rgba(58, 58, 58, 0.02) 0%, rgba(58, 58, 58, 0.02) 25%,rgba(124, 124, 124, 0.02) 25%, rgba(124, 124, 124, 0.02) 50%,rgba(254, 254, 254, 0.02) 50%, rgba(254, 254, 254, 0.02) 75%,rgba(52, 52, 52, 0.02) 75%, rgba(52, 52, 52, 0.02) 100%),linear-gradient(90deg, #FFF5,#FFF5)
		}

		.app-modal {
			min-width: 300px;
			background-color: #fff;
			z-index: 2001;
			border: none;
			border-radius: 2px;
			-ms-touch-action: none;
			touch-action: none;
			box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
			transition: opacity 0.2s, -webkit-transform 0.2s;
			transition: transform 0.2s, opacity 0.2s;
			transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
			margin: 0 40px;
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 1;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			max-height: 98%;
		}

		.app-modal.err {
			box-shadow: 0 9px 46px 8px rgba(255, 0, 0, 0.14), 0 11px 15px -7px rgba(255, 0, 0, 0.12), 0 24px 38px 3px rgba(55, 0, 0, 0.2);
			background: #ffeeee;
		}

		.app-modal.err .title {
			color: #d9534f;
		}

		.app-modal.closed {
			transform: scale(0.2);
			opacity: 0;
		}

		.app-modal .title {
			font-size: 20px;
			padding: 21px 8px;
			line-height: 24px;
			padding-left: 24px;
			flex: 0 0 auto;
			color: #ff6600;
		}

		.app-modal.long .title {
			border-bottom: 1px solid rgba(0,0,0,0.12);
		}

		.app-modal .content {
			position: relative;
			padding: 24px;
			font-size: 16px;
			overflow: auto;
			max-height: 450px;
			color: rgba(0,0,0,0.54);
			flex: 1 1 auto;
		}

		.app-modal.marginless .content, .app-modal.marginless .buttons {
			padding: 0;
		}

		.app-modal.locations {
			width: 500px;
		}

		.app-modal.locations .content {
			padding: 0;
		}

		.app-modal .content.overflown::after {
			content: '';
			display: block;
			position: fixed;
			bottom: 53px;
			left: 0;
			right: 0;
			box-shadow: inset 0 -15px 15px #fff, inset 0 -15px 15px #fff;
			height: 50px;
			pointer-events: none;
		}

		.app-modal .buttons {
			padding: 8px;
			padding-left: 24px;
			flex: 0 0 auto;
			border-top: 1px solid rgba(0,0,0,0.12);
		}

		.app-modal .buttons button {
			float: right;
			margin-left: 8px;
			padding: 0 8px;
			font-size: 14px;
			line-height: 36px;
			white-space: nowrap;
			border: 0;
			color: #ff6600;
			background: none;
			min-width: 64px;
			font-weight: 600;
			border-radius: 4px;
			cursor: pointer;
		}

		.app-modal .buttons button:hover {
			background-color: #ff660022;
		}

		.app-modal .buttons button:active {
			background-color: #999;
		}

		.box-2 {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-gap: 0 10px;
		}

		.box-2:empty {
			padding: 0!important;
			padding: 0!important;
		}

		.app-modal .content.list {
			padding: 0;
		}

		.app-modal .content.list div {
			padding: 8px;
			padding-left: 24px;
			font-size: 14px;
			border-bottom: 1px solid rgba(0,0,0,0.12);
			padding-right: 24px;
			position: relative;
			cursor: pointer;
			transition: all 0.15s;
		}

		.app-modal .content.list div:hover {
			background-color: rgba(0,0,0,0.12);
		}

		.content.list div svg {
			position: absolute;
			right: 6px;
			top: calc(50% - 8px);
			font-size: 16px;            
			color: #009999;
		}

		.category-box {
			width: 120px;
			height: 110px;
			text-align: center;
			font-size: 12px;
			justify-self: center;
			align-self: center;
			border-radius: 6px;
			display: flex;
			border: 1px solid rgba(0,0,0,0.12);
			justify-content: center;
			align-items: center;
			flex-direction: column;
			cursor: pointer;
			position: relative;
			margin-bottom: 10px;
		}

		.box-category {
			flex-direction: column;
		}

		.box-integrate h2 {
			font-size: 16px;
			margin-bottom: 0;
		}

		.box-integrate svg {
			font-size: 48px;
			margin-top: 10px;
		}

		@media(min-width: 768px) {
			.box-2 {
				grid-template-columns: repeat(4, 1fr);
				grid-gap: 0 32px;
			}			

			.category-box {
				margin-bottom: 32px;
			}

			.box-category {
				flex-direction: row;
			}

			#mainform .label-big {				
				flex: 0 0 150px;
			}

			.box-integrate h2 {
				font-size: 26px;
				margin-bottom: 20px;
				text-align: center;
			}

			.box-integrate svg {
				font-size: 100px;
				margin-top: 0px;
			}

		}

		.category-box .hb {
			position: absolute;
			width: 100%;
			height: 100%;
			opacity: 0;
			z-index: -1;
			transition: all 0.15s;
		}

		.category-box:hover .hb {
			opacity: 0.15;
		}

		.category-box svg {
			flex: 0 0 auto;
		}

		.category-box-all {	
			grid-area: 1/1/2/3;
			border: 1px solid rgba(0,0,0,0.12);
			border-radius: 6px;
			font-size: 12px;
			padding: 8px;
			display: flex;
			align-items: center;
			box-shadow: 0px 1px 1px rgba(0,0,0,0.12)
		}

		.category-box-all svg {
			margin-right: 12px;
		}

		.title.bordered {
			border-bottom: 1px solid rgba(0,0,0,0.12);
		}

		.category-search-list {
			min-height: 200px;
			max-height: 400px;
			overflow-y: auto;
			padding: 8px;
			text-align: left;
		}

		.category-search-list h4 {
			text-align: center;
			color: #999;
			margin: 40px 30px 40px 30px;
			font-weight: 600;
			letter-spacing: 2px;
		}

		.category-search-list h4 svg {
			margin-bottom: 40px;
			font-size: 100px;
		}

		.category-search-list label {
			color: #000;
			font-size: 13px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin-bottom: 8px;
			display: block;
			padding-left: 4px;
			margin-top: 14px;
		}

		.category-search-list label:first-child {
			margin-top: 0;
		}

		.category-search-list div {
			font-size: 13px;
			font-weight: 600;
			color: rgba(0,0,0,0.54);
			margin-bottom: 2px;
			padding-top: 3px;
			padding-bottom: 3px;
			padding-left: 24px;
			cursor: pointer;
		}

		.category-search-list div:hover {
			background-color: #eee;
		}

		.category-search-box {
			flex: 0 0 auto;
			border-top: 1px solid rgba(0,0,0,0.12);
		}

		.category-search {
			width: 100%;
			height: 56px;
			border: none;
			font-size: 15px;
			padding: 0 16px;
			color: #663366;
			caret-color: #663366;
			outline: none!important;
		}

		.category-search::placeholder {
			color: #ff6600;
		}

		.categories-path > div, .category-search-title {
			padding: 8px;
			padding-left: 24px;
			font-size: 14px;
			background-color: #fafafa;
			border-bottom: 1px solid rgba(0,0,0,0.12);
			letter-spacing: 1px;
			text-transform: uppercase;
			font-size: 11px;
			font-weight: bold;
			line-height: 20px;
		}

		.categories-path > div:hover {
			cursor: pointer;
			background-color: #66336622;
		}

		.category-search-title {
			background-color: #663366;
			color: #fff;
			display: flex;
			padding: 0;
			align-items: center;
		}

		.category-search-title .app-btn {
			flex: 0 0 auto;
			width: 40px;
			height: 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 24px;
			cursor: pointer;
			margin: 4px;
		}

		.category-search-title .app-btn:hover {
			background: rgba(255,255,255,0.1);
		}

		#details_cont {
			flex-direction: column;
		}

		#details_cont .r {
			margin-bottom: 0;
			padding: 0 15px !important;
		}

		.frozen {
			overflow: hidden;
		}

		textarea.form-control {
			height: auto;
		}


		span[data-hint] {
			display: inline-block;
			position: relative;
			color: #009999;
			margin-right: 8px;
		}

		span[data-hint]:after {
			white-space: pre-wrap;
			color: #000;
			line-height: 1.1;
			text-align: justify;
			visibility: hidden;
			transition: all 0.15s;
			opacity: 0;
			top: 0;
			content: attr(data-hint);
			position: absolute;
			width: 320px;
			margin-left: -150px;
			font-size: 11px;
			border: 1px solid rgba(0,0,0,0.12);
			border-radius: 2px;
			padding: 6px;
			background-color: rgba(255,255,255,0.9);
			z-index: 9;
			box-shadow: 1px 1px 6px rgba(0,0,0,0.2);
		}

		span[data-hint]:hover:after {
			top: 10px;
			opacity: 1;
			visibility: visible;
		}

		.progress-bar-m {
			width: 100%;
			height: 20px;
			box-sizing: border-box;
			border-radius: 2px;
			border: 1px solid rgba(0,0,0,0.12);
			background-color: rgba(0,0,0,0.12);
			margin: 4px 0;
			position: relative;
			max-width: 200px;
			box-shadow: inset 0 0 4px rgba(0,0,0,0.4);
		}

		.progress-bar-m .fill {
			position: absolute;
			height: 100%;
			left: 0;
			top: 0;
			z-index: 2;
			border-radius: 2px 0 0 2px;
			transition: all 0.15s;
			box-shadow: inset 0 0 4px #fff;
		}

		.progress-bar-m.p-1 .fill {
			background-color: #ff001a;
			width: 25%;
		}

		.progress-bar-m.p-2 .fill {
			background-color: #ff6600;
			width: 50%;
		}

		.progress-bar-m.p-3 .fill {
			background-color: #ffe600;
			width: 75%;
		}

		.progress-bar-m.p-4 .fill {
			background-color: #53a93f;
			width: 100%;
		}

		.progress-bar-m .l {
			width: 0;
			height: 100%;
			position: absolute;
			border-left: 1px solid rgba(0,0,0,0.12);
			left: 25%;
			top: 0;
			z-index: 3;
		}

		.progress-bar-m .l.l-2 {
			left: 50%;
		}

		.progress-bar-m .l.l-3 {
			left: 75%;
		}

		.progress-bar-m:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			background-image: linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
			z-index: 2;
			background-size: 40px 40px;
			overflow: hidden;
		}

		#desc_count {
			font-size: 10px;
		}

		.red {
			color: red;
		}

		.form-control.bit-control {
			height: auto;
		}

		.form-control.bit-control div {
			float: left;
			width: 25%;
			min-width: 180px;
			cursor: pointer;
			border-radius: 2px;
			padding: 2px 4px;
			box-sizing: border-box;
		}
		
		@media (max-width: 767px) {
		  .form-control.bit-control div{
			min-width: 0;
			width: 100%;
		  }
		}

		.form-control.bit-control div:hover {
			background-color: rgba(255,102,0,.2);
		}

		.price-table {
			border: 1px solid #777777;
			background: #f6f6f6;
			border-radius: 20px;
			margin-bottom: 2rem;
			position: relative;
			padding: 0!important;
			margin: 16px;
			display: flex;
			flex-direction: column;
			flex: 1 1 auto;
		}

		.price-table-price {
			width: 120px;
			height: 60px;
			border: 1px solid #777777;
			background: #fff;
			border-radius: 30px;
			margin: 0 auto;
			position: relative;
			top: -30px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: -20px;
			box-shadow: 0 0 2px #f6f6f6, 0 0 2px #777777;
			font-weight: 700;
			color: #777777;
		}

		.price-table.o .price-table-price {
			border: 1px solid #ff6600;
			box-shadow: 0 0 2px #ffefe5, 0 0 2px #ff6600;
			color: #ff6600;
		}

		.price-table.t .price-table-price {
			border: 1px solid #009999;
			box-shadow: 0 0 2px #e5f4f4, 0 0 2px #009999;
			color: #009999;         
		}

		.price-table.o {
			border: 1px solid #ff6600;
			background: #ffefe5;
		}

		.price-table.t {
			border: 1px solid #009999;
			background: #e5f4f4;
		}

		.price-table-h {
			background: #777777;
			color: #fff;
			text-align: center;
			font-weight: 500;
			font-size: 21px;
			padding: 2rem 1.5rem;
			padding-bottom: 3rem;
			border-radius: 15px;
		}

		.price-table-h small {
			display: block;
			font-size: 12px;
			text-align: center;
		}

		.price-table.o .price-table-h {
			background: #ff6600;
		}

		.price-table.t .price-table-h {
			background: #009999;
		}

		.price-table-r {
			padding: 1rem;
			display: flex;
			align-items: flex-start;            
		}

		.price-table-r > span:first-child {
			color: #777;
		}


		.price-table.o .price-table-r > span:first-child {
			color: #f60;
		}

		.price-table.t .price-table-r > span:first-child {
			color: #099;
		}

		.price-table-r > span:last-child {
			font-size: 14px;
			margin-left: 1rem;
		}

		.price-table-d {
			padding: 1.5rem 1rem;
			text-align: center;
			font-size: 14px;
			color: #f60;
			flex: 1 1 auto;
			display: flex;
			align-items: flex-end;
			justify-content: center;
		}

		.price-table-d > button {
			padding: 12px;
			border-radius: 21px;
			border: 1px solid #fff;
			font-size: 14px;
			color: #fff;
			box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
			background-color: #777;
			cursor: pointer;
			transition: all 0.15s;
		}

		.price-table.o .price-table-d > button {
			background-color: #ff6600;
		}

		.price-table.t .price-table-d > button {
			background-color: #099;
		}

		.price-table-d > button:hover {
			box-shadow: 1px 1px 5px rgba(0,0,0,1);
			transform: scale(1.1);
		}

		p.info {
			background: #e5f4f4;
			width: 100%;
			padding: 10px;
			border-radius: 4px;
			border: 1px solid rgba(0,0,0,0.03);
		}

		p.info svg {
			margin-right: 8px;
		}

		body.dragover {
			overflow: hidden;
		}

		/*body.dragover * {
			pointer-events: none;
		}*/

		#dragcover {
			position: fixed;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			background-color: rgba(0, 153, 153, 0.2);
			z-index: 100;
			content: '';
			visibility: hidden;
			border: 4px dashed rgb(0, 153, 153);
			display: flex;
			align-items: center;
			justify-content: center;
		}

		#dragcover:after {
			content: "Upuść tutaj zdjęcia aby dodać je do ogłoszenia";
			color: rgb(0, 153, 153);
			font-weight: bold;
			font-size: 42px;
			background-color: #e5f4f4;
			border-radius: 32px;
			padding: 0 16px;
			text-align: center;
			margin: 24px;
		}

		#dragcover * {
			pointer-events: none;	
		}

		.vault {
			width: 100%;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-around;
			position: relative;
		}

		.vault > div, .vault > label {
			height: 200px;
			width: 200px;
			border: 4px dashed rgba(0,0,0,0.12);
			border-radius: 8px;
			transition: border-color 0.15s, color 0.15s;
			flex: 0 0 auto;
			margin: 16px;
			text-align: center;
		}

		.vault > div[rotation="90"] > img {
			transform: rotate(90deg);
		}

		.vault > div[rotation="180"] > img {
			transform: rotate(180deg);
		}

		.vault > div[rotation="270"] > img {
			transform: rotate(270deg);
		}

		.vault > div:first-child {
			border-color: #ff6600;
		}

		.vault > .dummy {
			background-color: #f0f0f0;
		}

		.vault > label {
			color: #999;			
		}

		.vault > label:hover {
			cursor: pointer;
			border-color: #999;
			color: #ff6600;
		}

		.vault > label > svg {
			font-size: 100px;
			color: #999;
			transition: border-color 0.15s, color 0.15s;
			display: block;
			margin: 10px auto;
		}

		.vault > label:hover > svg {
			color: #ff6600;	
		}

		.vault > label > strong {
			font-size: 16px;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			font-weight: 600;
			color: #ff6600;	
		}

		.vault > label > p {
			margin: 6px auto;
			font-size: 13px;
		}

		.vault > div {
			padding: 2px !important;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: move;
		}

		.vault > div > img {
			max-width: 100%;
			max-height: 100%;
			border-radius: 4px;
			transition: transform 0.15s ease;
		}

		.vault > div > div {
			position: absolute;
			bottom: 5px;
			right: 0;
			left: 0;
			display: flex;
			align-items: center;
			justify-content: space-around;
		}

		.vault > div > .progress {
			position: relative;
			bottom: auto;
			right: auto;
			left: auto;
			flex-direction: column;
		}

		.image-panel .btn {
			width: 32px;
			height: 32px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			transition: all 0.15s;
		}

		.vault > div:not(:hover) .image-panel .btn {			
			background-color: #999;
			border-color: #666;
			background-image: none;
		}

		.locations {
			display: flex;
			flex-direction: column;
		}


		.locations .search-results h4 {
			text-align: center;
			color: #999;
			margin: 40px 30px;
			font-weight: 600;
			letter-spacing: 2px;
		}

		.locations .search-results h4 svg {
			margin-bottom: 40px;
			font-size: 100px;
		}

		.loc-hidden .loc-count {
			display: none !important;
		}

		.loc-hidden .locations .suggested div {
			padding: 12px 24px;
		}

		.header {
			padding: 4px;
			flex: 0 0 auto;
			background-color: #663366;
			color: #ffffff;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			height: 56px;
			z-index: 2;
		}

		.header .btn {
			flex: 0 0 auto;
			width: 48px;
			height: 48px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 24px;
			border: none;
			background: transparent;
		}

		.header .btn:active {
			background: rgba(255, 255, 255, 0.2);
		}

		.header .btn-txt {
			flex: 0 0 auto;
			height: 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			padding-left: 4px;
			padding-right: 4px;
			font-weight: bold;
			font-size: 12px;
			position: relative;
			margin: 0 8px;
		}

		.header .btn-txt .pin {
			position: absolute;
			width: 16px;
			height: 16px;
			border-radius: 50%;
			background-color: #ff6600;
			text-align: center;
			right: -5px;
			top: 2px;
			font-size: 9px;
			line-height: 16px;
			font-weight: bold;
		}

		.header .search {
			flex: 1 1 auto;
			width: 100%;
			margin-right: 10px;
			position: relative;
		}

		.header .title {
			flex: 1 1 auto;
			width: 100%;
			margin-right: 10px;
		}

		.header .search svg {
			position: absolute;
			left: 10px;
			top: 10px;
		}

		.header input {
			width: 100%;
			height: 36px;
			border-radius: 18px;
			border: none;
			font-size: 15px;
			padding: 0 12px;
			padding-left: 32px;
			color: #663366;
			outline: none!important;
		}

		.header input::placeholder {
			color: #ff6600;
		}

		.header input:focus {
			box-shadow: inset 0 0 2px #ff6600;
		}

		.locations .woj {
			padding: 12px 24px;
			border-bottom: 1px solid #eee;
			position: relative;
			cursor: pointer;
		}

		.locations .woj:active, .locations .woj:hover {
			background-color: #f0f0f0;
		}

		.locations .woj div {
			position: absolute;
			right: 16px;
			top: calc(50% - 11px);
			color: #663366;
		}

		.locations .woj span:nth-of-type(1) {
			font-weight: bold;
			text-transform: capitalize;
		}

		.locations .woj span:nth-of-type(2) {
			font-size: 12px;
			color: #999;
		}

		.locations .subheader {
			background-color: #eee;
			border-bottom: 1px solid #999;
			border-top: 1px solid #999;
			padding: 4px 24px;
			text-transform: uppercase;
			font-size: 12px;
			font-weight: bold;
			color: #663366;
			/*margin-top: -1px;*/
		}

		.locations .search-results.loading::after, .locations .suggested.loading::after {
			display: block;
			content: '';
			margin: 0;
			padding: 0;
			height: 5px;
			width: 100%;
			background: linear-gradient(to right, #ff6600 0%, #ff6600 33%,#663366 33%,#663366 66%,#009999 66%,#009999 100%);
			animation-name: bg-rotate;
			animation-duration: 1s;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
		}

		.locations .suggested div:first-child {
			padding: 16px 24px;
			border-bottom-width: 8px;
		}

		.locations .search-results div, .locations .suggested div, .last-loc div {
			padding: 4px 24px;
			border-bottom: 1px solid #eee;          
			cursor: pointer;
		}

		.last-loc div {
			padding: 12px 24px;
			cursor: pointer;
		}

		.last-loc div:hover, .locations .search-results div:hover, .locations .suggested div:hover {
			background-color: #f0f0f0;
		}

		.locations .search-results div > small, .locations .suggested div > small {
			display: block;
			font-size: 11px;
			color: #999;
		}

		.loc-price {
			color: #009999!important;
			font-weight: bold;
			letter-spacing: 1px;
		}

		.form-control .loc-price {
			float: right; 
			margin-right: 12px;
		}

		.img-cont.dragged {
			z-index:5;
			position:absolute
		}

		.error {
			color: red;
			background-color: #ffeeee;
			padding: 10px;
			border-radius: 2px;
			font-size: 14px;
		}

		.error svg {
			vertical-align: middle;
		}

		.like-me-bar {
			width: 100%;
			height: 40px;
			display: flex;
			align-items: center;
			justify-content: space-around;
			font-size: 24px;
		}

		.like-me-bar div {
			flex: 1 1 25%;
			border-left: 1px solid rgba(0,0,0,0.12);
			border-right: 1px solid rgba(0,0,0,0.12);
			border-top: 2px solid rgba(0,0,0,0.12);
			border-bottom: 2px solid rgba(0,0,0,0.12);
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 4px;
			color: #999;
		}

		.like-me-bar div:first-child {
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
		}

		.like-me-bar div:last-child {
			border-right: 2px solid rgba(0,0,0,0.12);		
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;	
		}

		.like-me-bar.p-1 div:nth-child(1) {
			background: #663366;
			color: #fff;
		}

		.like-me-bar.p-2 div:nth-child(2) {
			background: #663366;
			color: #fff;
		}

		.like-me-bar.p-3 div:nth-child(3) {
			background: #663366;
			color: #fff;
		}

		.like-me-bar.p-4 div:nth-child(4) {
			background: #663366;
			color: #fff;
		}

		.filter-combo:after {
			content: '';
			clear: both;
			display: block;
		}

/* Wariant ZP4: automatyczne pakiety galerii 8/16/32/64. */
.photo-package-info {
	margin: 14px 10px 0 0;
	padding: 13px 15px;
	border: 1px solid #dfe7eb;
	border-radius: 12px;
	background: #f8fbfc;
	color: #34444d;
}

.photo-package-info__included {
	display: flex;
	align-items: center;
	gap: 9px;
}

.photo-package-info__included i {
	color: #099;
	font-size: 18px;
}

.photo-package-info__price {
	margin-top: 8px;
	font-weight: 700;
}

.photo-package-info__price.is-free {
	color: #287a43;
}

.photo-package-info__price.is-paid {
	color: #d85600;
}

.photo-package-info small {
	display: block;
	margin-top: 5px;
	line-height: 1.45;
	color: #63727a;
}

/* =========================================================
   ZP5: uproszczona monetyzacja i czytelniejsze komunikaty
   ========================================================= */

/* Lokalizacja: nazwa po lewej, obowiązkowa dopłata po prawej. */
#mainform #location_click {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 44px;
}

#mainform .location-selection__name {
	min-width: 0;
	font-weight: 600;
	line-height: 1.3;
}

#mainform #location_click .loc-price {
	float: none !important;
	margin: 0 0 0 auto !important;
	padding-left: 14px;
	text-align: right;
	letter-spacing: 0;
	line-height: 1.15;
	white-space: nowrap;
}

#mainform #location_click .loc-price strong {
	display: block;
	font-size: 13px;
	color: #008b8b;
}

#mainform #location_click .loc-price small {
	display: block;
	margin-top: 3px;
	font-size: 10px;
	font-weight: 600;
	color: #66757d;
	text-transform: none;
}

/* Zwinięte dodatki: nie zmuszają każdego użytkownika do analizy opcji. */
#mainform .additional-promotions {
	padding: 0 !important;
	overflow: hidden;
}

#mainform .additional-promotions__head {
	padding: 0 !important;
	width: 100%;
}

#mainform .additional-promotions__toggle {
	width: 100%;
	border: 0;
	background: #fff;
	padding: 17px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	text-align: left;
	cursor: pointer;
	color: #303840;
}

#mainform .additional-promotions__toggle:hover,
#mainform .additional-promotions__toggle:focus {
	background: #f8fbfc;
	outline: none;
}

#mainform .additional-promotions__title {
	display: flex;
	align-items: center;
	gap: 13px;
	min-width: 0;
}

#mainform .additional-promotions__title > i {
	font-size: 24px;
	color: #f60;
	width: 30px;
	text-align: center;
}

#mainform .additional-promotions__title strong,
#mainform .additional-promotions__title small {
	display: block;
}

#mainform .additional-promotions__title strong {
	font-size: 16px;
}

#mainform .additional-promotions__title small {
	margin-top: 3px;
	font-size: 12px;
	font-weight: 500;
	color: #69777f;
}

#mainform .additional-promotions__action {
	flex: 0 0 auto;
	color: #663366;
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
}

#mainform .additional-promotions__content {
	width: 100%;
	padding: 0 !important;
	border-top: 1px solid rgba(0,0,0,.08);
	background: #fbfcfd;
}

#mainform .additional-promotions__content[hidden] {
	display: none !important;
}

#mainform .additional-promotion-section {
	display: grid;
	grid-template-columns: 90px minmax(0, 1fr);
	gap: 20px;
	padding: 22px 24px;
	border-bottom: 1px solid rgba(0,0,0,.07);
}

#mainform .additional-promotion-section:last-child {
	border-bottom: 0;
}

#mainform .additional-promotion-section__icon {
	width: 74px;
	height: 74px;
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid rgba(0,0,0,.08);
}

#mainform .additional-promotion-section__icon i {
	font-size: 34px;
}

#mainform .additional-promotion-section__icon--orange {
	color: #f60;
	border-color: rgba(255,102,0,.28);
}

#mainform .additional-promotion-section__icon--violet {
	color: #663366;
	border-color: rgba(102,51,102,.28);
}

#mainform .additional-promotion-section__body h3 {
	margin: 0 0 4px;
	font-size: 17px;
	color: #303840;
}

#mainform .additional-promotion-section__lead {
	margin: 0 0 14px;
	font-size: 13px;
	color: #69777f;
}

#mainform .additional-promotion-section .price-option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 11px 13px;
	margin-bottom: 8px;
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 12px;
	background: #fff;
}

#mainform .additional-promotion-section .price-option label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	font-weight: 600;
	cursor: pointer;
}

#mainform .additional-promotion-section .price-option .price {
	flex: 0 0 auto;
	margin-left: auto;
	font-weight: 700;
	white-space: nowrap;
}

#mainform .price-option__copy small {
	display: block;
	margin-top: 4px;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.4;
	color: #69777f;
}

#mainform #baza_tresc {
	display: none;
	width: 100%;
	padding: 14px;
	margin-top: 14px;
	border: 1px solid rgba(102,51,102,.2);
	border-radius: 12px;
	background: #fff;
}

#mainform #extraText {
	display: none;
	padding: 12px 14px;
	border-radius: 10px;
	background: rgba(102,51,102,.06);
	line-height: 1.45;
}

#mainform .gazeta-consent {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

#mainform .required-star {
	color: #d00;
}

#mainform .gazeta-note {
	margin: 12px 0 0;
	color: #69777f;
}

/* Główne warianty publikacji: krótsze, równe i łatwe do porównania. */
#mainform .publication-options {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 0;
}

#mainform .publication-options__intro {
	flex: 0 0 100%;
	padding: 8px 16px 26px !important;
	text-align: center;
}

#mainform .publication-options__intro h2 {
	margin: 0 0 7px;
	font-size: 22px;
	color: #303840;
}

#mainform .publication-options__intro p {
	margin: 0;
	font-size: 14px;
	color: #69777f;
}

#mainform .publication-options .price-table {
	min-width: 250px;
}

#mainform .publication-options .price-table-h {
	padding: 1.6rem 1rem 2.5rem;
	font-size: 19px;
}

#mainform .publication-options .price-table-r {
	padding: .8rem 1rem;
}

#mainform .publication-options .price-table-r > span:last-child {
	line-height: 1.35;
}

#mainform .publication-options__help {
	flex: 0 0 calc(100% - 30px);
	margin: 8px 15px 15px !important;
}

#mainform .publication-options__help i {
	color: #099;
}

@media (max-width: 767px) {
	#mainform #location_click {
		align-items: flex-start;
		flex-direction: column;
		gap: 6px;
	}

	#mainform #location_click .loc-price {
		margin-left: 0 !important;
		padding-left: 0;
		text-align: left;
		white-space: normal;
	}

	#mainform .additional-promotions__toggle {
		padding: 15px;
	}

	#mainform .additional-promotions__action {
		font-size: 0;
	}

	#mainform .additional-promotions__action i {
		font-size: 15px;
	}

	#mainform .additional-promotion-section {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 17px 14px;
	}

	#mainform .additional-promotion-section__icon {
		width: 54px;
		height: 54px;
		border-radius: 14px;
	}

	#mainform .additional-promotion-section__icon i {
		font-size: 25px;
	}

	#mainform .additional-promotion-section .price-option {
		align-items: flex-start;
	}

	#mainform .publication-options__intro {
		padding-bottom: 14px !important;
	}

	#mainform .publication-options .price-table {
		min-width: 0;
		width: 100%;
		margin: 14px 0;
	}
}


/* ==========================================================
   ZP5 v2 — kompaktowe promocje i plany publikacji
   ========================================================== */

#mainform .additional-promotions {
	
	border-radius: 14px !important;
	box-shadow: 0 5px 14px rgba(0,0,0,.045) !important;
}
#mainform .additional-promotions .col-12,
#mainform .additional-promotions__head,
#mainform .additional-promotions__content {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}


#mainform .additional-promotions__toggle {
	min-height: 58px;
	padding: 10px 14px !important;
	gap: 12px;
}

#mainform .additional-promotions__title {
	gap: 10px;
}

#mainform .additional-promotions__title > i {
	width: 22px;
	font-size: 18px;
}

#mainform .additional-promotions__title strong {
	font-size: 14px;
	line-height: 1.15;
}

#mainform .additional-promotions__title small {
	margin-top: 2px;
	font-size: 10.5px;
	line-height: 1.25;
}

#mainform .additional-promotions__action {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 11px;
}

#mainform .additional-promotions__action i {
	font-size: 13px;
	transition: transform .18s ease;
}

#mainform .additional-promotions.is-open .additional-promotions__action i {
	transform: rotate(180deg);
}

#mainform .additional-promotion-section {
	grid-template-columns: 52px minmax(0,1fr);
	gap: 14px;
	padding: 16px 18px;
}

#mainform .additional-promotion-section__icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
}

#mainform .additional-promotion-section__icon i {
	font-size: 22px;
}

#mainform .additional-promotion-section__body h3 {
	font-size: 15px;
}

#mainform .additional-promotion-section__lead {
	margin-bottom: 10px;
	font-size: 12px;
}

#mainform .additional-promotion-section .price-option {
	padding: 9px 11px;
	border-radius: 9px;
}

#mainform .publication-options {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 14px;
	padding: 0 !important;
}

#mainform .publication-options__intro {
	grid-column: 1 / -1;
	padding: 2px 8px 12px !important;
}

#mainform .publication-options__intro h2 {
	margin-bottom: 4px;
	font-size: 18px;
}

#mainform .publication-options__intro p {
	font-size: 12px;
}

#mainform .publication-options .price-table {
	min-width: 0 !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 14px !important;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0,0,0,.055);
	transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

#mainform .publication-options .price-table:hover {
	transform: translateY(-1px);
	box-shadow: 0 7px 16px rgba(0,0,0,.09);
}

#mainform .publication-options .price-table.is-selected {
	border-width: 2px !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(0,0,0,.13) !important;
}

#mainform .publication-options .price-table-h {
	min-height: 58px;
	padding: 12px 10px 20px !important;
	border-radius: 12px 12px 0 0 !important;
	font-size: 15px !important;
	line-height: 1.2;
}

#mainform .publication-options .price-table-h small {
	margin-top: 2px;
	font-size: 9px;
	line-height: 1.2;
}

#mainform .publication-options .price-table-price {
	top: -17px;
	width: auto;
	min-width: 82px;
	height: 34px;
	padding: 0 13px;
	margin-bottom: -11px;
	border-radius: 18px;
	font-size: 12px;
}

#mainform .publication-options .price-table-r {
	min-height: 35px;
	padding: 7px 11px !important;
	align-items: center;
}

#mainform .publication-options .price-table-r > span:first-child {
	flex: 0 0 17px;
	width: 17px;
	font-size: 13px;
	text-align: center;
}

#mainform .publication-options .price-table-r > span:last-child {
	margin-left: 7px;
	font-size: 11px;
	line-height: 1.25;
}

#mainform .publication-options .price-table-d {
	margin-top: auto;
	padding: 11px !important;
}

#mainform .publication-options .price-table-d > button {
	width: 100%;
	min-height: 34px;
	padding: 8px 8px;
	border-radius: 18px;
	font-size: 11px;
	line-height: 1.15;
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
}

#mainform .publication-options .price-table-d > button:hover {
	transform: none;
	box-shadow: 0 3px 8px rgba(0,0,0,.25);
}

#mainform .publication-options__help {
	grid-column: 1 / -1;
	margin: 0 !important;
	padding: 8px 10px !important;
	font-size: 11px;
}

@media (max-width: 900px) {
	#mainform .publication-options {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	#mainform .publication-options .price-table {
		width: 100% !important;
	}

	#mainform .publication-options .price-table-h {
		min-height: 52px;
	}

	#mainform .publication-options .price-table-r {
		min-height: 31px;
	}

	#mainform .publication-options .price-table-d {
		padding-top: 8px !important;
	}
}

@media (max-width: 767px) {
	#mainform .additional-promotions__toggle {
		min-height: 54px;
		padding: 9px 12px !important;
	}

	#mainform .additional-promotions__action {
		font-size: 0;
	}

	#mainform .additional-promotions__action i {
		font-size: 14px;
	}

	#mainform .additional-promotion-section {
		grid-template-columns: 42px minmax(0,1fr);
		gap: 10px;
		padding: 13px 11px;
	}

	#mainform .additional-promotion-section__icon {
		width: 40px;
		height: 40px;
	}

	#mainform .additional-promotion-section__icon i {
		font-size: 19px;
	}

	#mainform .publication-options__intro {
		padding-bottom: 8px !important;
	}

	#mainform .publication-options__intro h2 {
		font-size: 17px;
	}

	#mainform .publication-options__intro p {
		font-size: 11px;
	}
}


/* Weryfikacja telefonu w randkach — układ jak sekcje promocji. */
#mainform #verify_sms {
	display: grid;
	grid-template-columns: 52px minmax(0,1fr);
	gap: 14px;
	align-items: start;
	padding: 16px 18px !important;
	margin-bottom: 14px !important;
	border-radius: 14px !important;
	box-shadow: 0 5px 14px rgba(0,0,0,.045) !important;
}

#mainform #verify_sms .verify-sms__icon {
	width: 48px;
	height: 48px;
	border: 1px solid rgba(0,153,153,.28);
	border-radius: 12px;
	background: rgba(0,153,153,.08);
	display: flex;
	align-items: center;
	justify-content: center;
}

#mainform #verify_sms .verify-sms__icon i {
	font-size: 20px;
	color: #099;
}

#mainform #verify_sms .verify-sms__body h3 {
	margin: 0 0 4px;
	font-size: 15px;
	line-height: 1.25;
}

#mainform #verify_sms .verify-sms__lead,
#mainform #verify_sms .verify-sms__note {
	margin: 0 0 8px;
	font-size: 13px;
	line-height: 1.5;
}

#mainform #verify_sms .price-option {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin: 10px 0 10px;
	padding: 10px 12px;
	border: 1px solid rgba(0,153,153,.18);
	border-radius: 9px;
	background: rgba(0,153,153,.05);
}

#mainform #verify_sms .price-option label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-size: 13px;
	font-weight: 400;
	cursor: pointer;
}

#mainform #verify_sms .price-option .price {
	margin-left: auto;
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
}

#mainform #verify_sms a.focus-phone-field {
	font-weight: 700;
	text-decoration: underline;
}

#mainform .publication-options__intro h2 {
	font-size: 19px;
}

#mainform .publication-options__intro p {
	font-size: 13px;
}

#mainform .publication-options .price-table-h {
	min-height: 62px;
	font-size: 16px !important;
}

#mainform .publication-options .price-table-h small {
	font-size: 10px;
}

#mainform .publication-options .price-table-price {
	min-width: 90px;
	height: 36px;
	font-size: 13px;
}

#mainform .publication-options .price-table-r > span:first-child {
	font-size: 14px;
}

#mainform .publication-options .price-table-r > span:last-child {
	font-size: 12px;
	line-height: 1.3;
}

#mainform .publication-options .price-table-r--accent > span:last-child {
	font-weight: 700;
}

#mainform .publication-options .price-table-d > button {
	font-size: 12px;
}

@media (max-width: 560px) {
	#mainform #verify_sms {
		grid-template-columns: 42px minmax(0,1fr);
		gap: 10px;
		padding: 14px 12px !important;
	}

	#mainform #verify_sms .verify-sms__icon {
		width: 40px;
		height: 40px;
		border-radius: 10px;
	}

	#mainform #verify_sms .verify-sms__icon i {
		font-size: 17px;
	}

	#mainform #verify_sms .verify-sms__body h3 {
		font-size: 14px;
	}

	#mainform #verify_sms .verify-sms__lead,
	#mainform #verify_sms .verify-sms__note,
	#mainform #verify_sms .price-option label,
	#mainform #verify_sms .price-option .price {
		font-size: 12px;
	}

	#mainform #verify_sms .price-option {
		padding: 9px 10px;
	}
}