@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400;500;700&display=swap');
body, html {
	font-family: 'Dosis', sans-serif;
}


#main-nav {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 18;
}


.user-logged-in #main-nav {
	top: 79px; 
}

.pozad-stranky {
	padding-bottom: 30px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	
}


.patro {
	fill:  rgba(255,255,255,0.1); transition: all 0.5s ease;
}
.patro:hover {
	fill:  rgba(255,255,255,0.8);
	cursor: pointer;
}

.clw {
	color: #fff;
}
.bgw {
	background: #fff;
}
.bgw10 {
	background: rgba(255, 255, 255, 0.1);
}
.bgw20 {
	background: rgba(255, 255, 255, 0.2);
}
.bgw30 {
	background: rgba(255, 255, 255, 0.3);
}
.bgw40 {
	background: rgba(255, 255, 255, 0.4);
}
.bgw50 {
	background: rgba(255, 255, 255, 0.5);
}
.bgw60 {
	background: rgba(255, 255, 255, 0.6);
}
.bgw70 {
	background: rgba(255, 255, 255, 0.7);
}
.bgw80 {
	background: rgba(255, 255, 255, 0.8);
}
.bgw90 {
	background: rgba(255, 255, 255, 0.9);
}

/*
.tadybudoupatra {
	display: flex;
}


.svg-budova {
	flex: 1 50%;
	max-width: 46%;
	margin: 1% 2%;
	padding: 20px;
}

#svg-budova-1 {max-width: 42%;}
#svg-budova-2 {max-width: 48%;}
*/

#svg-budova-1 {display: none;}
#svg-budova-2 {display: none;}


.svg-budova-in {position: relative;}

#svg-budova-1 .svg-budova-in:after {
	content: "RIVER GARGEN OFFICE II";
	position: absolute;
	top: 5px;
	left: 0;
	color: #fff; 
	font-size: 16px; 
	display: block;
	letter-spacing: 0.05em
}

#svg-budova-2 .svg-budova-in:after {
	content: "RIVER GARGEN OFFICE III";
	position: absolute;
	top: 5px;
	left: 12px;
	color: #fff; 
	font-size: 16px; 
	display: block;
	letter-spacing: 0.05em
}

.icon--burger {
	position: absolute;
	top: 25px;
	right: 35px;
	width: 60px;
	height: 95px;


}

.icon--burger__top,
.icon--burger__center,
.icon--burger__bottom { 
	width: 50px;
	height: 6px;

	background: #fff;
	margin-left: 0px;

	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25); 
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25);

}

.icon--burger__top {
	top: 0;
	left: 0;
	position: absolute;
	transition: all 0.8s ease;
}
.icon--burger__bottom {
	top: 32px;
	left: 0;
	position: absolute;
	transition: all 0.8s ease;
}

.active .icon--burger__top {

	transform: rotate(-45deg);
	top: 20px;
	left: 0;
}

.active .icon--burger__bottom {

	transform: rotate(45deg);
	top: 20px;
	left: 0;
}

.icon--burger__center {
	opacity: 1;
	top: 16px;
	left: 0;
	position: absolute;
}


.active .icon--burger__center {opacity: 0;}



#block-tpp-main-menu {
	position: absolute;
	top: 110px;
	right: 45px;
	width: 360px;
	overflow: hidden;
	border-radius: 30px;  
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0); 
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,0);
}

#block-tpp-main-menu{
	transition: all 1s ease;
	max-height: 0;
}
#block-tpp-main-menu.active{
	max-height: 1000px;
	border-radius: 30px;  
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.25); 
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.25);
}

.menu--main {
	margin: 0;
	padding: 0;
	position: relative;
	background: transparent;
}

.menu--main li {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
} 

.menu--main li a.menu__link--main {
	background: rgba(255,255,255,0.8);
	color: #000;
	font-weight: 500;
	font-size: 22px;
	padding: 0 1.3em;
	width: 100%;
	display: table;
	height: 70px;
	text-align: left;
	text-decoration: none;
	transition: all 0.5s ease
}

.menu__link--main span,
.menu__link.is-active > .link__title {
	font-weight: 500;
}

.menu--main li a.menu__link--main:hover {
	background: #619A14;
	color: #fff;
}

.footer-wrapper {
	overflow: hidden;
}

.hlavni-stranka--full {
	overflow: hidden;
}

.rg-relative { 
	position: relative;
}

.rg-content { 
	max-width: 1200px;
	margin: 0 auto 0 auto;
	padding-bottom: 1px ;
	padding-top: 1px ;
	position: relative; 
	z-index: 3;
	padding:  0;
}

.rg-decor .rg-decor-text {display: none;}

.rg-decor {
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 100%;
	background: #999; 
}

.rg-green-contact .rg-decor {
	position: absolute;
	top: 0;
	left: -25px;
	width: 2px;
	height: 90%;
	background: #fff;
}
 
 

/* ------------------------- .rg-dark-blue-floor-map .rg-decor ------------------- */
/*
.rg-dark-blue-floor-map .rg-decor:before {
	position: absolute;
	top: -28px;
	left: 0;
	width: 2px;
	height: 30px;
	background: #fff;
	content: "";
}*/

.rg-dark-blue-floor-map .rg-decor:after {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 2px;
	height: 36px;
	background: #fff;
	content: "";
}

.rg-dark-blue-floor-map .rg-decor {

	left: -25px;

}


.rg-dark-blue-floor-map .rg-decor .rg-decor-arrow {
	animation-duration: 5000ms;
	animation-iteration-count: infinite;
	animation-name:sipka;
	position: absolute;
	left: -5px;
	height: 12px;
	width: 12px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(-45deg);
	background: transparent;

}

/* ------------------------- .rg-dark-blue-floor-map .rg-decor ------------------- */

.rg-blue-map .rg-decor:before {
	position: absolute;
	top: -28px;
	left: 0;
	width: 2px;
	height: 30px;
	background:#999;
	content: "";
}

.rg-blue-map .rg-decor:after {
	position: absolute;
	bottom: -78px;
	left: 0;
	width: 2px;
	height: 80px;
		background: #999;
  background: linear-gradient(180deg, #999 0%, rgba(255,255,255,1) 100%);
	content: "";
}

.rg-blue-map .rg-decor {
	left: auto;
	right:  -35px;	 
}

 

.rg-blue-map .rg-decor .rg-decor-arrow {
	animation-duration: 5000ms;
	animation-iteration-count: infinite;
	animation-name:sipka;
	position: absolute;
	left: -5px;
	height: 12px;
	width: 12px;
	border-bottom: 2px solid #999;
	border-left: 2px solid #999;
	transform: rotate(-45deg);
	background: transparent;

}



/* ------------------------- .rg-blue-life .rg-decor ------------------- */ 

.rg-blue-life .rg-decor {
	top: -34px;
  height: calc( 100% + 48px);
  left: -20px;
}
 

.rg-blue-life .rg-decor:after {
	position: absolute;
	display: block;
	bottom:-35px;
	left: 0;
	width: 2px;
	height: 36px;
	background: #999;
  background: linear-gradient(180deg, #999 0%, rgba(255,255,255,1) 100%);
	content: "";
}
 
.rg-blue-life .rg-decor .rg-decor-arrow {
	animation-duration: 5000ms;
	animation-iteration-count: infinite;
	animation-name:sipka;
	position: absolute;
	left: -5px;
	height: 12px;
	width: 12px;
	border-bottom: 2px solid #999;
	border-left: 2px solid #999;
	transform: rotate(-45deg);
	background: transparent;

}

/* ------------------------- .rg-green-info .rg-decor ------------------- */ 

.rg-green-info .rg-decor:before {
	position: absolute;
	top: -35px;
	left: 0;
	width: 2px;
	height: 40px;
	background: #fff;
	content: "";
}

.rg-green-info .rg-decor:after {
	bottom: -312px;
	height: 320px;
	position: absolute;
	left: 0;
	width: 2px;
	background: #fff;
	content: "";
}

.rg-green-info .rg-green-content {
	padding-left:40px ;	 
}


.rg-green-info  .rg-decor .rg-decor-arrow {
	animation-duration: 5000ms;
	animation-iteration-count: infinite;
	animation-name:sipka;
	position: absolute;
	left: -5px;
	height: 12px;
	width: 12px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(-45deg);
	background: transparent;

}

/* ------------------------- .rg-green-contact .rg-decor ------------------- */ 

.rg-green-contact .rg-decor:before {
	position: absolute;
	top: -95px;
	left: 0;
	width: 2px;
	height:100px;
	background: #fff;
	content: "";
}

.rg-green-contact .rg-decor:after {
	 	position: absolute;
	display: block;
	bottom:-35px;
	left: 0;
	width: 2px;
	height: 36px;
	background:#fff;
  background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,0) 100%);
	content: "";
}


.rg-green-contact .rg-decor .rg-decor-arrow {
	animation-duration: 5000ms;
	animation-iteration-count: infinite;
	animation-name:sipka;
	position: absolute;
	left: -5px;
	height: 12px;
	width: 12px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(-45deg);
	background: transparent;

}

 


/* ------------------------- .rg-white-life .rg-decor ------------------- */ 

.rg-white-life .rg-decor:before {
	position: absolute;
	top: -85px;
	left: 0;
	width: 2px;
	height: 89px;
	background:#619a14;
	content: "";
}

