/* Heading */

.uk-icon.uk-navbar-toggle-icon svg {
	width: 22px;
	height: 22px;	
}

.uk-navbar-container.uk-navbar-transparent {
	margin-top: 40px;
}

.uk-navbar-item.googletag {
	padding: 0;
}

/* Languages */

.uk-light .mod-languages .uk-subnav>li>a {
	color: #ffffff;
}

.mod-languages .uk-subnav>li {
	padding-left: 8px!important;
	padding-right: 8px!important;	
	margin: 0;
	border-left: 2px solid rgba(59,128,128,.75);
}

.mod-languages .uk-subnav>li:first-child {
	border-left: none;
}

.mod-languages .uk-subnav a {
	font-weight: 700;
	font-size: 14px!important;
}

/* Hero */

.fronthero a.hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 115;
	
}
.fronthero a.hero-overlay .uk-padding.uk-position-bottom-left {
	z-index: 5;
}

.fronthero a.hero-overlay:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: url(../images/hero-bck.svg);
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
	transition: width 0.25s, height 0.25s;
}


.fronthero a.hero-overlay:hover:after {
	width: 70%;
	height: 100%;
}

.fronthero .uk-position-cover:before, .subpage .uk-slideshow-items:after, .blogheader:after {
	content: "";
	display: block;
	height: 35%;
	width: 100%;
	background: linear-gradient(180deg, rgba(0,5,20,.55) 0%, rgba(0,5,20,0) 100%);
	position: absolute;
	z-index: 1;	
	top: 0;
	left: 0;
	right: 0;
	pointer-events: none;
}

.fronthero .uk-position-cover:after {
	content: "";
	display: block;
	height: 35%;
	width: 100%;
	background: linear-gradient(0deg, rgba(0,5,20,.55) 0%, rgba(0,5,20,0) 100%);
	position: absolute;
	z-index: 1;	
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
}

.fronthero .uk-flex .uk-panel {
	position: static;
}

.topslideshow .uk-overlay.uk-overlay-primary {
	border-left: 3px solid #3b8080;
}

.uk-section.divider {
	min-height: 25px;
}

.fraccord {
	position: relative;
	z-index: 100;
}

.fronthero a.hero-overlay .hidden-hover {
	display: none;
	font-size: 12px;
	font-weight: 600;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
	line-height: 150%;
	color: #ffffff;
}

.fronthero a.hero-overlay h2 {
	margin-left: -15px;
}



/* Comparsion */

.comparsion .hd-image-comparison {
	margin-left: 0!important;
	margin-right: 0!important;
}



/* Sections */

.sec-bor {
	margin: 50px;
}

.zoombut a.uk-button.uk-button-default {
	padding: 0;
	width: 54px;
	height: 54px;
	background: #ffffff;
	border-radius: 50%;
}

.zoombut a.uk-button.uk-button-default:hover {
	background: #222222;
	color: #e0dfd7;
}

.uk-lightbox-toolbar {
width: 64px;	
left: auto;
}

/* Footer */

.dev-link a {
opacity: 0.35;
transition: opacity 0.15s ease;
}

.dev-link a:hover {
opacity: 1;
}

.uk-text-bold {
	font-weight: 600;
}

.uk-list.cont-list li {
	margin-top: 3px;
}

.uk-list.cont-list li a {
	color: #222222;
	font-size: 14px;
}

.uk-list.cont-list li a:hover {
	color: #3b8080;
	font-size: 14px;
}

.uk-list.cont-list li .uk-grid-small>div {
	padding-left: 10px;
}

.uk-section-secondary:not(.uk-preserve-color) .uk-text-small.disclaimer {
 color: rgba(224,223,215,.25);
}

.uk-section-secondary:not(.uk-preserve-color) .uk-text-small.disclaimer a {
 color: rgba(224,223,215,.35);
 font-weight: 600;
}

.uk-section-secondary:not(.uk-preserve-color) .uk-text-small.disclaimer a:hover {
 color: rgba(224,223,215,1);
}


/* Hide Recaptcha */

.grecaptcha-badge { visibility: hidden; }

.sevengrid .uk-child-width-1-6\@m>* {
width: calc(100% * 1 / 7.001)!important;
}	

/* Offer form */

.uk-form-stacked .uk-form-label {
	margin-top: 15px;
	margin-bottom: 0;	
}

.offerform .uk-input.uk-form-width-medium {
	max-width: 140px;
}

