/**
Theme Name: ruza
Author: Netblue s.r.o.
Author URI: https://www.netblue.sk
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ruza
Template: astra
*/

/* General */

html, body {
	max-width: 100vw;
	overflow-x: hidden;
}
#primary {
    margin: 35px 0;
}

/* Logo */

#main-logo {
  width: 20vw; 
  height: 20vw; 
  border-top: 26vw solid transparent;
  border-bottom: 26vw solid transparent;
  
  border-right: 20vw solid #a80906;
	transform: rotate(50deg);
	position: absolute;
top: -20vw;
	left: -8vw;
	z-index: 2;
}
#main-logo:after {
	width: 40vw;
	height: 20px;
	background: url("/wp-content/uploads/logo_tears.png");
	background-size: contain;
	background-repeat: repeat-x;
		transform: rotate(-90deg);
	content: '';
	position: absolute;
	bottom: 35px;
	left: 8px;
	z-index: 3;
}

#logo-wrap {
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 3;
}
#logo-wrap img {
	height: 8vw;
	width: 8vw;
}

.elementor-text-editor p a {
	color: #333333;
}

/* Logo + navbar responzivita */

@media screen and (max-width: 1024px){
	#main-logo {
  width: 60px; 
  height: 60px; 
  border: none !important;
	position: absolute;
top: 0;
	left: 0;
	z-index: 2;
		transform: rotate(0deg);
}
	#main-logo:after {
		background: none !important;
		display: none;
	}
	
	#logo-wrap {
		top: 0;
		left: 0;
		width: 120px;
		height: 60px;
		padding: 0 10px;
		background: #a80906;
		z-index: 9999;
		position: fixed
	}
	
	#logo-wrap img {
		width: 60px;
		height: 60px;
		float: right;
	}
	#navbar {
		background: rgba(255,255,255,0.9); 
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
	}
	ul#menu-hlavne-menu {
		display: none;
	}
}

/* Hero */

#hero_main, #main-header {
	transition: height 0.6s, max-height 0.6s;
}
#hero_main:after {
	width: 100%;
	height: 80px;
		content: '';
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
		background: url("/wp-content/uploads/content-separator_white.png");
	background-size: contain;
	background-repeat: repeat-x;
	background-position: bottom center;
}

#infotab span {
	color: white;
	font-size: 24px;
	line-height: 40px;
}
#infotab span strong.highlight {
	background: white;
	color: #a80906;
	font-size: 22px;
	line-height: 25px;
	padding: 0 10px;
	margin: 5px;
}

@media screen and (max-width: 600px){
	#infotab span {
	font-size: 20px;
}
#infotab span strong.highlight {
	font-size: 18px;
}
}

/* Hero podstránka */

#subpage_subheading h2 {
	margin: 0 !important;
	color: #484848;
	font-weight: 400;
	font-family: 'Roboto Slab';
	text-transform: none;
	font-size: 30px;
}

@media screen and (max-width: 1024px){
	#subpage_logo img {
		height: 60px;
	}
}

#subp_logo {
	position:relative;
	background: linear-gradient(to top left,transparent 50%, #A80906 51%) right/15.5% 100% no-repeat,
  linear-gradient(#A80906,#A80906) left/85% 100% no-repeat;
}

/* Hlavné menu */

#navbar ul {
	list-style-type: none;
	text-align: right;
	margin: 0 25px 0 0;
	font-size: 0px;
}
#navbar ul li {
	display: inline-block;
	height: 80px;
	position: relative;
	z-index: 1;
	margin: 0 2px;
}

#navbar ul li:after {
	position: absolute;
	display: block;
	content:'';
	width: 100%;
	height: 1px;
	background: #a80906;
	top: 0;
  left: 0;
  bottom: 0;
  right: 0;
	margin: auto;
	z-index: -1;
	transition: all .5s;
	opacity: 0;
	visibility: none;
}

 #navbar ul li:hover:after {
	height: 50%;
	opacity: 0.6;
	 visibility: visible;
	 transition: all .5s;
}


#navbar ul li a {
	display: block;
	line-height: 80px;
	padding: 0 10px;
	text-transform: uppercase;
	font-weight: 600;
	color: #a80906;
	font-size: 14px;
	letter-spacing: 1px;
}
#navbar ul li.current-menu-item {
	
}