.rg-white-life .rg-decor:after {
	position: absolute;
	bottom: -42px;
	left: 0;
	width: 2px;
	height: 50px;
	content: "";
		background: #619a14;
  background: linear-gradient(180deg, #619a14 0%, rgba(255,255,255,1) 100%);
}

.rg-white-life .rg-decor {
    left: auto;
    right: -25px;
    top: -18px;
    background: #619a14;
}

.rg-white-life .rg-content {
	padding-right: 40px;	
}

.rg-white-life .rg-decor .rg-decor-arrow {
	animation-duration: 5000ms;
	animation-iteration-count: infinite;
	animation-name:sipka;
	position: absolute;
	left: -5px;
	height: 12px;
	width: 12px;
	border-bottom: 2px solid #619a14;
	border-left: 2px solid #619a14;
	transform: rotate(-45deg);
	background: transparent;
}

.rg-dark-blue-floor-map .rg-content { 
	padding:40px 0 100px 0;
}


.field--type-text-long .button {
	margin-bottom: 6px;
	display: inline-block;
	float: none;
}



@keyframes sipka {
	0%  {

		top: 0;

		opacity: 0; 
	}

	20% {


		opacity: 1; 
	}


	80% {


		opacity: 1; 
	}


	100% {
		top: 100%;

		opacity: 0; 
	}
}

.rg-green-divider-wrapper {
    width: 100%;
    height: 140px;
    margin: -70px 0 -30px 0;
    background-image: url(../images/green-divider.svg);
    background-size: auto 100%;
    background-position: 50%;
    background-repeat: no-repeat;
}

.rg-content.rg-white-life { 
	margin: 0px auto 0 auto;
	padding-top: 100px;
	padding-top: 0px;
}

.rg-content.rg-white-life .text-w-1 { 
	padding: 0px 0 20px 0 ;
}

.rg-blue-wrapper.rg-relative.rg-blue-map {
	margin-top: -30px;
} 

.rg-blue-map .rg-content { 
	padding: 120px 0 30px 0;
	margin: 0 auto 0 auto;
	z-index: 2;
}

.rg-blue-map .rg-background {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	left: 0;
	top: 0;
}

.rg-white-video .rg-content ,
.rg-white-slick .rg-content {
	max-width: 100%;  
	z-index: 1;
}

.rg-content:after {
	clear:both;
	content: "";
	position: relative;
	display: block;
} 

.field--type-text-long ul {
	padding-bottom: 15px;
}

.field--type-text-long li {
	font-size: 18px;
	line-height: 35px;
	padding-left: 28px;
	padding-bottom: 5px;
	position: relative;
}

.field--type-text-long li:after {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 20px;
	height: 16px;
	content: "";
	background-image: url("../images/li-white.svg");
	background-image: url("../images/li-green.svg");
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.rg-white-content .field--type-text-long li:after {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 20px;
	height: 16px;
	content: "";
	background-image: url("../images/li-green.svg");
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.text-w-1 {
	float: right;
	width: 50%;
}

.title-h1 {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	z-index: 1;
}

.field--name-field-main-title  { 
	font-size: 48px;
}

.title-h1 .title-h1-wrapper {
	background-image: url(../images/title-bg.svg);
	background-size: auto 100%;
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 250px;
	font-size: 48px;
	width: 100%;
	margin: 0 ;float: right;
	position: relative;
}

.page-node-type--hlavni-stranka .title-h1 .title-h1-wrapper {
	background: transparent;
	width: 350px;
}

.title-h1 .title-h1-wrapper > span,
.title-h1 .field--name-field-main-title {
	text-align: right;
	color: #fff;
	font-weight: 500;
	top: 100px;
	right: 35px;
	position: absolute;
} 

.retail-partner-content {
	padding-top: 40px;
	padding-bottom: 40px;
}

h2 {font-size: 44px;font-weight: 500;}

.field--type-text-long p {
	font-size: 18px;
	line-height: 35px;
}

.zindex-1 {
	z-index: 1;
	position: relative;
}

.zindex-1-5 {
	z-index: 2;
	position: relative;
}
.zindex-2 {
	z-index: 3;
	position: relative;
}

.rg-wrapper {}

.rg-background {
  /*
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1;
 */
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	height: calc( 100% - 100px );
	z-index: 1;
}

.rg-background.rg-green-background,
.rg-background.rg-dark-blue-background {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: calc( 100% - 60px );
	z-index: 1;
}

.rg-background.rg-green-background {

	height:100%;

}


.rg-green-content ,
.rg-dark-blue-content {
	color: #fff;
}



.rg-blue-content  {
	color: #fff;/*margin-top: -77px;*/
}

.rg-blue-content  {
	color: #000;
}

.rg-green-background {
	background: #619A14;
}

/*
.rg-blue-background {
	background: #00457B;
}
*/

.rg-blue-background {
	background: #fff;
}

.rg-dark-blue-background { 
	background: #001A2E;
}

.rg-dark-blue-map {
	transition: all 1s ease
}


.slick--view--retail .slick-item-wrapper {position: relative;}
.slick--view--retail .slick-item-wrapper a {position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
}

.flex-50 {
	display: flex;
	flex-wrap: wrap;
}

.flex-50-item { 
	flex: 1 50%;
	max-width: 50%;
}

.region--content {
	padding-top: 0;
	width: 100%;
}

.rg-green-life {
	padding: 235px 0 160px 0;
	min-height: 680px;
}

.field--name-field-image-w1  {
	position: absolute;
	top: 90px;
	left: 0;
	z-index: 3;
	width: 30%;
	height: auto;
	padding: 30% 0 0 0;
	-webkit-border-top-right-radius: 50%;
	-webkit-border-bottom-right-radius: 50%;
	-moz-border-radius-topright: 50%;
	-moz-border-radius-bottomright: 50%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	overflow: hidden;
} 

.field--name-field-image-w1 img {
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	position: absolute;
}

.rg-retail .rg-white2-title {
	z-index: 2;
	padding-top: 75px;
	padding-bottom:0;    
	position: relative;
}


.rg-retail .rg-white2-title h2 {
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
	position: relative; 
}


.slick--view--retail--retail .slick__slide .slick-item-img img {
	width: 100%;
	height: auto;
}

.slick--view--retail--retail .slick__slide .slick-item-img {
	position: relative;
}

.slick--view--retail--retail .slick__slide:nth-child(even) .slick-item-img:after {  
	background-image: url("../images/ellipse_up.svg");
	background-size: 100% auto;
	background-position: 0  100%;
	background-repeat: no-repeat;
	content: "";
	display: block;
	width: 100%;
	height: 146px;
	bottom: -5px;
	left: 0;
	position: absolute;
}

.slick--view--retail--retail .slick__slide:nth-child(odd) .slick-item-img:after {  
	background-image: url("../images/ellipse_down.svg");
	background-size: 100% auto;
	background-position:  0 100%;
	background-repeat: no-repeat;
	content: "";
	display: block;
	width: 104%;
	height: 250px;
	bottom: -5px;
	left: -2%;
	position: absolute;
}

.slick-item-logo {
	text-align: center;
	width: 100%;
} 

.slick-item-logo-in {
}

.slick .slick-item-logo img {
	width: 60%;
	display: inline-block;
}

.slick-item-text p {
	font-size: 18px;
	line-height: 35px;
	padding: 20px 0;
	text-align: center;width: 70%;
	margin-left: 15%;
}


.slick.slick--view--retail--retail {
	padding-bottom: 120px;
}


.region--taby {z-index: 5;}

.rg-white-video {
	position: relative;
	width: 100%;
	height:0;
	padding: 52% 0 0 0 ;
	margin-top: 0px;
	overflow: hidden;
	display: table;
}
.rg-white-video .rg-white-content{
	position: absolute;
	display: table-cell;
	width: 100%;
	height:100%;
	top: 36px;
	left: 0;
}

.field--name-field-video-w3,
.field--name-field-link-w3 {
	position: absolute;  
	top: 50%;
	left: 50%;
}

.field--name-field-image-w3 img {
	width: 100%;
}


.slick img {width: 100%;}


@media all and (min-width: 991px) {
 
	#neighborhood.neighborhood-cz {
		width: 1215px;
		height: 590px;
		position: relative;
		background-image: url("../images/mapa-okoli2.svg");
		background-size: 	cover;
	}
 
	#neighborhood.neighborhood-en {
		width: 1215px;
		height: 590px;
		position: relative;
		background-image: url("../images/mapa-okoli2a.svg");
		background-size: 	cover;
	}
 
	.field--name-field-restaurace .map-item-nahled-icon:after  {
		position: absolute;
		content: "";
		top: 10%;
		left: 14%;
		width: 92%;
		height: 90%;
		background-image: url("../images/beer.svg");
		background-size: 90% auto;
		background-repeat: no-repeat;
	}    
  
	.field--name-field-restaurace .map-item-node-70 .map-item-text {padding-top: 10px}
	.field--name-field-restaurace .map-item-node-70 .map-item-title,
	.field--name-field-restaurace .map-item-node-70 .map-item-nahled-title  {display: none	;	}    
  
	.field--name-field-restaurace .map-item-node-70 .map-item-nahled-icon:after  {
		position: absolute;
		content: "";
		top: 21%;
		left: 14%;
		width: 92%;
		height: 90%;
		background-image: url("../images/listek.svg");
		background-size: 80% auto;
		background-repeat: no-repeat;
	}

	.field--name-field-restaurace .map-item-node-70  .map-item-nahled .map-item-nahled-icon {
		background: #f6f6f6
	}

	.field--name-field-ka .map-item-nahled-icon:after  {
		position: absolute;
		content: "";
		top: 10%;
		left: 15%;
		width: 80%;
		height: 90%;
		background-image: url("../images/coffee.svg");
		background-size: 90% auto;
		background-repeat: no-repeat;
	}

	.field--name-field-obchody .map-item-nahled-icon:after {
		position: absolute;
		content: "";
		top: 10%;
		left: 15%;
		width: 80%;
		height: 90%;
		background-image: url("../images/cart-g.svg");
		background-size: 90% auto;
		background-repeat: no-repeat;
	}

	.field--name-field-doprava .map-item-nahled-icon:after {
		position: absolute;
		content: "";
		top: 10%;
		left: 15%;
		width: 80%;
		height: 90%;
		background-image: url("../images/kultura.svg");
		background-size: 90% auto;
		background-repeat: no-repeat;
	}



 


	.field--name-field-metro .map-item-nahled-icon:after {
		position: absolute;
		content: "";
		top: 10%;
		left: 15%;
		width: 80%;
		height: 90%;
		background-image: url("../images/metro.svg");
		background-size: 90% auto;
		background-repeat: no-repeat;
	}

	.field--name-field-tramvaj .map-item-nahled-icon:after {
		position: absolute;
		content: "";
		top: 10%;
		left: 15%;
		width: 80%;
		height: 90%;
		background-image: url("../images/tramvaj.svg");
		background-size: 90% auto;
		background-repeat: no-repeat;
	}

	.field--name-field-fitness .map-item-nahled-icon:after {
		position: absolute;
		content: "";
		top: 13%;
		left: 15%;
		width: 80%;
		height: 90%;
		background-image: url("../images/fitness.svg");
		background-size: 90% auto;
		background-repeat: no-repeat;
	}

	.field--name-field-pasaz .map-item-nahled-icon:after {
		position: absolute;
		content: "";
		top: 13%;
		left: 15%;
		width: 80%;
		height: 90%;
		background-image: url("../images/pasaz.svg");
		background-size: 90% auto;
		background-repeat: no-repeat;
	}

	.field--name-field-metro .map-item-node,
	.field--name-field-tramvaj .map-item-node,
	.field--name-field-pasaz .map-item-node,
	.field--name-field-fitness .map-item-node,
	.field--name-field-doprava .map-item-node,
	.field--name-field-restaurace .map-item-node,
	.field--name-field-ka .map-item-node,
	.field--name-field-obchody .map-item-node {
		position: absolute;
		width: 50px;
		z-index: 1;
	}

/*
	.field--name-field-doprava .map-item-node:hover,
	.field--name-field-restaurace .map-item-node:hover,
	.field--name-field-ka .map-item-node:hover,
	.field--name-field-obchody .map-item-node:hover {
		z-index: 4;
	}
*/
	.field--name-field-metro .map-item-node.active,
	.field--name-field-tramvaj .map-item-node.active,
	.field--name-field-pasaz .map-item-node.active,
	.field--name-field-fitness .map-item-node.active,
	.field--name-field-doprava .map-item-node.active,
	.field--name-field-restaurace .map-item-node.active,
	.field--name-field-ka .map-item-node.active,
	.field--name-field-obchody .map-item-node.active {
		z-index: 4;
	}

	.map-item-nahled-title {
		position: absolute;
		top: 110%;
		left: 50%;
		margin-left: -50px;
		width: 100px;
		text-align: center;
		text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;   
	}

	.map-item-popup {
		display: block;
		width: 300px;
		overflow: hidden;
		background: #fff;
		color: #000;
		position: absolute;
		top: 30px;
		border-radius: 3px;
		left: 50%;
		margin-left: -150px;
		max-height: 0;


	}

	.map-item-node.active .map-item-popup {
/*border : 2px solid #494949;*/
max-height: 1000px;
-webkit-box-shadow:   0px 0px 5px 2px rgba(0,0,0,0.25); 
box-shadow:   0px 0px 5px 2px rgba(0,0,0,0.25);
}

.map-item-title {
	margin-top: 0;
	font-size: 18px;
	padding: 26px 10px 0px 10px;
	color: #00457b;
}

.map-item-text-p {
	padding: 0 10px 10px 10px;
	font-size: 13px;
}

.map-item-nahled {
	width: 40px;
	height: 40px;
	/*background: rgba(255,255,255,0.5);*/
	position: relative;
	display: block;
	z-index: 3;
}

.map-item-nahled:after{
	width: 100%;
	height: 100%;
	border-radius: 50%;
		/*-webkit-box-shadow:   0px 0px 0px 2px #494949; 
		box-shadow:   0px 0px 0px 2px #494949;*/
		position: absolute;
		top:0% ;
		left:0%;
		content: "";  
		transition: all 0.3s ease;
		background: #fff;
		/*  background: rgba(255,255,255,0);*/
	}

	.map-item-node:hover .map-item-nahled:after{
		width: 110%;
		height: 110%;
		border-radius: 50%;
		/*
		-webkit-box-shadow:   0px 0px 0px 2px #494949; 
		box-shadow:   0px 0px 0px 2px #494949;
		*/
		position: absolute;
		top: -5%;
		left: -5%;
		content: "";
		background: #fff;
		/* background: rgba(255,255,255,0.1);*/
		z-index: 2;
	}

	.map-item-nahled .map-item-nahled-icon {
		width: 40px;
		height: 40px;
		background: #fff;
		border-radius: 20px;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 3;
	}



	.field--name-field-metro .map-item-nahled .map-item-nahled-icon{
		background-color: #4885d0;

	}

	.field--name-field-tramvaj .map-item-nahled .map-item-nahled-icon{
		background-color: #4885d0;

	}

	.field--name-field-pasaz .map-item-nahled .map-item-nahled-icon{
		background-color: #b37979;

	}

	.field--name-field-fitness .map-item-nahled .map-item-nahled-icon{
		background-color: #a5879b;

	}

	.field--name-field-restaurace .map-item-nahled .map-item-nahled-icon{
		background-color: #CAA00E;

	}
	.field--name-field-doprava .map-item-nahled .map-item-nahled-icon{
		background-color: #3E621A;

	}
	.field--name-field-obchody .map-item-nahled .map-item-nahled-icon{
		background-color: #8DC63F;

	}
	.field--name-field-ka	.map-item-nahled .map-item-nahled-icon {
		background-color: #A0A0A0;

	}

	.map-item-flex {
		display: flex;
	}

	.map-item-text {
		flex: 3;
	}

	.map-item-image {
		flex: 2;
		padding: 8px;
	}

	.map-item-image img {
		border-radius :50%;
	}

}

@media all and (max-width: 990px) {

	.map-item-node-70 {display: none;
	}

	.map-item-nahled-title {
		display: none;
	}

	.map-item-text-and-image {
		width: 95%;
		margin: 0 auto;
		padding: 20px 0;
	}

	.map-item-flex {
		display: flex;
		flex-wrap: wrap;
	}

	.map-item-text {
		flex: 3 65%;
	}

	.map-item-image {
		flex: 2 35%;
		padding: 0 20px 0 30px ;
	}

	.map-item-image  .field--type-image  {
		border-radius: 20%  0  20%  0 ;overflow: hidden;
	}

	.map-item-text-p p {
		line-height: 2;
	}
}
@media all and (max-width: 700px) {
	.map-item-text {
		flex: 3 55%;
	}

	.map-item-image {
		flex: 2 45%;
		padding: 0 15px 0 25px ;
	}
}

@media all and (max-width: 500px) {
	.map-item-text-p p {
		line-height: 1.6;
		font-size: 14px;
	}
}


.views-field-field-body-na-fotce {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.slide-item-node {
	position: absolute;
	z-index:10 ;width: 60px;
	height: 60px;
}

.slide-item-nahled {
	cursor: pointer;
	background: rgb(255 255 255 / 35%);
	border-radius: 30px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 3;
	border: 2px solid #fff;
}


.slide-item-node.active {z-index: 11;}

.slide-item-text-and-image {
	opacity: 0;
	transition: opacity 0.5s ease;
	overflow: hidden;width: 0;
	height: 0;
}


.slide-item-text-and-image.active {
	opacity: 1; 
	width: 390px;
	height: auto;
}


.slide-item-text-and-image .slide-item-text {
	text-align: right;
	max-width: 220px;margin-left: 100px;
}

.slide-item-node--right .slide-item-text-and-image .slide-item-text {
	text-align: right;
	max-width: 220px;margin-left: 150px;
}

.slide-item-node .slide-item-text-and-image {
	display: block;
	background: #fff;
	width: 390px;
	padding: 10px;
	position: absolute;
	top: auto;
	bottom: 0;
	left: 100%;	

	-webkit-border-top-left-radius: 190px;
	-webkit-border-bottom-right-radius: 190px;
	-moz-border-radius-topleft: 190px;
	-moz-border-radius-bottomright: 190px;
	border-top-left-radius: 190px;
	border-bottom-right-radius: 190px;
}


.slide-item-node .slide-item-text-and-image img {
	display: block;


	-webkit-border-top-left-radius: 185px;
	-webkit-border-bottom-right-radius: 185px;
	-moz-border-radius-topleft: 185px;
	-moz-border-radius-bottomright: 185px;
	border-top-left-radius: 185px;
	border-bottom-right-radius: 185px;


}


.slide-item-node.slide-item-node--left .slide-item-text-and-image {
	-webkit-border-radius: 1px;
	-webkit-border-top-right-radius: 190px;
	-webkit-border-bottom-left-radius: 190px;
	-moz-border-radius: 1px;
	-moz-border-radius-topright: 190px;
	-moz-border-radius-bottomleft: 190px;
	border-radius: 1px;
	border-top-right-radius: 190px;
	border-bottom-left-radius: 190px;
}


.slide-item-node.slide-item-node--left .slide-item-text-and-image img {
	-webkit-border-radius: 1px;
	-webkit-border-top-right-radius: 185px;
	-webkit-border-bottom-left-radius: 185px;
	-moz-border-radius: 1px;
	-moz-border-radius-topright: 185px;
	-moz-border-radius-bottomleft: 185px;
	border-radius: 1px;
	border-top-right-radius: 185px;
	border-bottom-left-radius: 185px;
}

.slick--view--main-photo--main-photo {

	/*background: #00457B;*/
	background: #fff;
}

.slick--view--main-photo--main-photo .views-field-field-hlavni-fotka {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 0;
	padding: 0 0 48% 0;
}


.slick--view--main-photo--main-photo .views-field-field-hlavni-fotka:after {
	background-image: url(../images/title-bg.svg);
	background-size: auto 100%;
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 250px;
	font-size: 48px;
	width: 100%;
	margin: 0;
	top: 0;
	right: 0;
	position: absolute;
	content: "";
}

.slick--view--main-photo--main-photo .views-field-field-body-na-fotce {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.slick--view--main-photo--main-photo .rg-blue-slideshow-decor {
	position: absolute;
	bottom: 0;
	height: 0;
	/* background-image: url("../images/blue-big-top.svg"); */
	background-image: url("../images/white-small-bottom-2.svg"); 

	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 2;

	left: 50%;
	margin-left:-700px;
	width: 1400px;
	height: 96px;


}


.rg-blue-slideshow-decor .rg-blue-slideshow-decor--left,  
.rg-blue-slideshow-decor .rg-blue-slideshow-decor--right  
{
	width: 3000px;
	position: absolute;
	bottom: 0;
	/*background: #00457B;*/
	background: #fff;
}

.rg-blue-slideshow-decor .rg-blue-slideshow-decor--right  
{
	height:34px; 
	right: 100%;
}
.rg-blue-slideshow-decor .rg-blue-slideshow-decor--left   
{
	height:96px; 
	left:100%;
}

.slide-item-node.slide-item-node--left .slide-item-text-and-image .slide-item-text {
	text-align: left;
	max-width: 220px;
	margin-left: 0px;
}

.slide-item-node .slide-item-text-and-image .slide-item-title {
	margin-top: 0;
	margin-bottom: 10px;
}

.slide-item-node .slide-item-text-and-image .slide-item-text-p {
	margin-top: 0;
	margin-bottom: 10px;
}

.slide-item-node.slide-item-node--left .slide-item-text-and-image {
	top: auto;
	bottom: 0;
	right: 100%;
	left: auto;
}

.slide-item-node.slide-item-node--right .slide-item-text-and-image {
	top: auto;
	bottom: 0;
}

.slide-item-node.slide-item-node--top .slide-item-text-and-image {
	top: auto;
	bottom: 100%;
	margin-left: 0;
	left: 0;
}
.slide-item-node.slide-item-node--bottom .slide-item-text-and-image {
	top: 100%;
	margin-left: 0;
	left: 0;
}

.slide-item-nahled .slide-item-nahled-icon { 
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left:  -20px;
	width:40px;
	height: 40px;
	background: #fff;
	border-radius: 30px;
}

.slide-item-nahled   {
	animation-duration: 1500ms;
	animation-name: slidein;
	animation-iteration-count: infinite;
}

@keyframes slidein {
	from {
		width: 50px;
		height: 50px;	
		top: 5px;
		left: 5px;
	}

	50% {
		width: 60px;
		height: 60px;	
		top:0px;
		left:0px;
	}

	to {
		width: 50px;
		height: 50px;	top: 5px;
		left: 5px;
	}
}

.maptabs-tab-wrapper-wrapper {
	position: relative;
}

.maptabs-tab-wrapper-wrapper:after {
	clear:both;
	display: block;
	position: relative;
	content:"";
}

.maptabs-tab-wrapper {
	padding: 40px 0;
	float: left;
}

.maptabs-tab-wrapper li {
	float: left;
}

.maptabs-tab-wrapper:after {
	display: block;
	position: relative;
	content: "" ;
	clear: both;
}

.slide-item-text-and-image {display: none;}



#cboxOverlay {
	background: #fff;
}

.field--name-field-images {
	margin: 0 -1%;
}

.field--name-field-images > .field--item {
	-webkit-flex: 1 32%; 
	-moz-flex: 1 32%;
	-ms-flex: 1 32%;
	flex: 1 32%; 
	margin:1%;
	max-width: 31.333333%;
}


.smgalery .field--name-field-images > .field--item,
.smgallery .field--name-field-images > .field--item {
	-webkit-flex: 1 18%; 
	-moz-flex: 1 18%;
	-ms-flex: 1 18%;
	flex: 1 18%; 
	margin:1%;
	max-width: 18%;
}


a.button,
.button,
.button--primary,
.maptabs-tab a {
	display: block;
	float: left;
	padding: 7px 30px;
	text-align: center;
	min-width: 120px;
	font-size: 22px;
	color: #fff; 
	text-decoration: none;
	background: #00457B;
	border-radius: 40px ; 
	margin: 0 22px 0 0 ;
	overflow: hidden;
	font-weight: normal;
	text-decoration: none;
	transition: all 0.3s ease;
	position: relative; transition:  all 0.5s ease;
}
a.youtube-btn:after,
a.button:after,
.button:after,
.button--primary:after,
.maptabs-tab a:after {
	content: "";
	display: block;
	position: absolute;
	transition:  all 0.2s ease;
	border-radius: 30px;
}

a.youtube-btn:hover:after,
a.button:hover:after,
.button:hover:after,
.button--primary:hover:after,
.maptabs-tab a:hover:after {
	content: "";
	display: block;
	animation-duration: 2000ms;
	animation-name: btnBacground;
}


a.button:hover ,
.button:hover ,
.button--primary:hover ,
.maptabs-tab a:hover  {
	background: #ebf7ff;     color: #333;
}



@keyframes btnBacground {
	from {

		top: 50%;
		left: 50%;
		width: 1px;
		height: 1px;
		opacity: 0.6; background: #00457B;
	}


	to {
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		opacity: 0; background:transparent;
	}
}
 
.maptabs-tab a:hover {
	 background: transparent; 
}

.maptabs-tab a:hover:after {
	 display: none;	
}
 
.maptabs-tab a {
color: #333;
	background: rgba(255,255,255,0.05);
	border: 2px solid #333;
	 	display: block;
}
.maptabs-tab a.inactive {

		color: #5e5e5e;
	 background: transparent; 
	border: 2px solid transparent;

	
	display: block;
}

 
.button,
a.button {
	color: #fff; 
	background: rgba(255,255,255,0.0);
	border: 2px solid #fff;
}

.rg-white-content .button {
	color: #333; 
	background:#fff;
	border: 2px solid #00457B;
}

.button--primary, 
.button.button--primary, 
a.button.button--primary, 
.rg-white-content .button--primary {
	color: #fff;
	background: #00457B;
	border: 2px solid #00457B;
}

a.button.button--primary:after,
.button.button--primary:after,
.button--primary:after  {
	content: "";
	display: block;
	position: absolute;
	transition:  all 0.2s ease;
	border-radius: 30px;
}

a.button.button--primary:hover:after,
.button.button--primary:hover:after,
.button--primary:hover:after  {
	content: "";
	display: block;
	animation-duration: 2000ms;
	animation-name: btnBacgroundPrimary;
}

a.button.button--primary:hover ,
.button.button--primary:hover ,
.button--primary:hover   {
	background: #001A2E; 
}

@keyframes btnBacgroundPrimary {
	from {
		top: 50%;
		left: 50%;
		width: 1px;
		height: 1px;
		opacity: 0.6; background: #00457B;
	}

	to {
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		opacity: 0; background:transparent;
	}
}

/*
.maptabs-tab a {
	color: #00457B; 
	background:#fff ;
	border: 2px solid #fff;
}
*/

.field--name-field-sousedstvi-vyhody.field--items {
	display: flex;
	flex-wrap: wrap;
}

.field--name-field-sousedstvi-vyhody.field--items .field--item {
	flex: 1 23%;
	max-width: 23%;
	margin: 1%;
	padding: 10px ;
	background: rgb(255 255 255 / 10%);
	border-radius: 5px;
	background-image: url(../images/ryba.svg);
	background-size: cover;
	background-position: 10px 60%;
}

.field--name-field-sousedstvi-vyhody.field--items .field--item h4 {
	position: relative;
	display: block;
	padding-bottom: 16px;
  /*margin-bottom:10px;*/
}

 /*
 .field--name-field-sousedstvi-vyhody.field--items .field--item h4:after {
  display: block;
  position: absolute;
  content: "";
  width: 80%;
  height: 1px;
  left: 10%;
  bottom: 0;
  background:rgb(255 255 255 / 25%);
}
*/


.contanct-flex,
.maptab-flex {
	display: flex;
	flex-wrap: wrap;
}

.maptab-flex-item{
	flex: 1 32%;
	max-width: 32%;
	margin: 0.6%;
	padding: 10px 20px;
}
.maptab-flex-item.maptab-flex-item-2 {
	flex: 1 64%;
	max-width: 64%;
	margin: 0.6%;
	padding: 10px 20px;
}
.contanct-flex {margin:0 -2%; }
.contanct-flex-item{
	flex: 1 46%;
	max-width: 46%;
	margin: 2%;
	padding: 0;
}

.region--brand {
	position: fixed;
	z-index: 11;
	top: 0;
	left: 0;
	padding: 25px 35px 35px 25px;
	min-width: 840px;
	background-image: url(../images/navbg.svg);
	background-position: -80px 100%;
}

a.google-map {
	text-decoration: none;
	
}



span.google-map-map {
	position: relative;opacity:0.8; 
	transition:  all 0.5s ease;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 68%;
	background-image: url(../images/praha.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

a.google-map:hover .google-map-map { 
	opacity:1;
}

span.google-map-link {
	text-align: right;
	display: block;
	margin-top: -30px;
}

.user-logged-in .region--brand {
	top: 80px;
}

#block-tpp-branding img {
	max-width: 250px;
}

.path-frontpage #block-tpp-page-title {
	display: none;
}


.rg-retail .rg-white2-title  .rg-white2-decor {

}
.page-node-type--retail-partner .views-field-field-hlavni-fotka:after {
	content: "";
	position: absolute;
	bottom:0;
	left: 0;
	display: block;
	width: 1507px;
	height: 80px;
	background: url(../images/white-small-bottom_2.svg);


}
.page-node-type--retail-partner .views-field-field-hlavni-fotka {
	position: relative;
	height: 0;
	width: 100%;
	overflow: hidden;
	padding: 20% 0 0 0;
}
.page-node-type--retail-partner .views-field-field-hlavni-fotka img{
	position: absolute;
	height: auto;
	width: 100%;
	top: 0;
	left: 0;
}

.youtube-player {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 370px;
	margin-left: -185px;
	z-index: 101;

}

a.youtube-btn {
	background: #fff;
	color: #333;
	border-radius: 50px;
	width: 370px;
	font-size: 25px;
	text-align: center;
	display: block;
	text-decoration: none;
	padding: 15px 25px;
	border: 2px solid #00457B;
	transition: all 0.5s ease;
}

a.youtube-btn:hover {
	background: #ebf7ff;
	color: #333;
	border: 2px solid #00457B;
}

.active .youtube-link {
	display: none;
}

.river-map-popup {
	padding: 40px 40px 80px 40px;
}

.river-map-popup h2 {
	color: #555;
	margin-top: 0;
}

.svg-budova-btns .youtube-next,
.svg-budova-btns .youtube-previous {display: none;}


.rg-legenda {
	position: absolute;
	right: 50px;
	bottom: 35px;
	color: #555;
	font-size: 18px;
}

.rg-legenda > div {
	float: left;
	margin-left: 25px ;
	line-height: 20px;
	margin-bottom: 6px;
}

.rg-legenda > div .ico-ctverec {
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	margin-right: 10px;
	bottom: -1px;
	position: relative;
	background: #fff;
	border:  1px solid #ddd;
}

.rg-legenda > div.k-pronajmu .ico-ctverec  {
	background: #DCACCF;
}

.rg-legenda > div.kancelare .ico-ctverec  {
	background: #fff;
}

.rg-legenda > div.lobby .ico-ctverec {
	background: #C8DCAC;
}

.rg-legenda > div.spolecne  .ico-ctverec {
	background: #D4D4D4;
}

.rg-legenda > div.zazemi .ico-ctverec {
	background: #686868;
}

.youtube-video {
	position: fixed;
	width: 700px;
	height: 0;
	padding: 400px 0 0 0 ;
	left: 50%; 
	z-index: 10;
	margin-left: -350px;
	top: 50%;
	margin-top: -200px;
}

.link-na-vse {
	margin: -20px 0 120px 0;
}

.link-na-vse a.button {
	margin: 0px auto;
	position: relative;
	z-index: 3;
	float: none;
	max-width: 270px;
	display: block;
}



.pruvodce-slideshow .youtube-video {
	position: fixed;
	width: 900px;
	height: 0;
	padding: 30% 0 0 0;
	left: 50%;
	z-index: 10;
	margin-left: -450px;
	top: 50%;
	margin-top: -230px;
}

.sirius-black {
	width: 0;
	height: 0;
	position: fixed;
	top: 50%;
	left: 0;  
	z-index: 1;
	background: rgba(255,255,255,0.0);
	transition:  top 0.5s ease, height 0.5s ease;
}

.sirius-black.active {
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 100; 
	background: rgba(255,255,255,0.7); 
}

.patro-pop,
.youtube-player .youtube-video,
.pruvodce-slideshow .youtube-video 
{
	width: 0; 
	height: 0;
	opacity: 0;
	transition: opacity 0.5s ease;
	display: block;
	overflow: hidden; 
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0); 
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0);
}


