/*
Theme Name: Plantago v2
Theme URI: https://plantago.mk
Author: qBit Solutions
Author URI: https://qbit.solutions/
Description: 
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: plantago
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@700&display=swap');

body
{
	font-family: 'Jost', sans-serif;
}

* {
	box-sizing: border-box;
}

a:hover
{
	text-decoration: none;
}

.line-through
{
	text-decoration: line-through;
}

.ease-in-out-3
{
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	    -ms-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}

.ease-5
{
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	     -o-transition: all .5s ease;
	        transition: all .5s ease;
}
.ease-3 
{
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.opacity-4
{
	opacity: .4;
}

.subtitle
{
	position: relative;
	font-size: 16px;
	font-weight: 700;
	color: var(--green);
	margin: 0 auto 5px 0;
	text-transform: uppercase;
}

	.subtitle.num 
	{
		display: flex;
		align-items: center;
	}
	.subtitle.num span
	{
		font-size: 14px;
		display: flex;
		justify-content: center;
		align-items: center;
		min-width: 45px;
		height: 45px;
		background: var(--blue);
		color: #fff;
		margin-right: 15px;
	}
		.subtitle.num 
		{
			font-size: 20px;
			font-weight: 600;
			text-transform: unset;
			color: var(--dark);
		}

h1.title,
h2.title
{
	font-size: 50px;
	font-weight: 800;
	color: var(--dark);
	line-height: 45px;
	margin: 5px auto 40px 0;
}
h2.title
{
	font-size: 40px;
	line-height: 40px;
}

.text
{
	font-size: 16px;
	font-weight: 400;
	color: var(--dark);
	line-height: 30px;
	margin: 0 auto 0 0;
}

.text.text-gray
{
	opacity: 0.7;
}

.list-icon
{
	list-style: none;
	padding-left: 0;
}

	.list-icon li
	{
		display: flex;
		justify-content: flex-start;
		align-items: self-start;
	}

		.list-icon li span.icon
		{
			font-size: 14px;
			color: var(--green);
			padding-right: 10px;
			margin-top: 4px;
		}
		.list-icon li span.text
		{
			color: var(--dark);
			/* text-transform: capitalize; */
			font-weight: 400;
		}

.box-opacity
{
	padding: 20px 0;
	background: rgba(255, 255, 255, 0);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

/* Hamburger */
	#ham
	{
		width: 35px;
		height: 15px;
		position: relative;
		z-index: 10;
		cursor: pointer;
		margin-left: auto;
		display: none;
	}
		
		#ham:hover span:first-child
		{
			width: 35px;
		}

		#ham.active span:first-child
		{
			width: 35px;
			top: 4px;
			-webkit-transform: rotate(45deg);
			   -moz-transform: rotate(45deg);
			    -ms-transform: rotate(45deg);
			     -o-transform: rotate(45deg);
			        transform: rotate(45deg);
		}

		#ham.active span:last-child
		{
			top: 4px;
			-webkit-transform: rotate(-45deg);
			   -moz-transform: rotate(-45deg);
			    -ms-transform: rotate(-45deg);
			     -o-transform: rotate(-45deg);
			        transform: rotate(-45deg);
		}

		#ham span
		{
			width: 20px;
			height: 3px;
			display: block;
			background: #fff;
			position: absolute;
			top: 0;
			left: 0;
			-webkit-transition: all .3s cubic-bezier(.77,0,.175,1);
			   -moz-transition: all .3s cubic-bezier(.77,0,.175,1);
			    -ms-transition: all .3s cubic-bezier(.77,0,.175,1);
			     -o-transition: all .3s cubic-bezier(.77,0,.175,1);
			        transition: all .3s cubic-bezier(.77,0,.175,1);
		}

		#ham span:last-child
		{
			top: 10px;
			width: 35px;
		}


.main-btn
{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 15px 25px;
	background: var(--green);
	font-weight: 400;
	font-size: 16px;
	border: none;
	outline: none !important;
	cursor: pointer;
	box-shadow: none;
}

	.main-btn span
	{
		-webkit-transition: all .5s ease;
		   -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;
	}

	.main-btn span.text
	{
		color: #fff;
	}

	.main-btn span.first-line,
	.main-btn span.second-line
	{
		display: inline-flex;
		width: 0;
		height: 1px;
		background: #fff;
		margin-right: 5px;
	}

	.main-btn span.second-line
	{
		margin-right: 0;
		margin-left: 5px;
		width: 40px;
	}

		.main-btn:hover span.second-line
		{
			width: 0;
		}

		.main-btn:hover span.first-line
		{
			width: 40px;
		}

		.main-btn img
		{
			max-width: 8px;
			margin: 0 0 0 auto;
		}

.section-padding
{
	padding: 80px 0;
}

.gray
{
	background: #f1f3f5;
}

.section-image img
{
	max-width: 100%;
	height: auto;
	object-fit: cover;
}

.single-klimi-image img
{
	border: 1px solid #ddd;
	max-width: 100%;
	max-height: 400px;
}

/*
 * -------------------------------------------------------------------------------------------
 *  Main Nav Bar
 * -------------------------------------------------------------------------------------------
*/

.main-nav
{
	width: 100%;
    position: relative;
	box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.10);
    z-index: 2;
}