#navbar ul li.current-menu-item>a, #navbar ul li.current-page-ancestor>a {
	color: #ffffff;
}
#navbar ul li.current-menu-item:after, #navbar ul li.current-page-ancestor:after {
	height: 50% !important;
	opacity: 1 !important;
	 visibility: visible !important;
	 transition: all .5s !important;
}

#navbar ul li ul.sub-menu li.current-menu-item:after {
	background: #484848;
}

#navbar ul li:hover a {
	color: #eeeeee;
}


#navbar ul li.menu-item-has-children {
	position: relative;
}
#navbar ul li ul.sub-menu {
	display: block;
	height: auto;
	max-height: 0px;
	overflow: hidden;
	width: 180px;
	position: absolute;
	top: 100%;
	left: 0;
	background: #a80906;
	border-top: 2px solid #ffffff;
	opacity: 0;
	transition: max-height 1s, opacity 1s;
	padding: 0;
	margin: 0;
}
#navbar ul li ul.sub-menu li {
	display: block;
	text-align: center;
	width: 100%;
	margin: 0;
	line-height: 40px !important;
	height: auto;
	background: rgba(255,255,255,0.0);
}
#navbar ul li ul.sub-menu li:after {
	display: none;
}
#navbar ul li ul.sub-menu li a {
	line-height: 40px;
	height: auto;
	color: #ffffff !important;
	padding: 4px 0;
	font-size: 13px;
}
#navbar ul li.menu-item-has-children:hover ul.sub-menu li a {
	color: #a80906;
}
#navbar ul li.menu-item-has-children:hover ul.sub-menu li.current-menu-item a {
	background: rgba(0,0,0,0.1);
	color: #ffffff;
}
#navbar ul li.menu-item-has-children:hover ul.sub-menu {
	opacity: 1;
	max-height: 200px;
	height: auto;
	top: 100%;
	transition: max-height 1s, opacity 1s;
}
#navbar ul li.menu-item-has-children ul.sub-menu li:hover a {
	color: #ffffff;
	background: rgba(255,255,255,0.1);
}

/* Mobilne menu - hamburger */
.hamburger {
	height: 60px;
	float: right;
  padding: 10px 10px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; background: transparent;}
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

.hamburger-box {
  width: 40px;
  height: 30px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

.hamburger-label {
    font-weight: 600;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    text-transform: uppercase;
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: .13s
}

.hamburger--collapse .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--collapse.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
    opacity: 0
}

.hamburger--collapse.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
    transform: rotate(-90deg)
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: .13s
}

.hamburger--collapse-r .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, -10px, 0) rotate(45deg)
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
    opacity: 0
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
    transform: rotate(90deg)
}
@media screen and (min-width: 1025px){
	#mob-menu, #mob-menu_btn {
		display: none;
	}
}

/* Mobilne menu - menu */

#mob-menu {
	position: fixed;
	min-height: 0;
	max-height: 0;
	height: auto;
	overflow: hidden;
	opacity: 0;
	width: 100%;
	background: rgba(0,0,0,0.9);
	margin: 60px 0 0 0;
	padding: 0;
	transition: opacity .8s, min-height .8s, max-height .8s; 
	z-index: 999;
}
#mob-menu.active-mob-menu {
	min-height: 100vh;
	max-height: none;
	height: auto;
	opacity: 1;
		transition: opacity .8s, max-height .8s, max-height .8s; 
}
ul#menu-mobilne-menu {
	display: block;
	width: 70%;
	margin: 20% 15% 0 15%;
	list-style-type: none;
	text-align: center;
}
ul#menu-mobilne-menu li ul.sub-menu {
	list-style-type: none;
	margin: 0;
	border-left: 4px solid #a80906;
	max-height: 0;
	height: auto;
	overflow: hidden;
	transition: max-height .9s;
}
ul#menu-mobilne-menu li.menu-item-has-children:hover ul.sub-menu, ul#menu-mobilne-menu li.menu-item-has-children.current-menu-item ul.sub-menu, ul#menu-mobilne-menu li.menu-item-has-children.current-page-ancestor ul.sub-menu  {
	max-height: 100vh;
	transition: max-height .9s;
}
ul#menu-mobilne-menu li {
	margin: 5px 0;
	position: relative;
}
ul#menu-mobilne-menu li ul.sub-menu li {
	background: rgba(255,255,255,0.1);
	margin: 1px 0
}
ul#menu-mobilne-menu li a {
	display: block;
	color: #ffffff;
	font-size: 20px;
	font-family: 'Roboto Slab', sans-serif;
	text-transform: uppercase;
	padding: 2px 0;
}
ul#menu-mobilne-menu>li:hover>a {
	background: rgba(168, 9, 6, 0.7);
}
ul#menu-mobilne-menu>li ul.sub-menu li:hover>a {
	background: rgba(168, 9, 6, 0.7);
}
ul#menu-mobilne-menu>li.current-menu-item>a, ul#menu-mobilne-menu>li.current-page-ancestor>a {
	background: #a80906;
}
ul#menu-mobilne-menu>li ul.sub-menu li.current-menu-item>a {
	background: #484848;
}