.offerform .offerdetails .rsform-input-box.uk-input {
	max-width: 140px;
}

.offerform .rsform-calendar-button.uk-button.uk-button-default {
	width: 48px;
	height: 48px;
	background-image: url(../images/calendar.svg);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position:  center center;
}

.getoffermod {
	padding: 0;
}

.offergrid .uk-card-body {
padding: 23px;	
border-left: 3px solid #4cacac;
transition: background-color 0.25s ease;
}

.offergrid .uk-card-body:hover {
background-color: #3b8080;
}

.offergrid .uk-card-body:hover .el-meta.uk-h5 {
color: rgba(255,255,255,0.65);
}



.offergrid .uk-card-body .uk-text-meta {
	font-size: 14px;
}

.accent {
border-left: 3px solid #3b8080;
padding-left: 25px;
}

/* Logos hack */

a.uk-logo, a.uk-logo img {
	transition: height 0.25s ease-in;
}
	

.office-tala .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo img,
.apart-kluca .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo img {
	display: none;
}

.office-tala .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo,
.apart-kluca .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo {
	background-repeat: no-repeat;
	background-size: auto 50px;
	background-position: left center;
	background-clip: content-box;
	width:280px;
}

.office-tala .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo {
background-image: url(../images/new-hanza-m1-logo.svg);
}	

.apart-kluca .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo {
background-image: url(../images/new-hanza-apart-logo.svg);
}	

.tm-header .uk-sticky.uk-sticky-fixed.uk-sticky-below a.uk-logo, 
.tm-header .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo img, 
.tm-header .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo svg
 {
	height: 50px;
	width: auto;
}


/* Menu */


.uk-navbar-container .uk-navbar-nav > li.uk-parent span.uk-icon.uk-navbar-parent-icon {
	transition: transform .15s linear;
}

.uk-navbar-dropdown ul.uk-navbar-dropdown-nav>li>a {
	padding-left: 10px;
	padding-right: 10px;
}

.uk-navbar-dropdown ul li a:hover {
	background: rgba(0,0,0,0.15);
}

.uk-navbar-dropdown-nav .uk-nav-sub a:before {
	content: "–";
}

ul.uk-nav-sub {
	padding: 5px 0 5px 0;
}

.uk-navbar-dropdown-nav .uk-nav-sub a {
	padding: 5px 3px 5px 10px;
}

ul.uk-navbar-dropdown-nav>li>a {
	font-size: 18px;
}

ul.uk-navbar-dropdown-nav li .uk-navbar-parent-icon {
	display: none;
}

/* Galler */
.workgallery li[uk-filter-control*="Vestibils"] { order: 5; }
.workgallery li[uk-filter-control*="Teritorija"] { order: 6; }

.workgallery li[uk-filter-control*="Offices"] { order: 2; }
.workgallery li[uk-filter-control*="Coworking"] { order: 3; }
.workgallery li[uk-filter-control*="Lobby"] { order: 4; }
.workgallery li[uk-filter-control*="Building"] { order: 5; }
.workgallery li[uk-filter-control*="Territory"] { order: 6; }


/* Reserve button*/

.uk-modal-dialog iframe {
	padding: 30px;
}


/* TOP MENU CORNER TOP */