.main-nav.sticky
{
	position: sticky;
	top: 0;
}
	
	.main-nav .nav--logo
	{
		background: var(--dark);
		display: flex;
		justify-content: center;
		align-items: center;
	}
		
		.main-nav .nav--logo img
		{
			height: 60px;
		}
		.main-nav.sticky .nav--logo img
		{
			height: 45px;
			-webkit-transition: all .4s ease;
			   -moz-transition: all .4s ease;
			    -ms-transition: all .4s ease;
			     -o-transition: all .4s ease;
			        transition: all .4s ease;
		}
	
	.main-nav .nav--menus .nav--logo
	{
		display: none;
	}
	
	.main-nav .nav--menus .menu--top
	{
		width: 100%;
		background: #fff;
		padding: 10px 20px;
		border-bottom: 1px solid #ddd;
	}

	.main-nav.sticky .menu--top
	{
		opacity: 0;
		position: absolute;
		top: 0;
	}

	
		.main-nav .nav--menus .menu--top a
		{
			padding: 0 20px;
			border-right: 1px solid rgba(0, 0, 0, .2);
			font-size: 13px;
			color: var(--dark);
		}
		.main-nav .nav--menus .menu--top a:last-child
		{
			border-right: none;
		}
			
			.main-nav .nav--menus .menu--top a:hover
			{
				color: var(--green);
			}

			.main-nav .nav--menus .menu--top a i
			{
				margin-right: 5px;
			}

	.main-nav .nav--menus .menu--bottom
	{
		width: 100%;
		background: #fff;
		position: relative;
		z-index: 3;
	}

		.main-nav .nav--menus .menu--bottom #menu-primary-menu
		{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
			justify-content: flex-end;
			align-items: center;
			margin-bottom: 0;
			padding-left: 0;
		}

		.main-nav .nav--menus .menu--bottom #menu-primary-menu > li
		{
			display: block;
			text-align: center;
			position: relative;
		}

			.main-nav .nav--menus .menu--bottom #menu-primary-menu > li > a
			{
				display: flex;
				color: var(--dark);
				padding: 18px 0;
				justify-content: center;
				font-size: 17px;
				font-weight: 500;
				border-right: 1px solid #ddd;
				-webkit-transition: all .3s ease;
				   -moz-transition: all .3s ease;
				    -ms-transition: all .3s ease;
				     -o-transition: all .3s ease;
				        transition: all .3s ease;
			}

			.main-nav .nav--menus .menu--bottom #menu-primary-menu > li a
			{
				display: flex;
				color: var(--dark);
				padding: 18px 0;
				justify-content: center;
				font-size: 17px;
				text-transform: capitalize;
				font-weight: 500;
				-webkit-transition: all .3s ease;
				   -moz-transition: all .3s ease;
				    -ms-transition: all .3s ease;
				     -o-transition: all .3s ease;
				        transition: all .3s ease;
			}

			.main-nav .nav--menus .menu--bottom #menu-primary-menu a:hover
			{
				color: var(--green);
			}

			.main-nav .nav--menus .menu--bottom #menu-primary-menu > li > ul
			{
				display: none;
			}

			.main-nav .nav--menus .menu--bottom #menu-primary-menu > li:hover > ul
			{
				display: block;
				position: absolute;
				top: 60px;
				min-width: 100%;
				height: auto;
				padding: 0;
				border: 1px solid #ddd;
				list-style: none;
				background: #fff;
			}

				.main-nav .nav--menus .menu--bottom #menu-primary-menu > li:hover > ul li
				{
					position: relative;
				}

				.main-nav .nav--menus .menu--bottom #menu-primary-menu > li:hover > ul li a
				{
					display: flex;
					color: var(--dark);
					padding: 20px 0;
					justify-content: center;
					font-size: 14px;
					font-weight: 500;
					border-bottom: 1px solid #ddd;
					-webkit-transition: all .3s ease;
					   -moz-transition: all .3s ease;
					    -ms-transition: all .3s ease;
					     -o-transition: all .3s ease;
					        transition: all .3s ease;
				}

					.main-nav .nav--menus .menu--bottom #menu-primary-menu > li:hover > ul li a:hover
					{
						color: var(--green);
					}

				.main-nav .nav--menus .menu--bottom #menu-primary-menu > li:hover > ul li:last-child a
				{
					border-bottom: 0;
				}


				.main-nav .nav--menus .menu--bottom #menu-primary-menu > li:hover > ul li > ul
				{
					display: none;
				}

				.main-nav .nav--menus .menu--bottom #menu-primary-menu > li:hover > ul li:hover > ul
				{
				    position: absolute;
				    top: 0;
				    display: block;
				    right: -100%;
				    width: 100%;
				    background: #fff;
				    padding-left: 0;
				    list-style: none;
				    border: 1px solid #ddd;
				}

					.main-nav .nav--menus .menu--bottom #menu-primary-menu > li:hover > ul li:hover > ul li
					{
					}

						.main-nav .nav--menus .menu--bottom #menu-primary-menu > li:hover > ul li:hover > ul li a
						{
							border-bottom: 1px solid #ddd; 
						}

						.main-nav .nav--menus .menu--bottom #menu-primary-menu > li:hover > ul li:hover > ul li a:hover
						{
							color: var(--green);
						}

						.main-nav .nav--menus .menu--bottom #menu-primary-menu > li:hover > ul li:hover > ul li:last-child a
						{
							border-bottom: 0;
						}