ul#menu-mobilne-menu li.menu-item-has-children:after {
	content:'+';
	position: absolute;
	color: #ffffff;
	right: 15px;
	top: 0;
	font-size: 22px;
}

/* O projekte - uvod */

.img-fancy_l, .img-fancy_r {
	position: relative;
	z-index: 2;
}
.img-fancy_l:before, .img-fancy_r:before {
	position: absolute;
	z-index: 0;
	content: '';
	width: 10vw;
	height: 10vw;
	background: #a80906;
	opacity: 0.85;
}
.img-fancy_l:after, .img-fancy_r:after {
	position: absolute;
	z-index: -1;
	content: '';
	width: 100%;
	height: 100%;
	background: #333;
	opacity: 0.9;
	display: none
}
.img-fancy_l:before {
	bottom: -15px;
	right: -15px;
}
.img-fancy_r:before {
	top: -15px;
	left: -15px;
}
.img-fancy_l:after {
	top: -15px;
	left: -15px;
}
.img-fancy_r:after {
	bottom: -15px;
	right: -15px;
}

/* Uvod novinky */

#novinky:before {
	width: 100%;
	height: 80px;
		content: '';
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
		background: url("/wp-content/uploads/content-separator_white.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom center;
}

/* Ponuka bytov - uvod */
#ponuka-left .elementor-column-wrap, #mapwrap  {
	position: relative;
	z-index: 1;
}
#ponuka-left .elementor-column-wrap:before {
	position: absolute;
	z-index: 2 !important;
	content: '';
	width: 110px;
	height: 110px;
	background: #a80906;
	background-image: url("/wp-content/uploads/ruza-logo_transparent-min.png");
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: bottom right;
	border: 5px solid #ffffff;
	border-radius: 0;
	opacity: 1;
	top: -25px;
	left: -25px;
}

@media screen and (max-width: 1024px){
	#ponuka-left .elementor-column-wrap:before {
		display: none;
	}
}

/* Uvod financovanie */

#financovanie_list i.fa-circle {
	position: relative;
}

#financovanie_list i.fa-circle:after {
	position: absolute;
	width: 100%;
	height: auto;
	padding: 10px 0 10px 0;
	font-size: 20px;
	z-index: 3;
	font-family:'Roboto Mono';
	text-align: center;
	left: 0;
	color: #ffffff;
}
#financovanie_list .elementor-icon-list-item:first-child i.fa-circle:after {
	content:'1';
}
#financovanie_list .elementor-icon-list-item:nth-child(2) i.fa-circle:after {
	content:'2';
}

/* Uvod galeria */
#galeria_uvod .elementor-image {
	overflow: hidden;
	max-height: 150px;
}
#galeria_uvod img {width: 25vw !important; height: auto; }

@media screen and (max-width: 1024px){
	#galeria_uvod .elementor-image {
	overflow: hidden;
	max-height: 200px !important;
}
#galeria_uvod img {width: 50vw !important; height: auto; }
}

@media screen and (max-width: 767px){
	#galeria_uvod .elementor-image {
	overflow: hidden;
	max-height: 90px !important;
}
#galeria_uvod img {width: 100vw !important; height: auto; }
}


body.page-template .elementor-element-20728ad {
    width: 100% !important;
}
body.page-template .elementor-element-35512a2 {
    display: none !important;
}

/* Cennik */


table#ponuka-bytov-cennik {
	font-size: 14px;
}

table#ponuka-bytov-cennik thead tr {
	background: #555555;
	color: white;
	font-weight: 600;
}