.patro-pop.active {
	width: 1600px;
	opacity: 1;
	position: fixed;

	height: auto;
	padding-bottom: 0;
	left: 50%; 
	z-index: 101;
	margin-left: -800px;
	top: 250px;

	overflow: visible;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25); 
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25);
}



.youtube-player.active .youtube-video {
	width: 700px;
	opacity: 1;
	z-index: 101;
	overflow: visible;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25); 
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25);
}


.youtube-player.pruvodce-slideshow.active .youtube-video {
	width: 900px;
	opacity: 1;

}

.patro-pop-inside {
	position: relative;
	height: 100%;

}

.patro-pop-inside > .field {
	position: relative;
	height: 100%;
}

.patro-pop-inside .river-map-popup {
	position: relative;
	height: 100%;
}



.patro-pop-iii {background: #00457B;}

.patro-pop-ii {background: #fff;}






.youtube-video .slick--view--main-photo,
.youtube-video iframe {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

a.youtube-previous {
	background: #fff;
	color: #477B00;
	border-radius: 50px;
	width: 70px;
	height: 70px;
	/* font-size: 62px; */
	text-align: center;
	display: block;
	text-decoration: none;
	padding: 10px 5px;position: absolute;
	top: -65px;
	right: 170px;
	transform: rotate(0deg);
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25); 
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25);
}
a.youtube-previous {

	top: -85px;
	
}

.youtube-previous:after {
	position: absolute;
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	transform: rotate(-45deg);
	top: 24px;
	left: 29px;
}

a.youtube-previous span {visibility: hidden;}

/* ------------------------------------------------------------------------------------- */

a.youtube-next span {visibility: hidden;}

.slick__arrow {
	bottom: 0;
	height: auto;
	right: 0;
	margin-top: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
	background:transparent;
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}

.slick__arrow .slick-prev,
.slick__arrow .slick-next {
	bottom:auto;
	height: 120px;
	margin-top: -60px;
	position: absolute;
	top: 50%;
	width: 70px;
	z-index: 2;
	background: rgb(255 255 255 / 55%);
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
	border-radius: 0;
}

.rg-retail .slick__arrow .slick-prev,
.rg-retail .slick__arrow .slick-next {
	top: 25%;
}

.slick__arrow .slick-next {
	right: 0;

	-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

.slick__arrow .slick-prev {      
	left: 0;  

	-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

.slick__arrow .slick-prev.slick-arrow::before,
.slick__arrow .slick-next.slick-arrow:before  {
	display: none;
}

.slick__arrow .slick-prev.slick-arrow::after,
.slick__arrow .slick-next.slick-arrow:after  {
	border-radius: 0;
	font-size: 0;
	height: 22px;
	width: 22px;
	pointer-events: auto;
	position: absolute;
	top:42% ;
	content: ""; 
}

.slick__arrow .slick-next.slick-arrow:after  {
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	right: 30px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);  
}

.slick__arrow .slick-prev.slick-arrow::after {
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
	left: 30px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}





.slick--view--lifestyle .slick-arrow::before,
.slick--view--lifestyle  .slick-arrow::after {
	display: none;
}

.rg-blue-content .slick-next.slick-arrow ,
.rg-blue-content .slick-prev.slick-arrow { 
	border-radius: 0;
	font-size: 0;
	height: 22px;
	width: 22px;
	pointer-events: auto;
	position: absolute;
	top: calc(60% - 50px);
}

.rg-blue-content .slick-prev.slick-arrow {
	border-left: 2px solid #000;
	border-bottom: 2px solid #000; 
	left: -30px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.rg-blue-content .slick-next.slick-arrow {
	border-top: 2px solid #000;
	border-right: 2px solid #000; 
	right: -30px; 
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
} 





a.youtube-next {
	background: #fff;
	color: #477B00;
	border-radius: 50px;
	width: 70px;
	height: 70px;
	/* font-size: 62px; */
	text-align: center;
	display: block;
	text-decoration: none;
	padding: 10px 5px;position: absolute;
	top: -65px;
	right:85px;
	transform: rotate(0deg);
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25); 
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25);
}

a.youtube-next {

	top: -85px;
	
}

.youtube-next:before {
	position: absolute;
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(-45deg);
	top: 24px;
	left: 20px;
}

/*
.slick--view--main-photo--pruvodce .slick__arrow {
	left: initial;

	right: -9px;
	top: -17px;
} */


.map-item-nahled-title span {
	font-size: 98%;
}
a.youtube-link-more {display: none;}

/* ------------------------------------------------------------------------------------- */
@media all and (max-width: 993px) {

		a.youtube-link-more {
			background: #fff;
			color: #477B00;
			border-radius: 50px;
			width: 70px;
			height: 70px;
			/* font-size: 62px; */
			text-align: center;
			display: block;
			text-decoration: none;
			padding: 10px 5px;position: absolute;
			top: -85px;
			right: 85px;
			text-indent: -6666px;
			-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25); 
			box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25);
			background-size: 70%;
			background-position: 50% 50%;
			background-image: url("../images/zoom.svg");
			background-repeat: no-repeat;
		}
}