.tm-header .uk-sticky .uk-navbar-dropdown::after,
.tm-header .uk-sticky.uk-sticky-below.uk-sticky-fixed .uk-navbar-dropdown::after  {
	content:'';
	position:absolute;
	top:0;
	left:20%;
	margin-left:-8px;
	display:block;
	width:16px;
	height:7px;
	background-image:url(../images/submenu_bot_arrow.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:16px 7px;
}

.tm-header.tm-header-overlay .uk-sticky .uk-navbar-dropdown::after {
	content:'';
	position:absolute;
	top:-7px;
	left:20%;
	margin-left:-8px;
	display:block;
	width:16px;
	height:7px;
	background-image:url(../images/submenu_top_arrow.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:16px 7px;
}

/* Popover */

.showmarkers {
	margin: 0 -20px 0 0;
}

.showmarkers  a.uk-marker svg {
transition: transform .25s ease;
	width: 9px;
height: 9px;
}

.showmarkers  a.uk-marker[aria-expanded="true"] {
	color: #fff;
	animation: none;
}

.showmarkers  a.uk-marker[aria-expanded="true"] svg {
 transform: rotate(45deg);
}

.showmarkers .uk-marker {
position: relative;
}

a.uk-marker::before {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}



/* Mobile  Menu */

.tm-header-mobile .uk-dropbar {
	background-color: #334b4e;
}

.uk-navbar-container.uk-navbar-sticky {
box-shadow: 0px 0px 35px rgba(0,0,0,0.1);
z-index: 100;
}

.tm-header-mobile .uk-nav>li:not(:first-child) {
	border-top: 1px dotted rgba(255,255,255,0.2);
}

.tm-header-mobile .uk-nav-sub a {
	background:url(../images/submenu.svg) left 11px no-repeat;
	background-size:14px 14px;
	padding-left: 15px;
}

.tm-header-mobile .uk-nav-sub ul li a {
	background: none;
	padding: 0;
}

.tm-header-mobile .uk-nav-sub ul li a:before {
	content: "–";

}

.tm-header-mobile .uk-nav a {
	color: rgba(255,255,255,0.5);
}

.tm-header-mobile .uk-nav a:hover,
.tm-header-mobile li.uk-active > a {
	color: rgba(255,255,255,1);
}

.tm-header-mobile ul.uk-nav-sub {
	padding: 7px 0 20px 0;
}


.tm-header-mobile .uk-nav > li {
	position: relative;
}

.tm-header-mobile .uk-nav > li {
	padding-left: 22px;
}

.tm-header-mobile .uk-nav-sub a {
	padding-top: 3px;
	padding-bottom: 3px;
}

a.uk-navbar-toggle[aria-expanded="true"] {
background: url(../images/submenu_top_arrow.svg) 13px bottom no-repeat;
background-size: 16px 7px;
}

/* Menu Contact */

div.deskcont {
	border-top: 1px dotted #3b8080;
	padding-top: 25px;
	margin-top: -10px;	
}

div.deskcont a {
	font-size: 16px;
	text-decoration: none;
	font-weight:600;
	color: rgba(255,255,255,0.55);	
}

div.deskcont .socrow .uk-icon-button {
	background-color: rgba(255,255,255,0.55);
	color: #334b4e;	
}

div.deskcont .socrow .uk-icon-button:hover {
	background-color: rgba(255,255,255,1);
}

div.deskcont .controw {
	padding: 5px 0;
}

div.deskcont .socrow {
	padding-top: 15px;
	padding-left: 30px;
}

div.deskcont .controw span.uk-icon {
	color: #3b8080;
	margin-right: 5px;
}

div.deskcont .controw span.uk-icon svg {
	width: 24px;
	height: 24px;
}

div.deskcont a:hover {
	color: #ffffff;
}


div.deskcont.mobile {
	border-top: 1px dotted #3b8080;
	padding-top: 15px;
	margin-top: -10px;
}

div.deskcont.mobile a {
	font-size: 14px;
}


div.deskcont.mobile .controw {
	padding: 3px 0;
}

div.deskcont.mobile .socrow {
	padding-top: 10px;
	padding-left: 27px;
}

div.deskcont.mobile .controw span.uk-icon svg {
	width: 22px;
	height: 22px;
}

div.deskcont.mobile .socrow .uk-icon-button {
	width: 30px;
	height: 30px;
}

div.deskcont.mobile .socrow .uk-icon-button svg {
	width: 18px;
	height: 18px;
}

.uk-button.uk-button-secondary:disabled,
.uk-button.uk-button-secondary:disabled:hover {
	background: #222;
	color: #555;
	border-color: #222;
}


/* Timeline */
#timeline .el-item.uk-panel {
	padding-left: 20px;
}

#timeline .uk-position-center-left, #timeline .uk-position-center-right,
#timeline .uk-position-center-left-out, #timeline .uk-position-center-right-out {
	top: 50px!important;
}

.upsec {
	margin-bottom: -50px;
}

.upbotsec {
	margin-top: -50px;
	margin-bottom: -50px;
}

#timeline .el-item.uk-panel:after {
	content: "";
	height: 2px;
	background-color: rgba(0,0,0,0.35);
	position: absolute;
	top: 49px;
	left: 0;
	right: 0;
}

#timeline .uk-tile-muted .uk-h6,
#timeline .uk-tile-muted .uk-icon.uk-text-primary  {
	color: rgba(0,0,0,0.35)!important;
}

#timeline .uk-panel.uk-tile-default:after {
	background-color: #3b8080;
}