table#ponuka-bytov-cennik td {
	vertical-align: middle;	
}

tr.separator {
	background: #eeeeee;
}

table#ponuka-bytov-cennik a {
	font-weight: 600;
	color: #555555;
	text-decoration: underline;
}

table#ponuka-bytov-cennik tr, table#ponuka-bytov-cennik td.cislo-bytu {
	transition: background .4s;
}
table#ponuka-bytov-cennik tr.byt-entry.byt-stav-1:hover {
	background: #daf7d7;
	cursor: pointer;
}
table#ponuka-bytov-cennik tr.byt-entry.byt-stav-2:hover {
	background: #f7d0b7;
	cursor: not-allowed;
}

table#ponuka-bytov-cennik tr.byt-entry:hover td.cislo-bytu {
	background: rgba(0,0,0,0.1);
}

table#ponuka-bytov-cennik td {
	text-align: center;
}
table#ponuka-bytov-cennik td.cislo-bytu {
	padding: 0;
}
table#ponuka-bytov-cennik td.cislo-bytu a {
	display: block;
	text-align: center;
	line-height: 20px;
	padding: 11px 0;
}
table#ponuka-bytov-cennik td.stav-bytu-1 {
	font-weight: bold;
	color: #ffffff;
	background: #007000;
}
table#ponuka-bytov-cennik td.stav-bytu-2 {
	font-weight: 400;
	color: #ffffff;
	background: #a80808;
}

@media screen and (max-width: 767px){
	table#ponuka-bytov-cennik tr td:nth-child(4) {
		display: none;
	}
}
@media screen and (max-width: 600px){
	table#ponuka-bytov-cennik td {
		font-size: 12px;
		vertical-align: middle;
		padding: 8px 4px;
	}
	table#ponuka-bytov-cennik td:nth-child(2) {
		display: none;
	}
		table#ponuka-bytov-cennik tr td:nth-child(7) {
		display: none;
	}
	table#ponuka-bytov-cennik tr.byt-stav-1 td:nth-child(1) {
		background: #007000;
		color: white;
	}
		table#ponuka-bytov-cennik tr.byt-stav-1 td:nth-child(1) a {
		color: white;
	}
		table#ponuka-bytov-cennik tr.byt-stav-2 td:nth-child(1) {
		background: #a80808;
		color: white;
	}
		table#ponuka-bytov-cennik tr.byt-stav-2 td:nth-child(1) a {
		color: white;
	}
}

/* Stránka bytu */

article.byt .row {
	display: block;
	float: left;
	width: 100%;
clear: both;
		margin-bottom: 25px;
	height: auto;
}

.row.byt-first-row {
	background: #ffffff;
	padding: 2px 3px;
	border: 1px solid #dddddd;
		border-radius: 40px;
}
.row.byt-text {
	padding: 0 25px;
	margin-bottom: 0!important;
}
.row.byt-text p {
	text-align: justify;
}
.row.byt-first-row .col {
	display: inline-block;
	width: 24.2%;
	text-align: center;
	padding: 3px 0;
	margin: 0.4% 0.4%;
	background: #dddddd;
	border-radius: 25px;
}

.row.byt-first-row .col.byt_volny {
	background: #007000 !important;
	color: #ffffff;
}
.row.byt-first-row .col.byt_predany {
	background: #555555 !important;
	color: #ffffff;
}

.row.byt-first-row .col {
	font-weight: 400;
	color: #333333;
}
.row.byt-first-row .col strong {
	font-weight: 600;
}
.col.byt-cena small {
	font-weight: 400;
}