/*
 * -------------------------------------------------------------------------------------------
 *  Index Carousel
 * -------------------------------------------------------------------------------------------
*/

.home-carousel
{
	height: 600px;
}

.main--carousel
{
	width: 100%;
	z-index: 1;
	position: relative;
}

	.main--carousel .owl-item .item 
	{
		width: 100%;
		position: relative;
		height: 600px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.main--carousel .owl-item .item.right
	{
		justify-content: flex-end;
	}

		.main--carousel .owl-item .item .carousel--bg
		{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			z-index: 0;
		}

			.main--carousel .owl-item .item .carousel--bg img
			{
				min-width: 100%;
				min-height: 100%;
				object-fit: cover;
			}

		.main--carousel .owl-item .item .carousel--content
		{
			z-index: 1;
		}

			.main--carousel .owl-item .item .carousel--content h3
			{
				position: relative;
				font-size: 18px;
				font-weight: 600;
				color: var(--green);
				max-width: 500px;
				margin: 0 auto 5px 0;
				opacity: 0;
				top: -30px;
			}

			.main--carousel .active.owl-item .item .carousel--content h3
			{
				opacity: 1;
				top: 0;
				transition-delay: 0.5s;
			}

			.main--carousel .owl-item .item.right .carousel--content h3
			{
				margin: 0 0 5px auto;
				text-align: right;
			}

			.main--carousel .owl-item .item .carousel--content h1
			{
				position: relative;
				left: -50px;
				font-size: 50px;
				font-weight: 900;
				color: var(--dark);
				max-width: 500px;
				line-height: 45px;
				margin: 5px auto 40px 0;
				opacity: 0;
			}

			.main--carousel .active.owl-item .item .carousel--content h1
			{
				left: 0;
				opacity: 1;
				transition-delay: .3s;
			}

			.main--carousel .owl-item .item.right .carousel--content h1
			{
				margin: 5px 0 40px auto;
				text-align: right;
			}

			.main--carousel .owl-item .item .carousel--content p
			{
				position: relative;
				font-size: 16px;
				font-weight: 400;
				color: var(--dark);
				max-width: 600px;
				line-height: 30px;
				margin: 0 auto 0 0;
				top: 50px;
				opacity: 0;
			}

			.main--carousel .active.owl-item .item .carousel--content p
			{
				opacity: 1;
				top: 0;
				transition-delay: .5s;
			}

			.main--carousel .owl-item .item.right .carousel--content p
			{
				margin: 0 0 0 auto;
				text-align: right;
			}

	.main--carousel .owl-nav
	{
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);
		width: 100%;
	}

		.main--carousel .owl-nav button
		{
			width: 50px;
			height: 60px;
			display: inline-flex;
			justify-content: center;
			align-items: center;
			background: var(--dark) !important;
			color: #fff !important;
			font-size: 30px !important;
			line-height: 1;
			outline: none;
			box-shadow: none;
		}

		.main--carousel .owl-nav button.owl-next
		{
			float: right;
		}

		.main--carousel .owl-nav button.disabled
		{
			opacity: .2;
		}

			.main--carousel .owl-nav button span
			{
				display: flex;
				justify-content: center;
				align-items: center;
				line-height: 2px;
				position: relative;
				top: -2px;
			}