#timeline .uk-tile-default,
#timeline .uk-tile-muted {
	background: transparent;
}

#timeline .uk-position-medium.uk-slidenav {
	margin-top: 8px!important;
}

#timeline .uk-position-center-right {
	left: 100%;
	right: auto;
	width: max-content;
}

#timeline .uk-position-center-left {
	right: 100%;
	left: auto;
	width: max-content;
}

/* Video */

.pillmoto {
	padding: 10px 0 10px 25px;
	border-left: 3px solid #3b8080;
	margin-top: 25vh;
}

a.playbut {
	display: inline-block;
  height: 164px;
  width: 164px;
  position: relative;
  background-image: url(../images/play.svg);
  background-size: 64px 64px;
  background-position: center center;
  background-repeat: no-repeat;
  transition: background-position 0.15s ease-in;
}

a.playbut:hover {
  background-position: 57% center;
}


a.playbut .circle {
  height: 164px;
  width: 164px;
}
  
a.playbut .background {
	fill: transparent;
  stroke: rgba(255, 255, 255, 1);
  transition: all 200ms ease;
}

  
a.playbut .foreground {
  fill: transparent;
  stroke-dasharray: 510;
  stroke-dashoffset: 510;
  stroke: #3b8080;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
  transition: all 800ms ease;
}
    
a.playbut:hover .foreground {
  stroke-dashoffset: 0;
  transform: rotate(90deg);
}

/* Process */

.process .el-image.uk-icon {

	padding: 13px;
	position: absolute;
	top: 13px;
	right: 0;
}

/* FLOORPLANS SVG CONTOUR */

.mt1-offices .uk-subnav>*>:first-child {
	font-size: 26px;
}

.office-tala g.bd_group2 path.bd_item {
	fill: rgba(193,226,229,0);
	mix-blend-mode: multiply;	
	cursor: pointer!important;
	transition: fill 0.35s;
}

.office-tala g.bd_group2 path.bd_item:hover {
	fill:rgba(193,226,229,0.5)!important;
	mix-blend-mode: multiply!important;
}

.office-tala g.bd_icons2 {
	visibility: hidden;
}

.office-tala g.bd_group2.reserved g.bd_icons2, g.bd_group2.rented g.bd_icons2 {
	visibility: visible;
}

.office-tala g.bd_icons2 path {
	stroke-width: 6px;
	stroke: rgba(255,255,255,0.35);
	fill: none;
}

.office-tala g.bd_group2.reserved::after {
	content: "123";
	width: 38px;
	height: 44px;
	display: block;
	background: url(../images/lock.svg) center center no-repeat red;
	background-size: 38px 44px;
}

.office-tala .svg_plan2 {
	width:100%;
	overflow:hidden;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	position: relative;
	cursor:pointer;
}

.office-tala .svg_plan2.apartments {
	background-size:contain!important;
	height:auto;
}


/* FLOORPLANS SVG CONTOUR STATUSES */
.office-tala .bd_group2.sold path.bd_item, 
.office-tala .bd_group2.reserved path.bd_item, 
.office-tala .bd_group2.disabled path.bd_item,
.office-tala .bd_group2.rented path.bd_item {
fill:rgba(0,15,10,.35)!important;	
}



/* Section Shaded */

.sectionshade .uk-position-cover {
background-image: url(../images/secshad.svg);
background-repeat: no-repeat;
background-size: cover;
background-position-x: 17vw;
background-position-y: 0;
}

/* Scroll Down */

.scrolldown-wrapper {
 display: block;
	width: 40px;
	position: absolute;
	left: 50.2%;
	bottom: 80px;
}
  
.scrolldown {
	border: 2px solid #FFFFFF;
	border-radius: 35px;
	height: 54px;
	margin: 0;
	text-align: center;
	width: 36px;
}

.scrolldown-p1,
.scrolldown-p2 {
	animation-duration: 1.5s;
	animation-name: scrolldown;
	animation-iteration-count: infinite;
	stroke: #ffffff;
	fill: none;
	stroke-width: 2px;
	}
  
.scrolldown-p2 {
	animation-delay: .75s;
}

@keyframes scrolldown {
	0% {
		opacity: 0;
		transform: translate(0, -5px);
	}
	50% {
		opacity: 1;
		transform: translate(0, 3);
	}
	100% {
		opacity: 0;
		transform: translate(0, 11px);
	}
}


/* Headers */

.left-head {
	padding-top: 50px;
	padding-bottom: 50px;	
}

