/*
Theme Name: ITBrolis
Theme URI: URL
Version: 1.0
Author: Linas Pagirys
Author URI: http://www.itbrolis.lt/
*/

/* RESET */
/* ----------------------------------------- */




.startups-map-section {
	width: 100%;
	overflow-x: auto;
}

.categories-area {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: center;
	overflow-y: hidden;
	width: 1080px;
}

.categories-area img {
	object-fit: contain;
	grid-column: 1 / 3;
	justify-self: center;
}

.categories-area .categories-list {
	position: relative;
	grid-column: 3 / 7;
}

.categories-area .categories-list .map-categories {
	display: flex;
	align-items: center;
}

.categories-area .categories-list .map-categories .map-main-category {
	width: 35%;
	color: black;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: var(--line-spacing);
	text-align: right;
	margin-right: 20px;
}

.categories-area .categories-list .map-categories .map-sub-category .sub-category-title {
	font-size: 9px;
	line-height: 2em;
	width: 40%;
	text-align: right;
	padding-right: 10px;
}

.categories-area .categories-list .map-categories .map-sub-categories {
	margin-left: 5px;
	flex: 1;
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

:root {
	--line-spacing: 15px;
	--line-weight: 4px;
	--map-color-1: #C46973;
	--map-color-2: #4255AA;
	--map-color-3: #4A9287;
	--map-color-4: #88A059;
	--map-color-5: #8C8166;
	--map-color-6: #C18961;
	--map-color-7: #9D73A0;
	--map-color-8: #8378A0;
	--map-color-9: #5D78A1;
	--map-color-10: #677078;
	--map-color-11: #1F686A;
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category .horizontal-line {
	height: var(--line-weight);
	flex: 1;
	position: relative;
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category .horizontal-line:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 100%;
	width: calc(var(--line-weight) * 2.5);
	height: calc(var(--line-weight) * 2.5);
	background: inherit;
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-1 .horizontal-line {
	background: var(--map-color-1);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-2 .horizontal-line {
	background: var(--map-color-2);
	margin-right: calc(var(--line-spacing));
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-3 .horizontal-line {
	background: var(--map-color-3);
	margin-right: calc(var(--line-spacing) * 2);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-4 .horizontal-line {
	background: var(--map-color-4);
	margin-right: calc(var(--line-spacing) * 3);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-5 .horizontal-line {
	background: var(--map-color-5);
	margin-right: calc(var(--line-spacing) * 4);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-6 .horizontal-line {
	background: var(--map-color-6);
	margin-right: calc(var(--line-spacing) * 5);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-7 .horizontal-line {
	background: var(--map-color-7);
	margin-right: calc(var(--line-spacing) * 6);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-8 .horizontal-line {
	background: var(--map-color-8);
	margin-right: calc(var(--line-spacing) * 7);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-9 .horizontal-line {
	background: var(--map-color-9);
	margin-right: calc(var(--line-spacing) * 8);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-10 .horizontal-line {
	background: var(--map-color-10);
	margin-right: calc(var(--line-spacing) * 9);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-11 .horizontal-line {
	background: var(--map-color-11);
	margin-right: calc(var(--line-spacing) * 10);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category .vertical-line {
	content: '';
	background: blue;
	width: var(--line-weight);
	transform: translateY(50%);
	position: absolute;
	height: 100%;
	min-height: 250px;
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-1 .vertical-line {
	background: var(--map-color-1);
	right: 0;
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-2 .vertical-line {
	background: var(--map-color-2);
	right: calc(var(--line-spacing));
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-3 .vertical-line {
	background: var(--map-color-3);
	right: calc(var(--line-spacing) * 2);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-4 .vertical-line {
	background: var(--map-color-4);
	right: calc(var(--line-spacing) * 3);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-5 .vertical-line {
	background: var(--map-color-5);
	right: calc(var(--line-spacing) * 4);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-6 .vertical-line {
	background: var(--map-color-6);
	right: calc(var(--line-spacing) * 5);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-7 .vertical-line {
	background: var(--map-color-7);
	right: calc(var(--line-spacing) * 6);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-8 .vertical-line {
	background: var(--map-color-8);
	right: calc(var(--line-spacing) * 7);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-9 .vertical-line {
	background: var(--map-color-9);
	right: calc(var(--line-spacing) * 8);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-10 .vertical-line {
	background: var(--map-color-10);
	right: calc(var(--line-spacing) * 9);
}

.categories-area .categories-list .map-categories .map-sub-categories .map-sub-category-11 .vertical-line {
	background: var(--map-color-11);
	right: calc(var(--line-spacing) * 10);
}

.categories-map {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: var(--line-spacing) repeat(3, calc(var(--line-spacing) * 3)) auto;
	padding-top: var(--line-spacing);
	width: 1080px;
}

.horizontal-lines-group {
	height: var(--line-weight);
	grid-column-end: 6;
	grid-row-end: span 1;
	margin-bottom: calc(var(--line-spacing) - 4px);
	position: relative;
}

.vertical-lines-group {
	position: absolute;
	content: '';
	background: inherit;
	width: var(--line-weight);
	bottom: 0;
	right: 0;
}

.vertical-lines-group:after {
	content: '';
	position: absolute;
	display: block;
	background: red;
	width: var(--line-weight);
	height: calc(100% - var(--line-spacing));
	right: var(--line-spacing);
}

.vertical-lines-group:before {
	content: '';
	position: absolute;
	display: block;
	background: red;
	width: var(--line-weight);
	height: calc(100% - var(--line-spacing) * 2);
	right: calc(var(--line-spacing) * 2);
}

.horizontal-lines-group-1 {
	grid-column-start: 2;
	grid-row-start: 1;
	margin-right: calc(var(--line-spacing) * 10);
}

.horizontal-lines-group-1 .vertical-lines-group {
	height: calc(var(--line-spacing) + var(--line-weight));
}

.horizontal-lines-group-1 .vertical-lines-group:before,
.horizontal-lines-group-1 .vertical-lines-group:after {
	content: unset;
}

.horizontal-lines-group-2 {
	grid-column-start: 3;
	align-self: flex-end;
	grid-row-start: 2;
	margin-right: calc(var(--line-spacing) * 7);
}

.horizontal-lines-group-2 .vertical-lines-group {
	height: calc((var(--line-spacing) * 4) + var(--line-weight));
}

.horizontal-lines-group-2 .vertical-lines-group:before {
	background: var(--map-color-10);
}

.horizontal-lines-group-2 .vertical-lines-group:after {
	background: var(--map-color-9);
}

.horizontal-lines-group-3 {
	grid-column-start: 4;
	align-self: flex-end;
	grid-row-start: 3;
	margin-right: calc(var(--line-spacing) * 4);
}

.horizontal-lines-group-3 .vertical-lines-group {
	height: calc((var(--line-spacing) * 7) + var(--line-weight));
}

.horizontal-lines-group-3 .vertical-lines-group:before {
	background: var(--map-color-7);
}

.horizontal-lines-group-3 .vertical-lines-group:after {
	background: var(--map-color-6);
}

.horizontal-lines-group-4 {
	grid-column-start: 5;
	align-self: flex-end;
	grid-row-start: 4;
	margin-right: calc(var(--line-spacing) * 1);
}

.horizontal-lines-group-4 .vertical-lines-group {
	height: calc((var(--line-spacing) * 10) + var(--line-weight));
}

.horizontal-lines-group-4 .vertical-lines-group:before {
	background: var(--map-color-4);
}

.horizontal-lines-group-4 .vertical-lines-group:after {
	background: var(--map-color-3);
}

.horizontal-lines-group-5 {
	grid-column-start: 5;
	align-self: flex-end;
	justify-self: flex-end;
	grid-row-start: 4;
	background: var(--map-color-1);
	height: calc((var(--line-spacing) * 11) + var(--line-weight));
	width: var(--line-weight);
	margin-bottom: 0;
}

.horizontal-lines-group-5 .vertical-lines-group:before,
.horizontal-lines-group-5 .vertical-lines-group:after {
	content: unset;
}

.horizontal-lines-group:before,
.horizontal-lines-group:after {
	content: '';
	position: absolute;
	right: 0;
	height: var(--line-weight);
}

.horizontal-lines-group:before {
	bottom: var(--line-spacing);
	width: calc(100% + (var(--line-spacing) * 1.5));
}

.horizontal-lines-group:after {
	bottom: calc(var(--line-spacing) * 2);
	width: calc(100% + (var(--line-spacing) * 3));
}

.horizontal-lines-group-1:before,
.horizontal-lines-group-1:after {
	content: unset;
}

.horizontal-lines-group-2:after,
.horizontal-lines-group-3:after,
.horizontal-lines-group-4:after {
	width: calc(100% + (var(--line-spacing) * 1));
	right: calc(var(--line-spacing) * 2);
}

.horizontal-lines-group-2:before,
.horizontal-lines-group-3:before,
.horizontal-lines-group-4:before {
	width: calc(100% + (var(--line-spacing) * .5));
	right: calc(var(--line-spacing) * 1);
}

.startup-group-column {
	grid-row-end: 6;
	grid-column-end: span 1;
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
	margin-right: -8px;
}

.startup-group-column .startup-group:nth-of-type(3) {
	margin-right: calc(3 * var(--line-spacing));
}

.startup-group-column .startup-group:nth-of-type(2) {
	margin-right: calc(1.5 * var(--line-spacing));
}

.startup-group-column .startup-group:nth-of-type(3):after {
	content: '';
	position: absolute;
	right: calc(-3 * var(--line-spacing) + 6px);
	transform: translateX(-50%);
	top: calc(var(--line-spacing) * 2);
	width: 4px;
	height: 100%;
	z-index: -1;
}

.startup-group-column .startup-group:nth-of-type(3):before,
.startup-group-column .startup-group:nth-of-type(2):after {
	content: '';
	position: absolute;
	right: calc(-1.5 * var(--line-spacing) + 6px);
	transform: translateX(-50%);
	top: var(--line-spacing);
	width: 4px;
	height: 100%;
	z-index: -1;
}

.startup-group-column-1 {
	grid-column-start: 5;
	grid-row-start: 5;
}

.startup-group-column-2 {
	grid-column-start: 4;
	grid-row-start: 4;
}

.startup-group-column-3 {
	grid-column-start: 3;
	grid-row-start: 3;
}

.startup-group-column-4 {
	grid-column-start: 2;
	grid-row-start: 2;
}

.startup-group-column-5 {
	grid-column-start: 1;
	grid-row-start: 1;
}

.startup-group-column .startup-group {
	position: relative;
}

.startup-group-item {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	position: relative;
}

.startup-group-item:after {
	content: '';
	position: absolute;
	right: 8px;
	top: 0;
	width: 4px;
	height: 100%;
	background: red;
	z-index: -1;
}

.horizontal-lines-group-4 {
	background: var(--map-color-2);
}

.horizontal-lines-group-4:before {
	background: var(--map-color-3);
}

.horizontal-lines-group-4:after {
	background: var(--map-color-4);
}

.horizontal-lines-group-3 {
	background: var(--map-color-5);
}

.horizontal-lines-group-3:before {
	background: var(--map-color-6);
}

.horizontal-lines-group-3:after {
	background: var(--map-color-7);
}

.horizontal-lines-group-2 {
	background: var(--map-color-8);
}

.horizontal-lines-group-2:before {
	background: var(--map-color-9);
}

.horizontal-lines-group-2:after {
	background: var(--map-color-10);
}

.horizontal-lines-group-1 {
	background: var(--map-color-11);
}

.startup-group-1 .startup-group-item:after {
	background: var(--map-color-1);
}

.startup-group-1 .startup-group-item .startup-links a:after {
	border-color: var(--map-color-1);
}

.startup-group-1 .startup-group-item .startup-group-item-title {
	background: var(--map-color-1);
}

.startup-group-11 .startup-group-item:after {
	background: var(--map-color-11);
}

.startup-group-11 .startup-group-item .startup-links a:after {
	border-color: var(--map-color-11);
}

.startup-group-11 .startup-group-item .startup-group-item-title {
	background: var(--map-color-11);
}

.startup-group-10 .startup-group-item:after {
	background: var(--map-color-10);
}

.startup-group-10 .startup-group-item .startup-links a:after {
	border-color: var(--map-color-10);
}

.startup-group-10 .startup-group-item .startup-group-item-title {
	background: var(--map-color-10);
}

.startup-group-10:before {
	background: var(--map-color-9);
}

.startup-group-9 .startup-group-item:after {
	background: var(--map-color-9);
}

.startup-group-9 .startup-group-item .startup-links a:after {
	border-color: var(--map-color-9);
}

.startup-group-9 .startup-group-item .startup-group-item-title {
	background: var(--map-color-9);
}

.startup-group-10:after {
	background: var(--map-color-8);
}

.startup-group-9:before,
.startup-group-9:after {
	background: var(--map-color-8);
}

.startup-group-8 .startup-group-item:after {
	background: var(--map-color-8);
}

.startup-group-8 .startup-group-item .startup-links a:after {
	border-color: var(--map-color-8);
}

.startup-group-8 .startup-group-item .startup-group-item-title {
	background: var(--map-color-8);
}






.startup-group-7 .startup-group-item:after {
	background: var(--map-color-7);
}

.startup-group-7 .startup-group-item .startup-links a:after {
	border-color: var(--map-color-7);
}

.startup-group-7 .startup-group-item .startup-group-item-title {
	background: var(--map-color-7);
}

.startup-group-7:before {
	background: var(--map-color-6);
}

.startup-group-6 .startup-group-item:after {
	background: var(--map-color-6);
}

.startup-group-6 .startup-group-item .startup-links a:after {
	border-color: var(--map-color-6);
}

.startup-group-6 .startup-group-item .startup-group-item-title {
	background: var(--map-color-6);
}

.startup-group-7:after {
	background: var(--map-color-5);
}

.startup-group-6:before,
.startup-group-6:after {
	background: var(--map-color-5);
}

.startup-group-5 .startup-group-item:after {
	background: var(--map-color-5);
}

.startup-group-5 .startup-group-item .startup-links a:after {
	border-color: var(--map-color-5);
}

.startup-group-5 .startup-group-item .startup-group-item-title {
	background: var(--map-color-5);
}

.startup-group-4:after {
	background: var(--map-color-2);
}

.startup-group-5:before,
.startup-group-5:after {
	background: var(--map-color-4);
}

.startup-group-4 .startup-group-item:after {
	background: var(--map-color-4);
}

.startup-group-4 .startup-group-item .startup-links a:after {
	border-color: var(--map-color-4);
}

.startup-group-4 .startup-group-item .startup-group-item-title {
	background: var(--map-color-4);
}


.startup-group-4 .startup-group-item:after {
	background: var(--map-color-4);
}

.startup-group-4 .startup-group-item .startup-links a:after {
	border-color: var(--map-color-4);
}

.startup-group-4 .startup-group-item .startup-group-item-title {
	background: var(--map-color-4);
}

.startup-group-4:before {
	background: var(--map-color-3);
}

.startup-group-3:before,
.startup-group-3:after {
	background: var(--map-color-2);
}

.startup-group-2 .startup-group-item:after {
	background: var(--map-color-2);
}

.startup-group-2 .startup-group-item .startup-links a:after {
	border-color: var(--map-color-2);
}

.startup-group-2 .startup-group-item .startup-group-item-title {
	background: var(--map-color-2);
}

.startup-group-3 .startup-group-item:after {
	background: var(--map-color-3);
}

.startup-group-3 .startup-group-item .startup-links a:after {
	border-color: var(--map-color-3);
}

.startup-group-3 .startup-group-item .startup-group-item-title {
	background: var(--map-color-3);
}

.startup-group-item:last-of-type:after {
	height: calc(100% - 8px);
}

.startup-group-item .startup-group-item-title {
	text-transform: uppercase;
	padding: 5px 0;
	font-size: 11px;
	line-height: 1.2em;
	writing-mode: vertical-rl;
	display: flex;
	align-items: center;
	color: white;
	border: 2px solid white;
	width: 1.5em;
	margin: 18px 2px 10px 3px;
	position: relative;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently */
}

.startup-group-item .startup-group-item-title .name-inside {
	opacity: 0;
	transition: opacity .3s ease;
	display: block;
	writing-mode: horizontal-tb;
	position: absolute;
	text-transform: uppercase;
	padding: 5px 10px;
	color: #fff !important;
	background: rgba(64, 64, 64, 0.89);
	line-height: 16px !important;
	z-index: 69;
	border: 1px solid #ffffff;
}

.startup-group-item .startup-group-item-title:hover .name-inside {
	opacity: 1;

}

.startup-links {
	display: flex;
	flex-flow: column nowrap;
}

.startup-links a {
	padding: 10px 22.5px 10px 5px;
	font-size: 10px;
	line-height: 10px;
	color: #666666;
	text-align: right;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	text-decoration: none;
}

.startup-links a:before {
	content: '';
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background: white;
	position: absolute;
	right: 2px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.startup-links a:after {
	content: '';
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background: unset;
	border: 3px solid red;
	position: absolute;
	right: 2px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	transition: opacity .3s ease;
}

.startup-links a:hover {
	color: rgba(102,102,102, .7);
	opacity: 1;
	transition: all 0.3s;
}

.startup-links a:hover:after {
	opacity: 0.6;
}

.startup-titles {
	margin: 50px 0;
}

.startup-gallery-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 30px;
	margin-bottom: 150px;
}

@media screen and (max-width: 1024px) {
	.startup-gallery-grid {
		grid-template-columns: 1fr 1fr 1fr;
		margin-bottom: 100px;
	}
}

@media screen and (max-width: 768px) {
	.startup-gallery-grid {
		grid-template-columns: 1fr 1fr;
		gap: 25px;
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 480px) {
	.startup-gallery-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}
}

.startup-gallery-grid__item {
	position: relative;
	padding-bottom: 60%;
}

.startup-gallery-grid__item img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.startup-gallery-grid__item:hover img {
	opacity: 0.7;
}

@media screen and (max-width: 1024px) {
	.single-startups .type-startups {
		flex-direction: column !important;
	}
}

@media screen and (max-width: 767px) {
	.single-startups .type-startups .elementor-post__thumbnail {
		padding-bottom: 0 !important;
	}

	.single-startups .type-startups .elementor-post__thumbnail img {
		position: relative !important;
		height: 100% !important;
		width: 100%;
		object-fit: contain;
		left: 0 !important;
		top: 0 !important;
		transform: none !important;
	}

	.single-startups .type-startups .elementor-post__title a {
		font-size: 20px !important;
	}
}

.grid-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}