.col {
	display: inline-block;
	margin: 0;
	padding: 0;
	float: left;
}
.col.byt-podorys {
	width: 65%;
	padding: 0px 20px;
	margin-top: 0px;
	position: relative;
}
.col.byt-podorys.byt_volny:after {
	position: absolute;
	content:'';
	width: 120px;
	height: 120px;
	background: #ffffff url("/wp-content/uploads/ruza_kompas-min.png");
	background-size: 80%;
	background-position: center center;
	background-repeat: no-repeat;
	bottom: -30px;
	left: -30px;
	border-radius: 50%;
	border: 1px solid #dddddd;
	transition: transform 1.4s;
}
.col.byt-podorys:hover:after {
	transform: rotateY(360deg);	
}
.col.byt-podorys img {
	padding: 20px;
	border: 1px solid #dddddd;
	box-sizing: border-box;
	cursor: zoom-in;
	transition: all .4s;
	position: relative;
}
.col.byt-podorys img:hover {
	opacity: 0.7;
	box-shadow: 0 0 10px #dddddd;
}
.col.byt-podorys.byt_predany:after {
	position: absolute;
	content:'Predaný';
	font-family: 'Roboto slab';
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 120px;
	width: 120px;
	height: 120px;
	background: #a80906;
	bottom: -30px;
	left: -30px;
	border-radius: 50%;
	transition: transform 1.4s;
}
.col.byt-obsah {
	width: 35%;
	padding: 15px 15px;
	background: #eeeeee;
	color: #ffffff;
	margin-top: 0px;
}

/* Stránka bytu - tabulka */

table#byt_proporcie {
	border-color: rgba(255,255,255,0.5);
	font-size: 16px;
	margin: 0;
}
table#byt_proporcie thead {
	background: #a80906;
}
table#byt_proporcie thead td {
	padding: 20px 10px;
	border-color: rgba(255,255,255,0.5);
	vertical-align: middle;
}
table#byt_proporcie tbody td {
	padding: 4px 10px;
	border-color: rgba(0,0,0,0.2);
	background-color: #ffffff;
	color: #444444;
}
table#byt_proporcie td:first-child {
	text-align: center;
	padding: 6px 10px;
}
table#byt_proporcie p {
	margin: 0;
	text-transform: lowercase;
}
table#byt_proporcie tfoot td {
	padding: 8px 10px;
	border-color: rgba(0,0,0,0.2);
	background-color: #ffffff;
	color: #111111;
}
table#byt_proporcie td:first-child p.s4 {
	font-weight: 600;
	color: #333333;
}
@media screen and (max-width: 1024px){
    .col.byt-podorys {
        width: 50%;
    }
    .col.byt-obsah {
        width: 50%;
    }
}
@media screen and (max-width: 850px){
    .col.byt-podorys {
        width: 100%;
        padding: 0;
    }
    .col.byt-obsah {
        width: 100%;
        margin-top: 25px;
    }
    .col.byt-podorys.byt_volny:after {
        width: 80px;
        height: 80px;
        bottom: -15px;
        left: -15px;
    }
}

/* Stránka bytu - tlačidlá */

a.byt-button {
	display: block;
	text-align: center;
	background: #555555;
	border: 1px solid #555555;
	margin-top: 15px;
	padding: 10px;
	color: #ffffff;
	font-weight: 400;
	font-family: 'Roboto Slab';
}
a.byt-button:hover {
	background: transparent;
	color: #555555;
}


/* Stránka bytu - navigácia */

.byt-nav {
	margin: 0;
	padding: 0;
	text-align: right !important;
	font-size: 24px;
	width: auto;
}

.byt-nav a {
	display: inline-block;
	overflow: visible;
	padding: 9px 15px;
	font-size: 17px;
	font-weight: 400;
	color: #333333;
	margin-right: 1px;
	background: linear-gradient(180deg, #e9e9e9, rgba(255,255,255,0));
}
.byt-nav a:hover {
	background: linear-gradient(180deg, #e9e9e9, rgba(168, 9, 6, 0.1));
}

@media screen and (max-width: 768px){
    #primary {
        margin: 0;
    }
    #subpage_subheading h2 {
        text-align: center !important;
        font-size: 22px;
    }
    .row.byt-first-row .col {
        width: 49.2%;
    }
    .byt-nav a {
        width: 32.53%;
        text-align: center;
        font-size: 14px;
    }
    body.archive .byt-nav a {
        width: 24.2%;
        text-align: center;
        font-size: 14px;
    }
    body.archive .byt-nav a:nth-child(5){
        width: 100%;
    }
    .row.byt-first-row {
        border-radius: 25px;
        padding: 10px;
    }
    .row.byt-text {
        padding: 0 10px;
    }
    .col.byt-obsah {
        padding: 0;
        margin-top: 40px;
    }
}
@media screen and (max-width: 425px){
    .row.byt-first-row .col {
        width: 99.2%;
    }
}

/* Kontaktný formulár */