/* MAP */

#map_info_canvas {
	width: 100%;
	height: 580px;
}

#map_info_canvas.small {
	width: 100%;
	height: 480px;
	
}

#map_wrapper.border {
padding: 25px;
background: #ffffff;	
}

.mapfilters {
	margin-bottom: 20px;
}

.mapfilters label {
	margin-right: 20px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: inline-block;
}

.mapfilters label:last-child {
	margin-right: 0;
}


/* MAP style */

.gm-style .gm-style-iw-c {
  background: #222222;
  padding: 20px!important;
}

.gm-style .gm-style-iw-tc {
	filter: drop-shadow(0 4px 2px rgba(0,0,0,.14));
}

.gm-style .gm-style-iw-t p.uk-margin-small:last-child {
	margin-bottom: 0;
}

.gm-style-iw-c div.iw_title h4.uk-margin-small {
	font-size: 16px;
	color: #e0dfd7;
	margin-bottom: 0!important;	
	font-weight: 600;	
}

.iw_title p.uk-margin-small.uk-text-center {
	font-size: 12px;
	font-weight: 600;
	color: #e0dfd7;
	margin-top: 5px!important;
}

.gm-style-moc {
	height: 50px!important;
	bottom: 0!important;
	top:auto!important;
	background: transparent!important;
	
}

.gm-style-iw-ch {
	display: none;
}

div.gm-style-iw-chr {
	display: block;
	position: absolute;
	top: -10px;
	right: -10px;	
}


.gm-style-moc .gm-style-mot {
	text-shadow: 0px 0px 10px rgba(0,0,0,.5);
}

button.gm-ui-hover-effect {
	background-image: inherit!important;
	background-image: url(../images/close.svg)!important;
	background-size: 20px 20px!important;
	background-repeat: no-repeat!important;
	background-position: center center!important;
	position: absolute;
	top: 0!important;
	right: 0!important;
}

button.gm-ui-hover-effect:hover {
	background-image: url(../images/close-on.svg)!important;
	background-size: 20px 20px!important;
	background-repeat: no-repeat!important;
	background-position: center center!important;
}

button.gm-ui-hover-effect span {
	display: none!important;
}

.gm-style .gm-style-iw-d {
	overflow: hidden!important;
	width: 180px;
}

.gm-style-iw-d p.uk-text-center {
	margin:0;
	color: #999;
}


.gm-style {
	font-family: Montserrat !important;
}
 
.gm-style .gm-style-iw-tc::after {
    background: #222222;
}




@media (min-width: 1920px) {  

a.hero-overlay .uk-padding {
	padding: 140px;
}

}

@media (min-width: 980px) {  

.nh-grid .uk-child-width-1-6\@xl>* {
	width: calc(100% / 7);
}

}


@media (min-width: 1731px) and (max-width: 1920px) {  

a.hero-overlay .uk-padding {
	padding: 100px;
}

}

@media (max-width: 1731px) {
body {
	font-size: 14px;
}
}

@media (min-width: 1441px) and (max-width: 1730px) {       



.sec-bor {
	margin:35px;
}

.upsec {
	margin-bottom: -35px;
}

a.hero-overlay .uk-padding {
	padding-bottom: 80px;
}

.upbotsec {
	margin-top: -35px;
	margin-bottom: -35px;
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
	min-height: 70px;
}

.office-tala .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo,
.apart-kluca .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo {
	background-size: auto 45px;
	width:260px;
}



.uk-sticky .uk-navbar a.uk-logo img  {
width: 180px;
}

.tm-header .uk-sticky.uk-sticky-fixed.uk-sticky-below a.uk-logo, 
.tm-header .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo img, 
.tm-header .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo svg
 {
	height: 45px;
}

.sectionshade .uk-position-cover {
background-position-x: 13vw;
}

h1, .uk-h1 {
	font-size: 34px;
}

h2, .uk-h2 {
	font-size: 30px;
}

.topslideshow .uk-overlay span.uk-icon {
	width: 28px;
	height: 28px;
}

h3, .uk-h3 {
	font-size: 22px;
}

h4. uk-h4 {
	font-size: 16px;
}

.topslideshow .uk-overlay.uk-overlay-primary .uk-margin-top {
	margin-top: 15px!important;
}

.scrolldown-wrapper {
	width: 36px;
	bottom: 80px;
}
  
.scrolldown {
	height: 48px;
	width: 32px;
}

#hero.subpage .uk-slideshow-items .uk-position-cover.uk-container.uk-container-large.uk-section-xlarge {
	padding-top: 80px;
	padding-bottom: 80px;
}