/* ------------------------------------------------------------------------------------- */

a.youtube-close {
	background: #fff;
	color: #477B00;
	border-radius: 50px;
	width: 70px;
	height: 70px;
	/* font-size: 62px; */
	text-align: center;
	display: block;
	text-decoration: none;
	padding: 10px 5px;position: absolute;
	top: -85px;
	right: 0px;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25); 
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.25);
}

a.youtube-close span {opacity: 0}

.youtube-close:after {
	position: absolute;
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	transform: rotate(-45deg);
	top: 26px;
	left: 37px;
}
.youtube-close:before {
	position: absolute;
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(-45deg);
	top: 26px;
	left: 15px;
}
/*
.slick__arrow {
	bottom: auto;
	height: 2px;
	right: 0;
	margin-top: -1px;
	pointer-events: none;
	position: absolute;
	top:  40%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}*/









/*
.slick--view--main-photo--pruvodce .slick__arrow {
	bottom: auto;
	height: 2px;
	right: 0;
	margin-top: -1px;
	pointer-events: none;
	position: absolute;
	top:  -20px;
	transform: translateY(-50%);
	width: 200px;
	z-index: 2;
}*/

.gallery-crop .field--item {
	max-height: 0;
	overflow: hidden;
	margin: 0 1%!important;
	transition: all 1.5s ease;
}

.galleryopen.button--primary {
	float: none;
	margin-top: 1%;
	display: inline-block;
}

.gallery-crop .field--item:nth-child(1),
.gallery-crop .field--item:nth-child(2),
.gallery-crop .field--item:nth-child(3),
.gallery-crop .field--item:nth-child(4),
.gallery-crop .field--item:nth-child(5),
.gallery-crop.active .field--item {
	max-height: 1000px;
	overflow: hidden;
	margin: 1%!important;
	transition: all 1.5s ease;
}

/* ------------------------------------------------------------------------------------- */


.tadybudoupatra {
	width: 100%;
}