/*
 * -------------------------------------------------------------------------------------------
 *  Index About
 * -------------------------------------------------------------------------------------------
*/

.home--about
{
	padding: 80px 0;
}

.home--about-images img
{
	max-width: 100%;
	height: 500px;
	object-fit: cover;
}

.home--about-images .exp-year
{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	padding: 20px;
	background: var(--green);
	box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.10);
	z-index: 1;
	color: #fff;
	text-align: center;
}

	.home--about-images .exp-year h1
	{
		font-weight: 900;
		font-size: 60px;
		margin-bottom: 5px;
		line-height: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

		.home--about-images .exp-year h1 label
		{
			font-size: 50px;
			margin-left: 5px;
			font-weight: 700;
			line-height: 30px;
		}

	.home--about-images .exp-year h4
	{
		margin: 0;
		font-size: 24px;
		font-weight: 300;
	}




/*
 * -------------------------------------------------------------------------------------------
 *  Index Process
 * -------------------------------------------------------------------------------------------
*/

.process-work
{
	padding: 80px 0;
	background-color: var(--dark);
	/* background-image: url('assets/images/bg-1.png'); */
	background-size: 100%;
}

	.process-work .processes .process
	{
		text-align: center;
		position: relative;
	}

@media (max-width: 992px) {
	.process-work .processes .process:first-child:after, .process-work .processes .process:nth-child(2):after
	{
		display: none;
	}
}	
	.process-work .processes .process:first-child:after,
	.process-work .processes .process:nth-child(2):after
	{
		content: "";
		width: 40%;
		height: 53px;
		background: url('assets/images/arrow-1.png') no-repeat;
		background-size: 100%;
		position: absolute;
		top: 60px;
		right: -20%;
		opacity: 0.5;
	}

	.process-work .processes .process:nth-child(2):after
	{
		background: url('assets/images/arrow-2.png') no-repeat;
		background-size: 100%;
	}
	
	.process-work .processes .process:hover span img
	{
		-webkit-transform: rotate(360deg);
		   -moz-transform: rotate(360deg);
		    -ms-transform: rotate(360deg);
		     -o-transform: rotate(360deg);
		        transform: rotate(360deg);
	}

		.process-work .processes .process span
		{
			position: relative;
			padding: 40px;
			border: 2px dashed rgba(255, 255, 255, .4);
			display: inline-flex;
			justify-content: center;
			align-items: center;
			margin: 0 auto;	
		}

		.process-work .processes .process:hover span
		{
			border: 2px dashed rgba(255, 255, 255, .6);
			-webkit-transition: all .3s ease;
			   -moz-transition: all .3s ease;
			    -ms-transition: all .3s ease; 
			     -o-transition: all .3s ease;
			        transition: all .3s ease;
		}


			.process-work .processes .process span label
			{
				display: flex;
				justify-content: center;
				align-items: center;
				position: absolute;
				bottom: -20px;
				right: -20px;
				background: var(--green);
				border-radius: 100%;
				font-size: 16px;
				font-weight: 800;
				width: 40px;
				height: 40px;
				color: #fff;
			}

			.process-work .processes .process span img
			{
				width: 60px;
				height: 60px;
				-webkit-transform: rotate(0);
				   -moz-transform: rotate(0);
				    -ms-transform: rotate(0);
				     -o-transform: rotate(0);
				        transform: rotate(0);
			}

		.process-work .subtitle
		{
			color: var(--yellow);
		}
		.process-work .title
		{
			color: #fff;
		}

		.process-work .processes .process p
		{
			font-size: 18px;
			font-weight: 400;
			color: rgba(255, 255, 255, .9);
			margin-top: 40px;
			margin-bottom: 0;
		}

/*
 * -------------------------------------------------------------------------------------------
 *  Footer
 * -------------------------------------------------------------------------------------------
*/

footer
{
	padding: 50px 0;
	background: var(--dark);
}

	footer h5
	{
	    font-size: 28px;
	    color: #fff;
	    position: relative;
	    line-height: 1;
	}

	footer .footer-menu ul
	{
		list-style: none;
		padding-left: 0;
	}

		footer .footer-menu ul li
		{
			font-weight: 500;
		}

		footer .footer-menu ul li::before
		{
			content: "\25AA";
		  	color: var(--green);
		  	font-weight: bold;
		  	display: inline-block; 
		  	width: 20px;
		}
			
			footer .footer-menu ul li a
			{
				display: inline-flex;
				padding: 5px 0;
				font-weight: 400;
				font-size: 16px;
				color: rgba(255, 255, 255, .8);
				align-items: center;
			}
			
			footer .footer-menu ul li a:hover
			{
				color: var(--green);
			}

				footer .footer-menu ul li a i
				{
					font-size: 10px;
					margin-right: 5px;
				}


	footer .footer-contact ul
	{
		padding-left: 0;
		list-style: none;
	}

		footer .footer-contact ul li
		{
			display: flex;
			align-items: center;
			padding: 10px 0;
		}

			footer .footer-contact ul li span
			{
				color: var(--green);
				font-size: 24px;
				margin-right: 10px;
			}

			footer .footer-contact ul li p,
			footer .footer-contact ul li a
			{
				margin-bottom: 0;
				color: rgba(255, 255, 255, .9)
			}

.mini-footer
{
	background: #011e4d;
	padding: 10px 0;
	color: #fff;
}


/*
 * -------------------------------------------------------------------------------------------
 *  Header Inner Pages
 * -------------------------------------------------------------------------------------------
*/

header.inner
{
	position: relative;
	padding: 90px 0;
	background: var(--dark);
	height: 340px;
	display: flex;
	justify-content: center;
	align-items: center;
}

	header.inner .title
	{
		color: #fff;
		text-align: center;
		margin: 0;
		font-size: 66px;
		line-height: 70px;
	}

	header.inner .header--bg
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}

		header.inner .header--bg img
		{
			min-width: 100%;
			height: 100%;
			object-fit: cover;
			opacity: .3;
		}