#map_wrapper.border {
padding: 20px;	
}

}

@media (min-width: 1201px) and (max-width: 1440px) {



.sec-bor {
	margin:25px;
}

.sectionshade .uk-position-cover {
background-position-x: 10vw;
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
	min-height: 65px;
}

.office-tala .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo,
.apart-kluca .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo {
	background-size: auto 40px;
	width:250px;
}

.uk-sticky .uk-navbar a.uk-logo img  {
width: 170px;
}

.tm-header .uk-sticky.uk-sticky-fixed.uk-sticky-below a.uk-logo, 
.tm-header .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo img, 
.tm-header .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo svg
 {
	height: 40px;
}

}

@media (min-width: 961px) and (max-width: 1440px) {	
	
.getoffermod .uk-button-secondary.uk-button-small {
padding: 0 10px;
line-height: 32px;
font-size: 12px;	
}	

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
	min-height: 65px;
}

.office-tala .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo,
.apart-kluca .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo {
	background-size: auto 38px;
	width:240px;
}
.tm-header .uk-sticky.uk-sticky-fixed.uk-sticky-below a.uk-logo, 
.tm-header .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo img, 
.tm-header .uk-sticky.uk-sticky-fixed.uk-sticky-below .uk-navbar-container a.uk-logo svg
 {
	height: 38px;
}

h1, .uk-h1 {
	font-size: 32px;
}

h2, .uk-h2 {
	font-size: 28px;
}

.topslideshow .uk-overlay span.uk-icon {
	width: 26px;
	height: 26px;
}

h3, .uk-h3 {
	font-size: 20px;
}

h4. uk-h4 {
	font-size: 16px;
}

a.hero-overlay .uk-padding {
	padding-bottom: 60px;
}

.topslideshow .uk-overlay.uk-overlay-primary .uk-margin-top {
	margin-top: 13px!important;
}

.scrolldown-wrapper {
	width: 34px;
	bottom: 80px;
}
  
.scrolldown {
	height: 46px;
	width: 30px;
}

#hero.subpage .uk-slideshow-items .uk-position-cover.uk-container.uk-container-large.uk-section-xlarge {
	padding-top: 80px;
	padding-bottom: 80px;
}

.uk-section-large {
	padding-top: 80px;
	padding-bottom: 80px;
}

#map_wrapper.border {
padding: 15px;	
}

}

@media (min-width: 961px) and (max-width: 1380px) {
.getoffermod {
	display: none;
}	
	}

@media (min-width: 961px) and (max-width: 1200px) {


.sectionshade .uk-position-cover {
background-position-x: 7vw;
}

.uk-navbar-nav {
	gap: 0;
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
	padding: 0 13px;
}
.uk-light .uk-navbar-nav>li>a::before {
	left: 13px;
	right: 13px;
}

.uk-navbar-item, .uk-navbar-nav>li>a {
	font-size: 14px;
}

.uk-section.divider {
	min-height: 20px;
}

.nh-grid .uk-inline-clip img {
	width: 100px;
}

.uk-sticky .uk-navbar a.uk-logo img  {
width: 160px;
}

}

@media (max-width: 1200px) {  

.sec-bor {
	margin:0;
}

.upsec {
	margin-bottom: 0;
}

.upbotsec {
	margin-top: 0px;
	margin-bottom: 0px;
}

.topslideshow .uk-overlay.uk-overlay-primary .uk-margin-top {
	margin-top: 10px!important;
}

.mapfilters {
	display: none;
}

}

@media (max-width: 960px) {
	
	
.fronthero .uk-position-cover:before, .subpage .uk-slideshow-items:after, .blogheader:after, .fronthero .uk-position-cover:after {
	display: none;
}
	
	
.uk-navbar-container.uk-navbar-transparent {
	margin-top: 0;
	background-color: #ffffff;
}

.tm-header-overlay {
	position: static!important;
}

.tm-header-mobile .uk-light .mod-languages .uk-subnav>li>a {
	color: #222;
}

.tm-header-overlay .uk-light .uk-navbar-toggle:hover {
		color: #3b8080;
}

.uk-section.divider {
	min-height: 0;
}



.sectionshade .uk-position-cover {
background-image: none;
background-color: rgba(39,59,61,0.7)!important;
}

.mod-languages .uk-subnav>li {
		padding-left: 0px!important;
	padding-right: 0px!important;	
	border-left: 2px solid rgba(59,128,128,.15);
}

#map_wrapper.border {
padding: 10px;	
}