.rg-green-contact {
	padding-top: 120px;	
}

.form-item-check-gdpr:after {
	clear:both;
	content: "";
	display: block;
	position: relative;
}

.form-item-check-gdpr {
	padding-top: 8px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.form-item-check-gdpr > span,
.form-item-check-gdpr > div,
.form-item-check-gdpr > label,
.form-item-check-gdpr > input {
	float: left;
	margin-right: 3px;
}

.form-item-check-gdpr > input {
	float: left;
	margin-right: 5px;
}

.form-item-check-gdpr > div,
.form-item-check-gdpr > label  {
	margin-top: -3px;
}

textarea ,
input[type=tel] ,
input[type=email] ,
input[type=text] {
	border: 0px solid #fff;
	border-bottom: 2px solid #fff;
	width: 100%;
	color: #fff;
	background: transparent;
	padding: 13px;
	-webkit-box-shadow: inset 5px -5px 5px -5px rgb(0 0 0 / 0%);
	-moz-box-shadow: inset 5px -5px 5px -5px rgba(0, 0, 0, 0);
	box-shadow: inset 5px -5px 5px -5px rgb(0 0 0 / 0%);
	font-family: Arial, Helvetica, sans-serif;
}

textarea ,
input[type=tel] ,
input[type=email] ,
input[type=text] {
	border: 0px solid #fff;
	border-bottom: 2px solid #fff;
	width: 100%;
	color: #fff;
	background: transparent;
	padding: 13px;
	-webkit-box-shadow: inset 5px -5px 5px -5px rgb(0 0 0 / 0%);
	-moz-box-shadow: inset 5px -5px 5px -5px rgba(0, 0, 0, 0);
	box-shadow: inset 5px -5px 5px -5px rgb(0 0 0 / 0%);
	font-size: 18px;
	font-family: 'Dosis', sans-serif;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #fff;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #fff;
	opacity:  1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #fff;
	opacity:  1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #fff;
}

::placeholder { /* Most modern browsers support this now. */
	color: #fff;
}

.slick--view--lifestyle {
	width: 70%;
	margin: 45px auto 0 auto;
}


.small-slide-img-wrapper {

	border: 2px solid #999;

}
.svg-budova-in {
	position: relative;
	width: 100%;
	height: 0;
	padding: 21% 0 0 0 ;
}

#svg-budova-2 .svg-budova-in {
	padding: 73% 0 0 0 ;
}

.svg-budova-in > svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 99%;
}

.small-slide-img-wrapper { 
	padding: 10px;
	/*border: 2px solid #ffffff52;*/
	border-radius: 50%;
}

.small-slide-img { 
	width: 100%;
	height: 0;
	position: relative;
	overflow: hidden;
	display: block;
	padding: 100% 0 0 0 ;
	border-radius:55%;
}

.small-slide-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-radius:55%;
}