/*
 * -------------------------------------------------------------------------------------------
 *  Accordion
 * -------------------------------------------------------------------------------------------
*/

.accordion > .card 
{
	border-radius: 0;
}
.accordion > .card > .card-header
{
	padding: 0;
}

	.accordion > .card > .card-header
	{
		border-bottom: none;
		background: transparent;
		position: relative;
	}

	.accordion > .card > .card-header button:hover::after
	{
		background: var(--green);
		color: #fff !important;
		box-shadow: 0px 7px 15px rgb(65 147 33 / 40%);
	}

		.accordion > .card > .card-header button:not(.collapsed):after
		{
			position: absolute;
			top: 15px;	
			right: 20px;
			font-family: "Font Awesome 5 Free"; 
			font-weight: 900;
			content: "\f068";
			font-size: 12px;
			width: 35px;
			height: 35px;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #fff;
			background: var(--green);
			box-shadow: 0px 7px 15px rgb(65 147 33 / 40%);
			cursor: pointer;
			-webkit-transition: all .3s ease;
			   -moz-transition: all .3s ease;
			    -ms-transition: all .3s ease;
			     -o-transition: all .3s ease;
			        transition: all .3s ease;
		}
		.accordion > .card > .card-header button.collapsed:after
		{
			position: absolute;
			top: 15px;	
			right: 20px;
			font-family: "Font Awesome 5 Free"; 
			font-weight: 900;
			content: "\f067";
			font-size: 12px;
			width: 35px;
			height: 35px;
			display: flex;
			justify-content: center;
			align-items: center;
			color: var(--dark);
			cursor: pointer;
			-webkit-transition: all .3s ease;
			   -moz-transition: all .3s ease;
			    -ms-transition: all .3s ease;
			     -o-transition: all .3s ease;
			        transition: all .3s ease;
		}
		.accordion > .card > .card-header button
		{
			font-size: 18px;
			font-weight: 500;
			width: 100%;
			outline: none;
			box-shadow: none;
			text-align: left;
			color: var(--dark);
			padding: 20px 60px 20px 20px;
		}

		.accordion > .card > .card-header button:hover
		{
			text-decoration: none !important;
		}

		.accordion > .card > .collapse
		{
			position: relative;
		}