.wpcf7-form br {
	font-size: 0 !important;
	display: none;
}
.wpcf7-form span, .wpcf7-form i {
	color: #777777;
}
.cf-bottom-row {
	margin-bottom: 0;
}
.cf-bottom-row i  {
	position: relative;
	float: left;
	margin-top: -20px !important;
	line-height: 20px !important;
	font-size: 13px;
	letter-spacing: 0.2px;
	text-align: justify;
}

.wpcf7-form input.wpcf7-text, .wpcf7-form textarea {
	padding: 10px;
	font-size: 13px;
	background: #ffffff;
}
.wpcf7-form input.wpcf7-text {
	margin-bottom: 5px;
}
.wpcf7 form>p {
	margin-bottom: 10px !important;
}
.wpcf7-form input.wpcf7-submit {
	display: block;
	width: 100%;
	background: #a80906;
	border: 1px solid #a80906;
	transition: all .4s;
	color: #ffffff;
	padding: 8px;
	margin-top: 10px;
}
.wpcf7-form input.wpcf7-submit:hover {
	background: transparent;
	color: #a80906;
	transition: all .4s;
}
.wpcf7-form input[aria-invalid="true"], .wpcf7-form textarea[aria-invalid="true"]{
	border-color: red !important;
}
.wpcf7-form textarea {
	max-width: 100% !important;
	min-width: 100% !important;
	height: auto;
	transition: all .3s;
	max-height: none;
}
div.wpcf7-response-output {
	margin: 0;
	text-align: center;
	font-size: 13px;
	color: #555;
}

/* Podlažia */

#mapwrap {
	position:relative;
}
span.byt-label {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	font-weight: 600;
	color: #ffffff;
	background: #484848;
	padding: 1px 4px;
	font-size: 10px;
}
@media screen and (max-width: 600px){
	span.byt-label {
		transform: scale(0.8) !important;
	}
}
/*2np*/
.byt-labe-2-1 {
	top: 80% !important;
	left: 3% !important;
}
.byt-labe-2-2 {
	top: 59% !important;
	left: 3% !important;
}
.byt-labe-2-3 {
	top: 59% !important;
	left: 22.5% !important;
}
.byt-labe-2-4 {
	top: 80% !important;
	left: 22.5% !important;
}
.byt-labe-2-5-6 {
	top: 80% !important;
	left: 36% !important;
}
.byt-labe-2-7 {
	top: 59% !important;
	left: 55.5% !important;
}
.byt-labe-2-8 {
	top: 80% !important;
	left: 55.5% !important;
}
.byt-labe-2-9 {
	top: 38% !important;
	left: 77% !important;
}
.byt-labe-2-10 {
	top: 38% !important;
	left: 87% !important;
}
.byt-labe-2-11 {
	top: 79% !important;
	left: 77% !important;
}
/*3np*/
.byt-labe-3-1 {
	top: 80% !important;
	left: 3% !important;
}
.byt-labe-3-2 {
	top: 59% !important;
	left: 3% !important;
}
.byt-labe-3-3 {
	top: 59% !important;
	left: 22.5% !important;
}
.byt-labe-3-4 {
	top: 80% !important;
	left: 22.5% !important;
}
.byt-labe-3-5 {
	top: 59% !important;
	left: 36% !important;
}
.byt-labe-3-6 {
	top: 80% !important;
	left: 36% !important;
}
.byt-labe-3-7 {
	top: 59% !important;
	left: 55.5% !important;
}
.byt-labe-3-8 {
	top: 80% !important;
	left: 55.5% !important;
}
.byt-labe-3-9 {
	top: 38% !important;
	left: 77% !important;
}
.byt-labe-3-10 {
	top: 38% !important;
	left: 87% !important;
}
.byt-labe-3-11 {
	top: 79% !important;
	left: 77% !important;
}
/*4np*/
.byt-labe-4-1 {
	top: 80% !important;
	left: 3% !important;
}
.byt-labe-4-2 {
	top: 80% !important;
	left: 23% !important;
}
.byt-labe-4-3 {
	top: 80% !important;
	left: 41% !important;
}
.byt-labe-4-4 {
	top: 80% !important;
	left: 56% !important;
}
.byt-labe-4-6 {
	top: 38% !important;
	left: 77.5% !important;
}
.byt-labe-4-5 {
	top: 78% !important;
	left: 77.5% !important;
}