.mod-languages .uk-subnav>li a {
	font-weight: 600;
	font-size: 13px;
}

.mod-languages .uk-subnav>li a:hover {
	color: #3b8080;
}

.uk-logo {
	padding-right: 0;
}


.office-tala .uk-navbar-container a.uk-logo img,
.apart-kluca .uk-navbar-container a.uk-logo img {
	display: none;
}

.office-tala .uk-navbar-container a.uk-logo,
.apart-kluca .uk-navbar-container a.uk-logo {
	background-repeat: no-repeat;
	background-size: auto 50px;
	background-position: 0 center;
	background-clip: content-box;
	background-size: auto 45px!important;
	width:210px!important;	
}



.office-tala .uk-navbar-container a.uk-logo {
background-image: url(../images/new-hanza-m1-logo.svg);
}	

.apart-kluca .uk-navbar-container a.uk-logo {
background-image: url(../images/new-hanza-apart-logo.svg);
}	



.uk-navbar-toggle {
	padding-left: 10px;
}

.fronthero .uk-position-cover:after {
	height: 45%;
}

h1, .uk-h1 {
	font-size: 32px;
}

h2, .uk-h2 {
	font-size: 26px;
}

.topslideshow .uk-overlay span.uk-icon {
	width: 24px;
	height: 24px;
}


h3, .uk-h3 {
	font-size: 19px;
}

h4, .uk-h4 {
	font-size: 15px;
}

#contact h4, #contact .uk-h4 {
	font-size: 18px;
}

.nh-grid .uk-h6,
.nh-grid .uk-panel .uk-panel {
	font-size: 11px;
	font-weight: 500;	
}

#hero.subpage {
	min-height: 0!important;
}

#hero .uk-slideshow-items {
	min-height: 50vh!important;
}

.uk-section-large {
	padding-top: 70px;
	padding-bottom: 70px;
}

.pillmoto {
	margin-top: 15vh;
}

.process .el-image.uk-icon {
	width: 30px;
	height: 30px;
}

}

@media (min-width: 641px) and (max-width: 960px) {       

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
	min-height: 70px;
}

.topslideshow .uk-overlay {
	padding: 25px;
}

.fronthero a.hero-overlay .hidden-hover {
	font-size: 11px;
}

.nh-grid .uk-inline-clip img {
	width: 100px;
}
 
}

@media (max-width: 640px) { 
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
	min-height: 65px;
}
.uk-logo img {
	width: 120px;
}

.office-tala .uk-navbar-container a.uk-logo,
.apart-kluca .uk-navbar-container a.uk-logo {
	background-size: auto 38px!important;
	width:190px!important;	
}

.fronthero .uk-padding {
	padding: 25px;
}

.topheader .uk-container-item-padding-remove-right {
	margin-left: -15px;
}

.uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center] {
	gap: 0;
}

.uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
	width: calc(100% + 30px);
}

h1, .uk-h1 {
	font-size: 30px;
}

h2, .uk-h2 {
	font-size: 26px;
}

.topslideshow .uk-overlay span.uk-icon {
	width: 23px;
	height: 23px;
}

h3, .uk-h3 {
	font-size: 18px;
}

h4, .uk-h4 {
	font-size: 14px;
}

#contact h4, #contact .uk-h4 {
	font-size: 18px;
}

.nh-grid .uk-h6,
.nh-grid .uk-panel .uk-panel {
	font-size: 10px;
}

#timeline h3 {
	font-size: 14px;
}

#hero.subpage .uk-slideshow-items .uk-position-cover.uk-container.uk-container-large.uk-section-xlarge {
	padding-top: 40px;
	padding-bottom: 40px;
}

.showmarkers {
	margin: 0 -50px 0 -70px;
}

.showmarkers .uk-marker {
	padding: 4px;
}
    
. .uk-marker svg {
	width: 8px;
	height: 8px;
}

.showmarkers .uk-card-small .uk-card-body {
	padding: 10px 10px;
}

.showmarkers div.uk-drop {
	width: 170px!important;
}

.showmarkers .uk-text-meta.uk-margin-small-top {
	font-size: 11px;
	margin-top: 3px!important;
}