/*
 * -------------------------------------------------------------------------------------------
 *  Contact
 * -------------------------------------------------------------------------------------------
*/

#map
{
	width: 100%;
	height: 100%;
	background: #ddd;
}

	.contact-form
	{
		width: 100%;
	}

		.contact-form .input-row
		{
			width: 100%;
		}

			.contact-form .input-row label
			{
				font-size: 12px;
				text-transform: uppercase;
				color: var(--dark);
			}
				.contact-form .input-row label span
				{
					color: var(--red);
				}

			.contact-form .input-row input,
			.contact-form .input-row textarea
			{
				width: 100%;
				height: 40px;
				border: none;
				border-bottom: 1px solid #ddd;
				outline: none;
				padding: 10px 0;
				font-size: 20px;
				font-weight: 500;
				cursor: pointer;
			}

			.contact-form .input-row textarea
			{
				height: 80px;
			}

			.contact-form .input-row.focus input:focus
			{
				border-bottom: 1px solid var(--blue);
			}

			.contact-form .input-row.focus input,
			.contact-form .input-row.focus textarea
			{
				border-bottom: 1px solid var(--blue);
			}


/*
 * -------------------------------------------------------------------------------------------
 *  Borrowing Items
 * -------------------------------------------------------------------------------------------
*/
	.borrow-items img
	{
		max-width: 60px;
		max-height: 60px;
		margin-bottom: 20px;
	}
		
	.borrow-items h4
	{
		color: var(--dark);
		font-weight: 800;
		font-size: 18px;
		margin-bottom: 20px;
	}



.logo-carousel .owl-stage
{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}


.logo-carousel .items
{
	text-align: center;
}
.logo-carousel .item
{
	height: 100%;
}