.small-slide-title {
	max-width: 300px;
	text-align: center;
	line-height: 35px;
	font-size: 22px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.rg-contact {
	margin-top: -30px;
}

.paragraph--columns .paragraph__content {    
	margin-bottom: 0.25em;
}

.footer-wrapper {
	background: #0D0D0D;
	position: relative;
	color: #fff;
}

.footer-wrapper a {
	color: #fff;
}

.footer-inside {
	z-index: 2;
	padding: 1px;
	position: relative;
}

.region--footer {
	display: flex;
	padding: 60px 0!important;
	align-items: flex-end;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
}

.footer-copy-wrapper {
	background: #262626;
	color: #fff;
}

.footer-copy-inside {
	max-width: 1200px;
	padding: 30px 0;
	margin: 0 auto;
	text-align: center; 
	font-size: 18px;
	line-height: 1.5em;
}

.region--footer p{
	font-size: 18px;
	line-height: 1.5em;
}

.region--footer > div {
	flex: 1 33%;
	max-width: 33%;
}
/*
.zaporny-margin {margin-top: -10px;}
*/
.field--name-field-tri-sloupce-pb1.field--items  ,
.field--name-field-tri-sloupce-pw1.field--items  ,
.field--name-field-tri-sloupce-w1.field--items  ,
.field--name-field-tri-sloupce-b1.field--items  {
	display: flex;
	flex-wrap: wrap;
	padding: 	20px 0 ;
}
.field--name-field-tri-sloupce-pb1.field--items > .field--item   ,
.field--name-field-tri-sloupce-pw1.field--items > .field--item   ,
.field--name-field-tri-sloupce-w1 .field--item   ,
.field--name-field-tri-sloupce-b1 .field--item   {
	text-align: center;
	flex: 1 31%;
	margin: 1%;
	max-width: 31%	;
	text-align: center;	
	font-size: 	14px;
}

.field--name-field-tri-sloupce-pw1.field--items >  .field--item img ,
.field--name-field-tri-sloupce-pb1.field--items >  .field--item img 
.field--name-field-tri-sloupce-w1 .field--item img ,
.field--name-field-tri-sloupce-b1 .field--item img   {
	max-height: 40px;display: inline;	
	margin-bottom: 	10px;width: auto;max-width: 	initial; 
}

.region--footer > div:nth-child(1) { }
.region--footer > div:nth-child(2) { }

.region--footer li {
	font-size: 18px;
	line-height: 35px;
	padding-left: 28px;
	padding-bottom: 5px;
	position: relative;
}

.region--footer li:after {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 20px;
	height: 16px;
	content: "";
	background-image: url(../images/li-white.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.field--type-text-long table td {
	padding: 5px 0;
}

.flex-partners {
	display: flex;
	flex-wrap: wrap;
	max-width: 1601px;
	margin: 40px auto;
	width: 96%;
}

.flex-partners-item {
	flex: 1 35%;
	max-width: 23%;
	padding: 1%;
	margin: 1%;
	background: #fff;
	transition: all 0.5s ease;
	position: relative;
	border-radius: 3px;
} 

.flex-partners-item:hover {
	background: #ebf7ff;
} 

.flex-partners-item .slick-item-text-in a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	text-indent: -6666px;
	overflow: hidden;
}

.flex-partners-item .slick-item-text p {
	width: 96%;
	margin-left: 2%;
}

.article-h1 {
	padding-top: 150px;
	color: #000;
	text-align: center;
	max-width: 1200;
	width: 96%;
	margin: 0 auto;
}

.rg-blue-wrapper.rg-relative.rg-blue-life {background: #fff;}

.rg-blue-life .rg-blue-background {}
/*
.rg-blue-life .rg-blue-background:after {

	background-image: url(../images/ryba.svg);
	position: absolute;
	top: -15%;
	left: 0;
	width: 50%;
	opacity: 0.5;
	height: 136%;
	content: "";
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
}
*/
.slick--view--main-photo--main-photo .slick__arrow {z-index: 2;}



/*
.slick--view--main-photo--main-photo .slick__slide:after { 
	background-image: url(../images/ryba.svg);
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 307px;
	content: "";
	background-size: 100% auto;
	background-repeat: no-repeat;
	opacity: 0.5;
	z-index: 3;
	background-position: 0 0;
	content: "";
}

.rg-blue-life .rg-blue-background:before {
	background-image: url(../images/ryba.svg);
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 170%;
	content: "";
	background-size: 100% auto;
	background-repeat: no-repeat;
	opacity: 0.5;
	background-position: 0 -300px;
}
 
.rg-blue-life .rg-blue-background:before {
	background-image: url(../images/ryba.svg);
	position: absolute;
	top: -60%;
	right: 0;
	width: 50%;
	height: 170%;
	content: "";
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.5;
	background-position: 0 0;
}
*/



/*
.rg-green-info .rg-green-background:after {

	background-image: url(../images/ryba.svg);
	position: absolute;
	top: -30%;
	left: 0;
	width: 50%;
	opacity: 0.5;
	height: 136%;
	content: "";
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.rg-green-info .rg-green-background:before {


	position: absolute;
	top: -30%;
	right: 0;
	width: 50%;
	background-image: url(../images/ryba.svg);
	height: 170%;
	content: "";
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.5;
	background-position: 0 0;
}

*/


.field--name-field-title-w2   {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 3;
	padding: 0;
}




/* -------------------------------------------------------------------------------------- */
/* ------------------------------------ Velke dekory - desktop -------------------------- */
/* -------------------------------------------------------------------------------------- */


.rg-green-info .rg-green-top-decor .rg-green-top-decor--left,
.rg-green-info .rg-green-top-decor .rg-green-top-decor--right,
.rg-blue-top-decor .rg-blue-top-decor--left.rg-blue-top-decor--big,
.rg-blue-top-decor .rg-blue-top-decor--right.rg-blue-top-decor--big,
.rg-dark-blue-top-decor .rg-dark-blue-top-decor--left.rg-dark-blue-top-decor--big,
.rg-dark-blue-top-decor .rg-dark-blue-top-decor--right.rg-dark-blue-top-decor--big
{
	width: 3000px;
	position: absolute;
	bottom: 0;
}
.rg-blue-small-bottom-decor-left .rg-blue-bottom-decor--left.rg-blue-bottom-decor--small,
.rg-blue-small-bottom-decor-left .rg-blue-bottom-decor--right.rg-blue-bottom-decor--small,

.rg-green-info .rg-green-bottom-decor .rg-green-bottom-decor--left,
.rg-green-info .rg-green-bottom-decor .rg-green-bottom-decor--right,
.rg-retail .rg-white2-title .rg-white2-decor:after,
.footer-wrapper-decor .footer-wrapper-decor-left,
.footer-wrapper-decor .footer-wrapper-decor-right,
.rg-blue-bottom-decor .rg-blue-bottom-decor--left.rg-blue-bottom-decor--big,
.rg-blue-bottom-decor .rg-blue-bottom-decor--right.rg-blue-bottom-decor--big,
.rg-blue-small-bottom-decor .rg-blue-bottom-decor--left.rg-blue-bottom-decor--small,
.rg-blue-small-bottom-decor .rg-blue-bottom-decor--right.rg-blue-bottom-decor--small,
.rg-blue-small-bottom-decor-left .rg-blue-bottom-decor--right.rg-blue-bottom-decor--small,
.rg-dark-blue-bottom-decor .rg-dark-blue-bottom-decor--left.rg-dark-blue-bottom-decor--big,
.rg-dark-blue-bottom-decor .rg-dark-blue-bottom-decor--right.rg-dark-blue-bottom-decor--big,
.rg-white-foto-top-decor .rg-white-foto-top-decor--left.rg-white-foto-top-decor--big,
.rg-white-foto-top-decor .rg-white-foto-top-decor--right.rg-white-foto-top-decor--big,
.page-node-type--hlavni-stranka .footer-wrapper-decor .footer-wrapper-decor-left,
.page-node-type--hlavni-stranka .footer-wrapper-decor .footer-wrapper-decor-right {
	width: 3000px;
	position: absolute;
	top: 0;
}


.rg-green-info .rg-green-bottom-decor ,
.page-node-type--hlavni-stranka .footer-wrapper-decor,
.rg-blue-top-decor,
.rg-blue-bottom-decor,
.footer-wrapper-decor,
.rg-dark-blue-top-decor,
.rg-dark-blue-bottom-decor,
.rg-blue-small-bottom-decor,
.rg-white-foto-top-decor,
.footer-wrapper-decor
{
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: 50%;
	margin-left:-700px;
	width: 1400px;
	height: 334px;
}

.rg-white-video .rg-white-foto-top-decor 
{
	height: 150px;
}

/* -------------------------------------------------------------------------  footer-wrapper-decor  */

.rg-green-info .rg-green-bottom-decor {

	bottom: -316px;

	background-image: url("../images/green-big-bottom-left.svg");

}

/* -------------------------------------------------------------------------  footer-wrapper-decor  */

.footer-wrapper-decor{
	z-index:1 ;
	top: 0;

	background-image: url("../images/white-big-bottom-op.svg");
}

.footer-wrapper-decor .footer-wrapper-decor-left {
	background: #fff; 
	right: 100%; 
	height: 15px;
}

.footer-wrapper-decor .footer-wrapper-decor-right {
	background: #fff;
	left: 100%;  
	height: 222px;
}


/* ------------------------------------------------------------------------- page-node-type--hlavni-stranka footer-wrapper-decor  */

.page-node-type--hlavni-stranka .footer-wrapper-decor {
	z-index:1 ;
	top: 0;

	background-image: url("../images/green-big-bottom.svg");
}

.page-node-type--hlavni-stranka .footer-wrapper-decor .footer-wrapper-decor-left {
	background: #619A14; 
	right: 100%; 
	height: 14px;
}

.page-node-type--hlavni-stranka .footer-wrapper-decor .footer-wrapper-decor-right {
	background: #619A14;
	left: 100%;  
	height: 222px;
}
/* -------------------------------------------------------------------------  rg-blue-top-decor  */


.rg-blue-top-decor {
	top: -250px;
	top: 70px;
	height: 0;
	background-image: url("../images/blue-big-top.svg"); 
}

.rg-blue-top-decor .rg-blue-top-decor--left.rg-blue-top-decor--big {
	background:  #00457B;
	right: 100%; 
	height: 41px;
}

.rg-blue-top-decor .rg-blue-top-decor--right.rg-blue-top-decor--big {
	background:  #00457B;
	left: 100%;
	height: 335px;
}

/* -------------------------------------------------------------------------  rg-blue-bottom-decor  */


.rg-blue-bottom-decor {
	bottom: -317px;

	background-image: url("../images/blue-big-bottom.svg");
}

.rg-blue-bottom-decor .rg-blue-bottom-decor--left.rg-blue-bottom-decor--big {
	background:  #00457B;
	right: 100%;
	height: 335px;
}

.rg-blue-bottom-decor .rg-blue-bottom-decor--right.rg-blue-bottom-decor--big {
	background:  #00457B;
	left: 100%;  
	height: 41px;
}

/* -------------------------------------------------------------------------  rg-white-foto-top-decor  */


.rg-white-foto-top-decor {
	z-index: 2;
	top: 0;
	background-image: url("../images/white-big-bottom_new.svg");
}

.rg-white-foto-top-decor .rg-white-foto-top-decor--left.rg-white-foto-top-decor--big {
	background:  #fff;
	right: 100%;
	height: 148px;
}

.rg-white-foto-top-decor .rg-white-foto-top-decor--right.rg-white-foto-top-decor--big {
	background:  #fff;
	left: 100%;  
	height: 38px;
}



.rg-green-info .rg-green-top-decor .rg-green-top-decor--left {
	background: #619A14;
	right: 100%;
	height: 48px;

}

.rg-green-info .rg-green-top-decor .rg-green-top-decor--right {
	background: #619A14;
	left: 100%;  
	height: 110px;
}

.rg-green-info .rg-green-bottom-decor .rg-green-bottom-decor--left {
	background: #619A14; 
	right: 100%;
	height: 331px;
}

.rg-green-info .rg-green-bottom-decor .rg-green-bottom-decor--right {
	background: #619A14;
	left: 100%;  
	height: 45px;
}

.rg-animated {
	opacity:0; transition: all 2s ease;
}
.rg-animated10 ,
.rg-animated1  {opacity:1;}
.rg-animated.rg-animate {opacity:1;}

/* -------------------------------------------------------------------------------------- */
/* ------------------------------------ Malé dekory - desktop --------------------------- */
/* -------------------------------------------------------------------------------------- */

.rg-green-info .rg-green-top-decor,
.rg-dark-blue-top-decor,
.rg-blue-small-bottom-decor-left,
.rg-blue-small-bottom-decor,
.rg-dark-blue-bottom-decor {
	position: absolute; 
	left: 50%;
	margin-left:-700px;
	width: 1400px;
	height: 110px;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

/* -------------------------------------------------------------------------  rg-blue-small-bottom-decor */

.rg-blue-small-bottom-decor {
	bottom: -90px;
	background-image: url(../images/blue-small-bottom-2.svg) ;
}

.rg-blue-small-bottom-decor .rg-blue-bottom-decor--left.rg-blue-bottom-decor--small {
	background:#fff; 
	right: 100%;
	height: 36px;
}

.rg-blue-small-bottom-decor .rg-blue-bottom-decor--right.rg-blue-bottom-decor--small {
	background:#fff;
	left: 100%;  
	height: 98px;
}

/* -------------------------------------------------------------------------  rg-blue-small-bottom-decor-left */

.rg-blue-small-bottom-decor-left {
	bottom: -75px;
	background-image: url(../images/blue-small-bottom.svg) ;
}

.rg-blue-small-bottom-decor-left .rg-blue-bottom-decor--left.rg-blue-bottom-decor--small {
	background:#00457B; 
	right: 100%;
	height: 98px;
}

.rg-blue-small-bottom-decor-left .rg-blue-bottom-decor--right.rg-blue-bottom-decor--small {
	background:#00457B;
	left: 100%;  
	height: 36px;
}

/* -------------------------------------------------------------------------  rg-dark-blue-top-decor  */

.rg-dark-blue-top-decor {
	top: -46px;
	background-image: url("../images/dark-blue-small-top.svg");
}

.rg-dark-blue-top-decor .rg-dark-blue-top-decor--left.rg-dark-blue-top-decor--big {
	background: #001a2e;
	left: 100%;
	height: 110px;
}

.rg-dark-blue-top-decor .rg-dark-blue-top-decor--right.rg-dark-blue-top-decor--big {
	background: #001a2e;
	right: 100%;
	height: 48px;
}

/* -------------------------------------------------------------------------  rg-dark-blue-bottom-decor  */

.rg-dark-blue-bottom-decor {
	bottom: -45px;
	background-image: url(../images/dark-blue-small-bottom.svg) ;
}

.rg-dark-blue-bottom-decor .rg-dark-blue-bottom-decor--left.rg-dark-blue-bottom-decor--big {
	background:#001a2e; 
	right: 100%;
	height: 98px;
}

.rg-dark-blue-bottom-decor .rg-dark-blue-bottom-decor--right.rg-dark-blue-bottom-decor--big {
	background:#001a2e;
	left: 100%;  
	height: 36px;
}

.rg-green-info .rg-green-top-decor {
	position: absolute;
	top: -95px;
	background-image: url("../images/green-small-top.svg");
}

.rg-retail .rg-white2-title  .rg-white2-decor {
	position: absolute;
	top: calc(100% - 3px);
	left: 50%;
	margin-left: -754px;    
	width: 1507px;
	height: 84px;
	background-image: url(../images/white-small-bottom.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.rg-retail .rg-white2-title .rg-white2-decor:after {
	background:#fff; 
	right:calc(100% - 1px) ;
	height: 65px;
	content:"";
}

h3 .v1 {
	font-size: 48px;
	display: block;
	padding: 6px 0;
}

h3 .v2 {
	font-size: 38px;
	display: block;
	padding: 6px 0;

}

h3 .v3 {
	font-size: 27px;
	display: block;
	padding: 6px 0;
}

h3 .v4 {
	font-size: 22px;
	padding: 6px 0;
	display: block;
}

h3 .v5 {    
	font-size: 18px;
	padding: 6px 0;
	display: block;
}

.rg-anchor {position: absolute;
	top: -150px;
	left: 0;
	display: block;}	

	#block-prepinacjazyka  {
		z-index: 10;
		position: absolute;
		right: 120px;
		top: 18px;
	}
	#block-prepinacjazyka ul li {
		display: inline;padding: 3px;
	} 
	#block-prepinacjazyka ul li a  {
		color: #fff; text-decoration: none;
		text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	}

	.language-link.is-active {font-size: 44px;}
	.language-link {font-size: 32px;}

	.paragraph__content	#neighborhood {
		margin:50px 0;
	}

	.zaporny-margin {
		margin-top: -60px;
	}

	@media all and (max-width: 1560px) {

		.patro-pop.active {
			width: 98%;

			margin-left: -49%;

		}
	}


	@media all and (max-width: 1400px) {

 

		.rg-blue-life .rg-content { 
			padding: 1px 0 1px 0; 
		}

		.rg-green-contact .rg-green-content,
		.rg-green-info .rg-green-content {
		/*	padding-left: 45px;*/
		}

		.rg-blue-life .rg-blue-background:after {
			top: 0%;
		}

		.slick--view--main-photo--main-photo .slick__slide:after {
			display: none;
		}

		.rg-blue-life .rg-blue-background:before {
			background-image: url(../images/ryba.svg);
			position: absolute;
			top: -20%;
			right: 0;
			width: 50%;
			height: 130%;
			content: "";
			background-size: cover;
			background-repeat: no-repeat;
			opacity: 0.5;
			background-position: 0 0;
		}

		.rg-blue-life .rg-blue-background:after {
			height: 117%;
		}

		.rg-green-info .rg-green-background:before {
			top: -10%;
			height: 129%;
		}

		.rg-green-info .rg-green-background:after {
			top: 10%;
			height: 131%;
		}

		.slick--view--main-photo--main-photo .views-field-field-hlavni-fotka:after{ 
			height: 200px;
		}

		.slide-item-node.slide-item-node--right .slide-item-text-and-image {
			bottom: -90px;
		}

		.slide-item-node.slide-item-node--left .slide-item-text-and-image {
			bottom: -90px;
		}

.slide-item-node.slide-item-node.bottom .slide-item-text-and-image {
			top: -20px;
			bottom: auto;
		}
		
		.slide-item-node.slide-item-node--right.bottom .slide-item-text-and-image {
			top: -20px;
			bottom: auto;
		}

		

		

		.page-node-type--hlavni-stranka .title-h1 .title-h1-wrapper {
			background: transparent;
			width: 270px; 
			height: 200px;
		}

		.title-h1 .title-h1-wrapper > span, .title-h1 .field--name-field-main-title {
			font-size: 37px;
		}

		.slick--view--main-photo--main-photo .rg-blue-slideshow-decor {
			background-repeat: no-repeat;
			background-size: 100% auto;
			position: absolute;
			margin-left: -384px;
			width: 768px;
			left: 50%;
		}

		.slick--view--main-photo--main-photo .rg-blue-slideshow-decor {
			height: 53px;
		}

		.rg-blue-slideshow-decor .rg-blue-slideshow-decor--left {
			height:  53px;
			left: 100%;
		}
		.rg-blue-slideshow-decor .rg-blue-slideshow-decor--right {
			height: 19px;
			right: 100%;
		}

		.page-node-type--retail-partner .views-field-field-hlavni-fotka {
			padding: 25% 0 0 0;
		}
	}

	@media all and (min-width: 991px) and (max-width: 1250px) {

		#neighborhood {
			width: 100%;
			padding: 48.5% 0 0 0;
			height: 0;
			position: relative;
			background-image: url(../images/mapa-okoli2.svg);
			background-size: cover;
			background-repeat: no-repeat;
		}
	}



	@media all and (max-width: 1250px) {

		.page-node-type--page .title-h1 .title-h1-wrapper {
			height: 132px;

		}

		.title-h1 .title-h1-wrapper > span, 
		.title-h1 .field--name-field-main-title {
			font-size: 32px;
		}

		.page-node-type--hlavni-stranka .title-h1 .title-h1-wrapper {
			background: transparent; 
			width: 230px;
			height: 200px;
		}

		.slide-item-node .slide-item-text-and-image {
			width: 300px;
			-webkit-border-top-left-radius: 120px;
			-webkit-border-bottom-right-radius: 120px;
			-moz-border-radius-topleft: 120px;
			-moz-border-radius-bottomright: 120px;
			border-top-left-radius: 120px;
			border-bottom-right-radius: 120px;
		}

		.slide-item-node .slide-item-text-and-image img {
			display: block;
			-webkit-border-top-left-radius: 115px;
			-webkit-border-bottom-right-radius: 115px;
			-moz-border-radius-topleft: 115px;
			-moz-border-radius-bottomright: 115px;
			border-top-left-radius: 115px;
			border-bottom-right-radius: 115px;
		}

		.slide-item-node.slide-item-node--left .slide-item-text-and-image {
			-webkit-border-radius: 1px;
			-webkit-border-top-right-radius: 120px;
			-webkit-border-bottom-left-radius: 120px;
			-moz-border-radius: 1px;
			-moz-border-radius-topright: 120px;
			-moz-border-radius-bottomleft: 120px;
			border-radius: 1px;
			border-top-right-radius: 120px;
			border-bottom-left-radius: 120px;
		}

		.slide-item-node.slide-item-node--left .slide-item-text-and-image img {
			-webkit-border-radius: 1px;
			-webkit-border-top-right-radius: 115px;
			-webkit-border-bottom-left-radius: 115px;
			-moz-border-radius: 1px;
			-moz-border-radius-topright: 115px;
			-moz-border-radius-bottomleft: 115px;
			border-radius: 1px;
			border-top-right-radius: 115px;
			border-bottom-left-radius: 115px;
		}

.slide-item-node.bottom .slide-item-text-and-image {
			width: 300px;
			-webkit-border-top-left-radius: 120px;
			-webkit-border-bottom-right-radius: 120px;
			-moz-border-radius-topleft: 120px;
			-moz-border-radius-bottomright: 120px;
			border-top-left-radius: 120px;
			border-bottom-right-radius: 120px;
		}

		.slide-item-node.bottom .slide-item-text-and-image img {
			display: block;
			-webkit-border-top-left-radius: 115px;
			-webkit-border-bottom-right-radius: 115px;
			-moz-border-radius-topleft: 115px;
			-moz-border-radius-bottomright: 115px;
			border-top-left-radius: 115px;
			border-bottom-right-radius: 115px;
		}

		.slide-item-node.bottom .slide-item-text-and-image .slide-item-text {
    text-align: right;
    max-width: 220px;
    margin-left : 90px;
}



		.slide-item-node.slide-item-node--right.bottom .slide-item-text-and-image {
			-webkit-border-radius: 1px;
			-webkit-border-top-right-radius: 120px;
			-webkit-border-bottom-left-radius: 120px;
			-moz-border-radius: 1px;
			-moz-border-radius-topright: 120px;
			-moz-border-radius-bottomleft: 120px;
			border-radius: 1px;
			border-top-right-radius: 120px;
			border-bottom-left-radius: 120px;
		}

		.slide-item-node.slide-item-node--right.bottom .slide-item-text-and-image img {
			display: block;
			-webkit-border-radius: 1px;
			-webkit-border-top-right-radius: 115px;
			-webkit-border-bottom-left-radius: 115px;
			-moz-border-radius: 1px;
			-moz-border-radius-topright: 115px;
			-moz-border-radius-bottomleft: 115px;
			border-radius: 1px;
			border-top-right-radius: 115px;
			border-bottom-left-radius: 115px;
		}

		.slide-item-node--right.bottom .slide-item-text-and-image .slide-item-text {
    text-align: left;
    max-width: 220px;
    margin-left: 0;
    margin-right: 90px;
}

		


		.rg-content {
			max-width: 96%;
		}

		.page-node-type--retail-partner .views-field-field-hlavni-fotka {
			padding: 30% 0 0 0;
		}

		.region--footer {
			max-width: 90%;
		}

		.region--brand {
			padding: 15px 25px 25px 15px;
			min-width: 840px;
		}

		#block-tpp-branding img {
			max-width: 160px;
		}

		.slick-item-text p,
		.field--type-text-long p ,
		.field--type-text-long li {
			font-size: 16px;
			line-height: 30px;
		}

		.title-h1 .title-h1-wrapper {
			height: 252px;
			font-size: 54px;
		}

		h2 {
			font-size: 34px;
		}

		h3 {
			font-size: 21px;
		}


		h4 {
			font-size:18px;
		}

	}


	.patro-pop.active.resize {

		bottom: 15px;

	}



	@media all and (max-width: 1150px) {

		.patro-pop.active {
			width: 96%;
			opacity: 1;
			position: fixed;
			height: auto;
			padding-bottom:  0;
			left: 2%;
			margin-left: 0;
			top: 98px;
			overflow: visible;
			-webkit-box-shadow: 0px 0px 8px 3px rgb(0 0 0 / 25%);
			box-shadow: 0px 0px 8px 3px rgb(0 0 0 / 25%);
		}

		.footer-wrapper-decor .footer-wrapper-decor-left {
			height: 8px;
		}

		.footer-wrapper-decor .footer-wrapper-decor-right {
			height: 122px;
		}

		.rg-blue-map .rg-content {
			margin: -55px auto 0 auto;
			z-index: 2;
			padding: 50px 0 30px 0;
		}

		.slick--view--lifestyle {
			width: 70%;
			margin: 85px auto 0 auto;
		}

		.rg-white-video {
			position: relative;
			padding: 55% 0 0 0;
		}

		.small-slide-title {
			line-height: 29px;
			font-size: 18px;
			margin-top: 15px;
		}

		.field--name-field-image-w3 img {
			width: auto;
			max-width: initial;
			height: 100%;
			position: absolute;
			top: 0;
			left: 25%;
			margin-left: -50%;
		}

		a.button, .button, .button--primary, .maptabs-tab a {
			padding: 7px 25px;
			min-width: 70px;
			font-size: 20px;
			margin: 0 12px 0 0;
		}

		.youtube-player {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 240px;
			margin-left: -120px;
			z-index: 101;
		}

		a.youtube-btn {
			width: 240px;
			font-size: 24px;
			padding: 12px 25px;
		}


		/* -------------------------------------------------------------------------------------- */
		/* ------------------------------------ Malé dekory - tablet ---------------------------- */
		/* -------------------------------------------------------------------------------------- */

		.rg-green-info .rg-green-bottom-decor ,
		.page-node-type--hlavni-stranka .footer-wrapper-decor,
		.rg-blue-top-decor,
		.rg-blue-bottom-decor,
		.footer-wrapper-decor,
		.rg-dark-blue-top-decor,
		.rg-dark-blue-bottom-decor,
		.rg-blue-small-bottom-decor,
		.rg-white-foto-top-decor,
		.footer-wrapper-decor
		{
			background-repeat: no-repeat;
			background-size: 100% auto;
			position: absolute;
			margin-left:-384px;
			width: 768px;
			left: 50%;
		}


		.rg-green-info .rg-green-top-decor {
			top: -90px;
			background-image: url("../images/green-small-top.svg");
		}

		/* -------------------------------------------------------------------------  - tablet -  rg-blue-small-bottom-decor  */

		.rg-blue-small-bottom-decor {
			bottom: -90px;

			background-image: url(../images/blue-small-bottom-2.svg) ;
		}


		.rg-blue-small-bottom-decor .rg-blue-bottom-decor--left.rg-blue-bottom-decor--small {
			height: 20px;
		}

		.rg-blue-small-bottom-decor .rg-blue-bottom-decor--right.rg-blue-bottom-decor--small {
			height: 54px;
		}
		/* -------------------------------------------------------------------------  - tablet -  rg-blue-small-bottom-decor-left  */

		.rg-blue-small-bottom-decor-left {
			bottom: -75px;
			left: 50%;
			background-image: url(../images/blue-small-bottom.svg) ; 
		}


		.rg-blue-small-bottom-decor-left .rg-blue-bottom-decor--left.rg-blue-bottom-decor--small {
			height: 109px;
		}

		.rg-blue-small-bottom-decor-left .rg-blue-bottom-decor--right.rg-blue-bottom-decor--small {
			height: 42px;
		}


		/* -------------------------------------------------------------------------------------- */
		/* ------------------------------------ Velke dekory - tablet ---------------------------- */
		/* -------------------------------------------------------------------------------------- */


		/* -------------------------------------------------------------------------  - tablet -  page-node-type--hlavni-stranka footer-wrapper-decor */

		.page-node-type--hlavni-stranka .footer-wrapper-decor {
			z-index:1 ;
			top: 0;
			height: 130px;
			background-image: url("../images/green-big-bottom.svg");
		}

		.page-node-type--hlavni-stranka .footer-wrapper-decor .footer-wrapper-decor-left {
			height: 8px;
		}

		.page-node-type--hlavni-stranka .footer-wrapper-decor .footer-wrapper-decor-right {
			height: 122px;
		}



		/* -------------------------------------------------  - tablet - rg-blue-top-decor   */



		.rg-blue-top-decor {
			top: -108px;
			height: 184px;
			background-image: url("../images/blue-big-top.svg");
		}

		.rg-blue-top-decor .rg-blue-top-decor--left.rg-blue-top-decor--big {
			height: 23px;
		}

		.rg-blue-top-decor .rg-blue-top-decor--right.rg-blue-top-decor--big {
			height: 184px;
		}



		/* -------------------------------------------------  - tablet - rg-blue-bottom-decor   */


		.rg-blue-bottom-decor {
			bottom: -317px;
			background-image: url("../images/blue-big-bottom.svg");
		}



		.rg-blue-bottom-decor .rg-blue-bottom-decor--left.rg-blue-bottom-decor--big {
			height: 335px;
		}

		.rg-blue-bottom-decor .rg-blue-bottom-decor--right.rg-blue-bottom-decor--big {
			height: 41px;
		}


		/* ------------------------------------------------- - tablet -  rg-white-foto-top-decor  */

		.rg-white-foto-top-decor {
			height: 185px;
			z-index: 2;
			top: 0;
			background-image: url("../images/white-big-bottom_new.svg");
		}

		.rg-white-foto-top-decor .rg-white-foto-top-decor--left.rg-white-foto-top-decor--big {
			height: 81px;
		}

		.rg-white-foto-top-decor .rg-white-foto-top-decor--right.rg-white-foto-top-decor--big {
			height: 21px;
		}

		.rg-white-video .rg-white-content { 
			top: 15px; 
		}

		/* ------------------------------------------------- - tablet - rg-dark-blue-top-decor */

		.rg-dark-blue-top-decor {
			top: -53px;
			height: 60px;
			background-image: url("../images/dark-blue-small-top.svg");
		}


		.rg-dark-blue-top-decor .rg-dark-blue-top-decor--left.rg-dark-blue-top-decor--big {
			height: 60px;
		}

		.rg-dark-blue-top-decor .rg-dark-blue-top-decor--right.rg-dark-blue-top-decor--big {
			height: 26px;
		}


		/* ------------------------------------------------- - tablet - rg-dark-blue-bottom-decor */

		.rg-dark-blue-bottom-decor {
			bottom: -45px;
			background-image: url(../images/dark-blue-small-bottom.svg);
		}

		.rg-dark-blue-bottom-decor .rg-dark-blue-bottom-decor--left.rg-dark-blue-bottom-decor--big {
			height: 54px;
		}

		.rg-dark-blue-bottom-decor .rg-dark-blue-bottom-decor--right.rg-dark-blue-bottom-decor--big { 
			height: 20px;
		}


		/* ------------------------------------------------- - tablet - rg-green-info rg-green-bottom-decor */


		.rg-green-info .rg-green-bottom-decor {
			bottom: -206px;
			background-image: url(../images/green-big-bottom-left.svg);
			height: 214px;
		}


		.rg-green-info .rg-green-bottom-decor .rg-green-bottom-decor--left {
			height: 182px;

		}

		.rg-green-info .rg-green-bottom-decor .rg-green-bottom-decor--right {
			height: 25px;
		}
	}

	@media all and (max-width: 991px) {
		.user-logged-in #main-nav,
		.user-logged-in .region--brand {
			top: 0px;  
		}
	}


	@media all and (max-width: 1250px) {
	.rg-decor {display: none;}
	}
	@media all and (max-width: 992px) {


.paragraph--image.tac img {margin: 0 auto
}

	 
		.flex-partners-item {https://bear.imp-now.cz/sites/default/files/2022-09/5np.svg
			flex: 1 35%;
			max-width: 31.3333%;

		} 

		.youtube-player.pruvodce-slideshow.active .youtube-video {
			width: 98%;
			left: 0;
			margin-left: 1%;
		}


		 

		.rg-blue-life .rg-content {
			padding: 1px 0 1px 0;
		}


		.rg-blue-map .rg-content  {
			padding-right:  0;
		}

  

		.slide-item-node {display: none;}

/*
	.slide-item-node .slide-item-node--left .slide-item-text-and-image,
	.slide-item-node.slide-item-node--top .slide-item-text-and-image,
	.slide-item-node.slide-item-node--right .slide-item-text-and-image,
	.slide-item-node.slide-item-node--bottom .slide-item-text-and-image {
		position: fixed;
		top: 150px;
		bottom: auto;
		right: auto;
		left: 50%;
		margin-left: -160px;
		width: 320px;
		}*/

		.page-node-type--retail-partner .views-field-field-hlavni-fotka {

			padding: 38% 0 0 0;
		}

		.field--name-field-sousedstvi-vyhody.field--items .field--item {
			flex: 1 48%;
			max-width: 48%;
			margin: 1%;
			padding: 10px;


		}


		.slick-item-text p,
		.field--type-text-long p ,
		.field--type-text-long li {
			font-size: 14px;
			line-height: 30px;
		}

		.title-h1 .title-h1-wrapper {
			height: 252px;
			font-size: 45px;

		}

		h2 {
			font-size: 26px;
		}


		h3 {
			font-size: 19px;
		}


		h4 {
			font-size:16px;
		}


		.rg-content.rg-white-life .text-w-1 {
			padding: 0 0 20px 0;
		}

		.text-w-1 {
			float: right;
			width: 100%;
		}

		.field--name-field-image-w1 {
			display:none; 
		}


		.paragraph__content--flex-container.paragraph__content--flex-two > .paragraph {
			-webkit-flex: 1 1 100%;
			-moz-flex: 1 1 100%;
			-ms-flex: 1 1 100%;
			flex: 1 1 100%;
			max-width: 98%;
			margin: 1%;
		}


		.paragraph__content--flex-container.paragraph__content--flex-three > .paragraph {
			-webkit-flex: 1 1 50%;
			-moz-flex: 1 1 50%;
			-ms-flex: 1 1 50%;
			flex: 1 1 50%;
			max-width: 48%;
			margin: 1%;
		}

		.tri-infa .paragraph__content--flex-container.paragraph__content--flex-three > .paragraph {
			-webkit-flex: 1 1 33%;
			-moz-flex: 1 1 33%;
			-ms-flex: 1 1 33%;
			flex: 1 1 33%;
			max-width: 31% ;
			margin: 1%;
		}

	}

	.river-map-mapa-podlazi-instrukce {display: none;}




	.resize .river-map-mapa-podlazi-wrapper {
		overflow-x: scroll; 
		padding: 20px 10px 10px 10px; 
		border: 1px solid #fff; 
		border-radius: 3px;
		margin: 15px 0;
		height: 100%
	}

	.resize .river-map-mapa-podlazi-wrapper-2 {
		position: relative;
		height: calc( 100% - 100px );
	}

	.resize .river-map-mapa-podlazi-wrapper img {
		max-width: initial;
		width: auto;
		height: 100%;
	}

	.page--user-login .user-login-form:after {
		display: block;
		position: relative;
		clear: both;
		content: "";
	}


	.page--user-login .user-login-form label {
   
margin-bottom: 8px;font-weight: bold;
}

	.page--user-login .user-login-form {
   
    width: 95%;
    height: auto;
    margin: 100px auto;
    background: #8dc63f;
    border-radius: 15px;
    color: #fff;
    padding-bottom: 50px;
}

	.page--user-login .user-login-form input.form-text  {
   
    width: 100%;
     
    background: #fff;
    border-radius: 15px;
    color: #222;
}



	@media all and (max-width: 850px) {


		

		.maptab-flex-item.maptab-flex-item-2 {
			flex: 1 100%;
			max-width: 100%;
			margin: 1% 0;
			padding: 10px 20px;
		}

		.patro-pop-inside .river-map-popup {
			position: relative;
			height: 100%;
			padding-bottom: 155px;
		}



		.maptab-flex {justify-content: center;}

		.maptab-flex-item {
			flex: 1 48%;
			max-width: 48%;
			margin: 1% 1% 3% 1%;
		}



		.page-node-type--retail-partner .views-field-field-hlavni-fotka {

			padding: 45% 0 0 0;
		}
		.youtube-player.active .youtube-video {
			width: 95%;
		}


		.youtube-video {
			position: fixed;
			width: 95%;
			height: 0;
			padding: 57% 0 0 0;
			left: 2.5%;
			z-index: 10;
			margin-left: 0;
			top: 200px;
			margin-top: 0;
		}

		

		.tadybudoupatra {
			display: flex;
			flex-wrap: wrap;  
		}

		.svg-budova {
			flex: 1 100%;
			max-width: 100%;
			margin: 0;
			padding:15px 0;
		}

		#svg-budova-1 {
			max-width: 95%;
			position: relative;
		}

		#svg-budova-2 {
			max-width: 95%;
			position: relative;
		}



		.river-map-popup {
			padding: 18px;
		}

		.rg-legenda {
			position: absolute;
			right: auto;
			bottom: 15px;
			width: 100%;
		}

		.rg-legenda > div {
			position: relative;
			width: 100%;
			float: none;
			margin-left: 0;
		}



		.river-map-mapa-podlazi-instrukce {
			position: absolute;
			top: 5px;
			left: 9px;
			color:#fff;
			display: block;
		}