.pillmoto {
	margin-top: 3vh;
}

.playbut {
	margin-top: 4vh;
}

}

@media (min-width: 481px) and (max-width: 640px) {       

.topslideshow .uk-overlay {
	padding: 20px;
}

.fronthero a.hero-overlay .hidden-hover {
	font-size: 10px;
}

.nh-grid .uk-inline-clip img {
	width: 90px;
}

.uk-input {
	height: 40px;
}

.offerform .uk-input.uk-form-width-medium {
	max-width: 120px;
}

.offerform .offerdetails .rsform-input-box.uk-input {
	max-width: 160px;
}

.offerform .rsform-calendar-button.uk-button.uk-button-default {
	width: 40px;
	height: 40px;
	background-size: 20px 20px;;
}

}

@media (min-width: 320px) and (max-width: 830px) and (orientation: landscape) {

}

@media (max-width: 480px) {
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
	min-height: 65px;
}

.uk-logo img {
	width: 125px;
}

.fronthero a.hero-overlay .hidden-hover {
	height: 0!important;
	visibility: hidden;
	margin: 0!important;
	font-size: 0!important;
	padding:0!important;
}

.office-tala .uk-navbar-container a.uk-logo,
.apart-kluca .uk-navbar-container a.uk-logo {
	background-size: auto 35px!important;
	width:180px!important;	
}

.left-head {
	padding-top: 40px;
	padding-bottom: 40px;	
}

h1, .uk-h1 {
	font-size: 28px;
}

h2, .uk-h2 {
	font-size: 24px;
}

h3, .uk-h3 {
	font-size: 17px;
}

.nh-grid .uk-inline-clip img {
	width: 80px;
}

h4, .uk-h4 {
	font-size: 13px;
}

#contact h4, #contact .uk-h4 {
	font-size: 18px;
}

.nh-grid .uk-h6,
.nh-grid .uk-panel .uk-panel {
	font-size: 9px;
}

.topslideshow .uk-overlay {
	padding: 15px;
}

.fronthero h2.uk-margin-small {
	margin-bottom: 5px!important;
}
.fronthero .uk-margin-small {
	margin-top: 5px!important;
}

#hero {
	min-height: calc(-167px + 100vh)!important;
}

#hero.subpage .uk-slideshow-items .uk-position-cover.uk-container.uk-container-large.uk-section-xlarge {
	padding-top: 20px;
	padding-bottom: 20px;
}

.topslideshow .uk-overlay {
max-width: 85%;
	}

.topslideshow .uk-overlay span.uk-icon {
	width: 22px;
	height: 22px;
}

.uk-input {
	height: 36px;
}

.offerform .uk-input.uk-form-width-medium {
	max-width: 110px;
}

.offerform .offerdetails .rsform-input-box.uk-input {
	max-width: 146x;
}

.offerform .rsform-calendar-button.uk-button.uk-button-default {
	width: 36px;
	height: 36px;
	padding: 0 18px;
	background-size: 20px 20px;;
}

	
}

@media (max-width: 420px) { 


}

@media (max-width: 380px) {
.uk-logo img {
	width: 90px;
}

.office-tala .uk-navbar-container a.uk-logo,
.apart-kluca .uk-navbar-container a.uk-logo {
	background-size: auto 30px!important;
	width:150px!important;	
}

.mod-languages .uk-subnav>li {
		padding-left: 0px!important;
	padding-right: 0px!important;	
	border-left: 1px solid rgba(59,128,128,.15);
}


.mod-languages .uk-subnav>li a {
	font-weight: 600;
	font-size: 12px;
}

h1, .uk-h1 {
	font-size: 24px;
}

h2, .uk-h2 {
	font-size: 22px;
}

.topslideshow .uk-overlay span.uk-icon {
	width: 20px;
	height: 20px;
}

h3, .uk-h3 {
	font-size: 16px;
}

h4, .uk-h4 {
	font-size: 12px;
}

#contact h4, #contact .uk-h4 {
	font-size: 16px;
}

.nh-grid .uk-h6,
.nh-grid .uk-panel .uk-panel {
	font-size: 8px;
}

.uk-input {
	height: 32px;
}

.offerform .rsform-calendar-button.uk-button.uk-button-default {
	width: 32px;
	height: 32px;
	padding: 0 16px;	
	background-size: 18px 18px;;
}

}

@media print {  

}