.logo-carousel img
{
	max-width: 120px !important;
	height: unset !important;
	object-fit: cover;
	margin: 0 auto;
	filter: grayscale(10);
	cursor: pointer;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.logo-carousel .item:hover img
{
	filter: grayscale(0);
}

.ngg-albumoverview.default-view .ngg-album-compact h4 .ngg-album-desc
{
	color: var(--dark);
}
ul.ngg-breadcrumbs > li a
{
	color: var(--red);
}


/* Klima uredi */
.air-conditions .post
{
	display: block;
	background: #fff;
	overflow: hidden;
	position: relative;
}

	.air-conditions .post.popust .post-header:before
	{
		position: absolute;
		top: 25px;
		right: -35px;
		content: "Попуст";
		width: 150px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-transform: uppercase;
		height: 30px;
		background: var(--blue);
		font-weight: 600;
		transform: rotate(45deg);
		color: #fff;
		z-index: 1;
	}

	.air-conditions .post .post-header,
	.air-conditions .post .post-header a
	{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 280px;
		background: #f1f1f1;
		overflow: hidden;
	}
		.air-conditions .post .post-header a:hover img
		{
			-webkit-transform: scale(1.1);
			   -moz-transform: scale(1.1);
			    -ms-transform: scale(1.1);
			     -o-transform: scale(1.1);
			        transform: scale(1.1);
		}

		.air-conditions .post .post-header img
		{
			max-width: 90%;
			max-height: 90%;
			object-fit: cover;
			mix-blend-mode: multiply;
			-webkit-transition: all .5s ease;
			   -moz-transition: all .5s ease;
			    -ms-transition: all .5s ease;
			     -o-transition: all .5s ease;
			        transition: all .5s ease;
		}

	.air-conditions .post-content
	{
		padding: 20px 0;
	}

	.single-klimi .post-content
	{
		padding: 0;
	}

		.air-conditions .post-content a
		{
			color: var(--blue);
		}

		.air-conditions .post-content p 
		{
			font-size: 14px;
		}

		.air-conditions .post-content ul
		{
			padding: 0 !important;
			list-style: none !important;
			margin-top: 0;
		}
			
			.air-conditions .post-content ul li
			{
				color: #444;
				font-family: 'Roboto', sans-serif;
				font-weight: 400;
				padding: 4px 0;
				font-size: 14px;
				display: flex;
				justify-content: space-between
			}

			.air-conditions .post-content ul li:nth-child(odd)
			{
			}

			.air-conditions .post-content ul li b
			{
				text-align: left;
				color: #000;
			}

			.air-conditions .post-content ul.single-features li
			{
				display: flex;
				justify-content: space-between;
			}
			.air-conditions .post-content hr
			{
				margin-bottom: 0;
			}
			.air-conditions .post-content .cena
			{
				padding: 10px 0;
				background-color: #f1f1f1;
				display: flex;
				justify-content: center;
			}

				.air-conditions .post-content .cena h2
				{
					margin-bottom: 0;
				}

.klima-uredi
{
	background: url('assets/images/klimi-bg.png');
	background-position: right center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-color: #DDE2E5;
}

	.klima-uredi a
	{
		color: var(--dark);
		display: inline-block;
		position: relative;
	}

	.klima-uredi a:after
	{
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 3px;
		background-color: var(--blue);
		-webkit-transition: all .6s ease;
		   -moz-transition: all .6s ease;
		    -ms-transition: all .6s ease;
		     -o-transition: all .6s ease;
		        transition: all .6s ease;
	}

	.klima-uredi a:hover:after
	{
		width: 100%;
	}

	.klima-uredi a:hover
	{
		color: var(--blue);
	}

.single-klimi .section-image img
{
	/* border: 1px solid #ddd; */
	box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);
}

.sticky
{
	position: sticky;
	top: 50px;
}

.single-klimi .klimi-cena
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: rgba(0, 0, 0, .08);
	background-color: var(--blue);
	color: #fff;
	padding: 20px;
}
	
	.single-klimi .klimi-cena h1,
	.single-klimi .klimi-cena h5
	{
		font-family: 'Roboto Slab', sans-serif;
		color: #fff !important;
	}
	.single-klimi .klimi-cena h5
	{
		color: rgba(255, 255, 255, .8) !important;
		font-weight: 700;
	}

.cena
{
	width: 100%;
	min-height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
}