/*
		.river-map-mapa-podlazi-wrapper img {
			max-width: 900px;
			width: 900px;
		}*/
	}

	#svg-budova-m {	
		display: none;
	}

	.paragraph--gallery {position: relative;}

	.kotva {
		position: absolute;
		top: -120px;
		left: 0;	
	}

	@media all and (max-width: 890px) {


		.slick__arrow .slick-prev, .slick__arrow .slick-next {
			bottom: auto;
			height: 80px;
			margin-top: -40px;
			top: 50%;
			width: 50px;  
		}

		.slick__arrow .slick-prev.slick-arrow::after {
			left: 20px;
		}

		.slick__arrow .slick-next.slick-arrow:after {
			
			right: 12px;
			
		}

		.slick__arrow .slick-prev.slick-arrow::after, .slick__arrow .slick-next.slick-arrow:after {
			
			top: 40%;  
		}


		.rg-blue-content .slick-next.slick-arrow, .rg-blue-content .slick-prev.slick-arrow {
			
			top:   50% ;
		}

		#svg-budova-0 {	
			display: none;
		}

		#svg-budova-m {	
			display: block;
		}

		.svg-budova-in {
			padding: 57% 0 0 0;
		}


	}	

	@media all and (max-width: 767px) {

		.rg-retail .slick__arrow .slick-prev,
		.rg-retail .slick__arrow .slick-next {
			top: 20%;
		}


		.rg-white-video {
			position: relative;
			padding: 52% 0 0 0;
		}

		.svg-budova-in {
			position: relative;
			width: 100%;
			overflow: hidden;
			height: 0;
			padding: 65% 0 0 0;
		}

		.svg-budova-in > svg {
			position: absolute;
			top: 0;
			left: -435px;
			margin-left: 50%;
			width: 870px;
		}



		#block-prepinacjazyka {
			/*top: 24px;*/
			top: 38px;
			right: 92px;

		}

		.icon--burger {
			position: absolute;
			/*top: 18px;*/
			top: 29px;
			right: 16px;
			width: 60px;
			height: 95px;
		}


		.language-link.is-active {font-size: 30px;}
		.language-link {font-size: 20px;}

		.flex-partners-item {
			flex: 1 50%;
			max-width: 48%;

		} 

 


		.rg-blue-map .rg-decor {
			left: auto;
			right: -6px;
		}

		.icon--burger__top, 
		.icon--burger__center, 
		.icon--burger__bottom {
			width: 45px;
			height: 6px;
			position: absolute;
		}



		.small-slide-title {

			line-height: 25px;
			font-size: 16px;
			margin-top: 15px;
		}


		.slick--view--lifestyle {
			width: 70%;
			margin: 45px auto 45px auto;
		}

		.region--footer {flex-wrap: wrap;}
		.region--footer > div {
			flex: 1 98%;
			max-width: 98%;
			margin: 1%;
		}

		.contanct-flex {margin:0;}
		.contanct-flex-item{
			flex: 1 98%;
			max-width: 98%;
			margin: 1%;
			padding: 0;
		}



		.flex-50-item {
			flex: 1 100%;
			max-width: 100%;
			width: 100%;
		}

		.page-node-type--retail-partner .views-field-field-hlavni-fotka {

			padding: 60% 0 0 0;
		}


		.page-node-type--retail-partner .views-field-field-hlavni-fotka img {
			position: absolute;
			height: 100%;
			width: auto;
			top: 0;
			left: 0;
		}

		.smgalery .field--name-field-images > .field--item, 
		.smgallery .field--name-field-images > .field--item,
		.field--name-field-images > .field--item {
			-webkit-flex: 1 48%;
			-moz-flex: 1 48%;
			-ms-flex: 1 48%;
			flex: 1 48%;
			margin: 1%;
			max-width: 48%;
		}
	}

	/*
@media all and (max-width: 767px) and (min-width: 399px) {

	.field--name-field-images > .field--item a {
		display: block;
		width: 100%;
		position: relative;
		height: 0;
		padding: 100% 0 0 0 ;
		overflow: hidden;
	}

	.field--name-field-images > .field--item a img {
		display: block;
		top: 0;
		left: 0;
		position: absolute;
		width: 100%; 
		height: auto;
	}
	}*/

	@media all and (max-width: 650px) {

		.svg-budova-in {
			padding: 100% 0 0 0;
		}



		.paragraph__content--flex-container.paragraph__content--flex-three > .paragraph {
			-webkit-flex: 1 1 100%;
			-moz-flex: 1 1 100%;
			-ms-flex: 1 1 100%;
			flex: 1 1 100%;
			max-width: 98%;
			margin: 1%;
		}



		.slick--view--main-photo--main-photo .views-field-field-hlavni-fotka {
			position: relative;
			z-index: 1;
			width: 100%;
			height: 0;
			padding-bottom: 100%;
			overflow: hidden;
		}

		.slick--view--main-photo--main-photo .views-field-field-hlavni-fotka img {
			position: absolute;
			height: 100%;
			width: auto;
			max-width: initial;
			top: 0;
			left: 50%;
			margin-left: -370px;
		}

		.slick--view--main-photo--main-photo .views-field-field-body-na-fotce {
			display: none;
		}


	}


	@media all and (max-width: 550px) {

		.map-item-text-and-image {
			width: 95%;
			margin: 0 auto;
			padding: 10px 0;
		}


		.maptab-flex-item {
			flex: 1 98%;
			max-width: 98%;
			margin: 1% 1% 3% 1%;
		}




		.page-node-type--retail-partner .views-field-field-hlavni-fotka {

			padding: 80% 0 0 0;
		}

		

		.slick-item-text p  {
			font-size: 16px;
			line-height: 30px;

		}
	}


	@media (max-width: 768px) {
		.rg-white-video .rg-white-foto-top-decor ,
		.rg-dark-blue-top-decor {
			height: 0;
		}
	}


	@media all and (max-width: 540px) {





		.maptabs-tab a {margin-bottom: 10px}

		.rg-retail .rg-white2-title  .rg-white2-decor {
			
			top: calc(88% - 3px);
			
		}


		.hlavni-stranka-content .views-element-container {
			margin-top: -15px;
		}



		.flex-partners-item {
			flex: 1 100%;
			max-width: 98%;

		} 


		.tri-infa  .paragraph__content--flex-container.paragraph__content--flex-three > .paragraph {
			-webkit-flex: 1 1 50%;
			-moz-flex: 1 1 50%;
			-ms-flex: 1 1 50%;
			flex: 1 1 50%;

			max-width: 48%;
			margin: 1%;
		}

		.field--name-field-sousedstvi-vyhody.field--items .field--item {
			flex: 1 98%;
			max-width: 98%;
			margin: 1%;
			padding: 10px;
		}

	}

	@media all and (max-width: 470px) {


.contanct-flex-item   table.zalomit > tbody > tr > td {
	display: block	;
	width: 	100%;
}

		.region--brand {
			
			background-position: 0px 100%;
		}

		#block-tpp-main-menu {
			position: fixed;
			top: 90px;
			right: 50%;
			width: 360px;
			margin-right: -180px;
			overflow: hidden;
		}
		.slick--view--main-photo--main-photo {

			margin-top: 70px;
		}


		.slick--view--main-photo--main-photo .views-field-field-hlavni-fotka:after {
			height: 130px;
		}

		.slick--view--main-photo--main-photo .views-field-field-hlavni-fotka {


			padding-bottom: 125%;

		}

		.slick--view--main-photo--main-photo .views-field-field-hlavni-fotka img {

			margin-left: -400px;
		}
	}


	@media all and (max-width: 420px) {

		.svg-budova-in {
			padding: 120% 0 0 0;
		}
	}

	@media all and (max-width: 380px) {

		.svg-budova-in {
			padding: 135% 0 0 0;
		}
	}
	@media all and (max-width: 400px) {


		.field--name-field-images > .field--item {
			-webkit-flex: 1 98%;
			-moz-flex: 1 98%;
			-ms-flex: 1 98%;
			flex: 1 98%;
			margin: 1%;
			max-width: 98%;
		}


	}