html, body { height: 100%; margin: 0px; position: relative; font-family: "scandia-web",sans-serif, 'Open Sans', sans-serif; }
body { background: rgba(242, 242, 242, 1); }
div { font-family: "scandia-web",sans-serif, 'Open Sans', sans-serif; font-size: 16px; color: #144673; }

a { color: #144673; text-decoration: none; }
a:hover { color: #144673; text-decoration: none; }
a:focus { color: #144673; text-decoration: none; }
h1 { font-family: "scandia-web",sans-serif; font-size: 42px; font-weight: 900; color: #144673; line-height: 1.4; margin-top: 0px; margin-bottom: 20px; }
	body.product h1, body.user h1 { font-size: 36px; }
h2 { font-family: "scandia-web",sans-serif; font-size: 42px; font-weight: 700; color: #144673; line-height: 1.4; margin-top: 0px; margin-bottom: 20px; }
h3 { font-family: "scandia-web",sans-serif; font-size: 24px; font-weight: 900; color: #144673; margin-top: 0px; margin-bottom: 20px; }
h4 { font-family: "scandia-web",sans-serif; font-size: 20px; font-weight: 900; color: #144673; margin-top: 0px; margin-bottom: 20px; }
h5 { font-family: "scandia-web",sans-serif; font-size: 18px; font-weight: 900; color: #144673; margin-top: 0px; margin-bottom: 20px; line-height: 1.4; }

a, input, textarea, .section, #footer { -webkit-transition: 100ms ease-in-out; -moz-transition: 100ms ease-in-out; -ms-transition: 100ms ease-in-out; -o-transition: 100ms ease-in-out; transition: 100ms ease-in-out; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.noscroll { overflow: hidden; }
.color1, a.color1 { color: #D9B596; }
.color2, a.color2 { color: #EC008C; }
.white, a.white { color: #FFFFFF; }
.red, a.red { color: #E40048; }
	.bg-red { background: #E40048; }
.blue, a.blue { color: #144673; }
	.bg-blue { background: #144673; }
.black, a.black { color: #000000; }
.gray, a.gray { color: #DFDFDF; }
.green { color: #CDD310; }
	.bg-green { background: #CDD310; }
.brown-light { color: #D9B596; }

.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs24, .fs-lg { font-size: 24px; }
.fs-xl { font-size: 42px; }
.selected { font-weightx: 600; }
.bold { font-weight: 600; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw800 { font-weight: 800; }
.fw900 { font-weight: 900; }
.typcn.typcn-2x { font-size: 30px; }
.typcn.typcn-3x { font-size: 30px; }
.cursor { cursor: pointer; }

.btn-bjm { display: inline-block; padding: 6px 30px; border: 3px solid #000000; border-radius: 20px; background: #000000; color: #FFFFFF; text-transform: uppercase; }
	.btn-bjm.sm { padding: 4px 20px; font-size: 14px; }
	.btn-bjm:hover { background: #FFFFFF; color: #000000; }
.btn-vg-dark { display: inline-block; padding: 12px 30px; background: #2E241F; border-radius: 33px; color: #FFFFFF; text-transform: uppercase; font-weight: 500; box-shadow: none; border: none; }
	.btn-vg-dark.sm { padding: 10px 12px; }
	.btn-vg-dark:hover { color: #CDD310; }
.btn-cbd-dark { display: inline-block; padding: 12px 30px; background: #6A3668; border-radius: 33px; color: #FFFFFF; text-transform: uppercase; font-weight: 500; box-shadow: none; border: none; }
	.btn-cbd-dark.sm { padding: 10px 12px; }
	.btn-cbd-dark:hover { color: #83BA3B; }
.btn-cbd-red { display: inline-block; padding: 12px 30px; background: #EC5F5D; border-radius: 33px; color: #FFFFFF; text-transform: uppercase; font-weight: 500; box-shadow: none; border: none; }
	.btn-cbd-red.sm { padding: 10px 12px; }
	.btn-cbd-red:hover { color: #83BA3B; }
.btn-white-bordered { display: inline-block; padding: 10px; background: #FFFFFF; border: 1px solid #2E241F; border-radius: 0px; color: #2E241F; text-transform: uppercase; font-size: 14px; margin-bottom: 5px; }
	.btn-white-bordered.sm { padding: 5px 10px; }
.btn-blue { display: inline-block; padding: 10px; background: #2E241F; border: 1px solid #2E241F; border-radius: 0px; color: #FFFFFF; text-transform: uppercase; font-size: 14px; margin-bottom: 5px; }
	.btn-blue.sm { padding: 5px 10px; }
	.btn-blue:hover { color: #CDD310; }
.btn-do-kosika, .btn-red { width: 250px; height: 44px; background: rgba(205, 211, 16, 1); display: inline-block; border: none; font-weight: 600; text-transform: uppercase; padding: 10px 25px; text-align: center; cursor: pointer; }
	.btn-do-kosika:hover, .btn-red:hover { colorx: #FFFFFF; }
	.btn-red { width: auto; }
	.btn-do-kosika.sm { width: auto; height: auto; background: rgba(205, 211, 16, 1); display: inline-block; border: none; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 8px 12px; text-align: center; }
	.btn-do-kosika.inactive { cursor: not-allowed; background: #DDDDDD; }
.btn-viac-info { background: #9DD455; box-shadow: inset 0 0 0 0 #9DD455; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; transition: all ease 0.2s; }
.btn-viac-info:hover { box-shadow: inset 240px 0 0 0 #83BA3B; colorx: #9DD455; }
.btn-social {
	padding: 25px 15px; color: #000000; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; text-align: center;
	background: rgb(191,227,211);
}
.mb200 { margin-bottom: 200px; }
.small-text { letter-spacing: 2px; font-size: 12px; }
.ls-2 { letter-spacing: 2px; }
.p-inline p { display: initial; }
.ptb5 { padding-top: 5px; padding-bottom: 5px; }
.ptb10 { padding-top: 10px; padding-bottom: 10px; }

.anim { transition: all .50s ease-in-out; }
.anim-fast { transition: all .20s ease-in-out; }
.anim-slow { transition: all .80s ease-in-out; }

.form-control { background: #FFFFFF; border: none; border-radius: 20px; }
	#kontaktForm .form-control { border: none; border-radius: 0px; }
input:focus {
    outline: none;
}
.caret { border-top: 8px solid; border-right: 8px solid transparent; border-left: 8px solid transparent; }

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 50s linear infinite;
  -moz-animation: rotating 50s linear infinite;
  -ms-animation: rotating 50s linear infinite;
  -o-animation: rotating 50s linear infinite;
  animation: rotating 50s linear infinite;
}

.rotating-reverse {
  -webkit-animation: rotating 50s linear infinite reverse;
  -moz-animation: rotating 50s linear infinite reverse;
  -ms-animation: rotating 50s linear infinite reverse;
  -o-animation: rotating 50s linear infinite reverse;
  animation: rotating 50s linear infinite reverse;
}

.gdpr-suhlas-text-intro p, .gdpr-suhlas-text p { display: unset !important; }

/* HLAVNE BLOKY */
.main-container { padding-left: 140px; padding-right: 140px; }
.container-detail { padding: 40px 300px; }
.container-big { padding: 130px 240px; }
.container120 { padding: 60px 140px; }
.container60 { padding-left: 60px; padding-right: 60px; }
.container30 { padding-left: 30px; padding-right: 30px; }
.container-inside { padding: 60px; }
.container-content { margin: 0 auto; width: 610px; }
.container-xl { margin: 0px 10%; width: auto; }

#window { overflow: hidden; min-height: 100%; padding-bottomx: 80px; position: relative; }
#header { position: fixed; top: 0px; left: 0px; width: 100%; background: #2E241F; min-height: 90px; z-index: 9999; }
	body.home #header { background: none; }
	body.home #header.scrolled { background: #D9B596; }
#application { min-heightx: 700px; position: relative; }
#application-header { }
#application-body { }
#application-before-route { }
#application-route { margin-bottomx: 20px; }
#application-content {  }
#application-content.reset { margin-left: 0px; margin-right: 0px; }
#application-after-route { }
#application-footer { }
#footerX { position: absolute; bottom: 0px; left: 0px; width: 100%; background: #FFFFFF; font-family: 'Open Sans'; font-size: 14px !important; }
.topmargin { margin-top: 160px; }
	/*body.home .topmargin { margin-top: 0px; }*/
	body:not(.home) .topmargin, body.eshop-specialitky .topmargin { margin-top: 100px; }

/* HEADER */
#header, .anim { transition: all .50s ease-in-out; }

#header a {  }
#header .menu-container { margin: 10px auto; position: absolute; top: 90px; left: 0px; width: 100%; }
#header #menu { text-align: center; text-transform: uppercase; }
#header.scrolled .logo { width: 225px; }
#header .menu-mobile-container { text-align: center; }
#header #menu-mobile { text-align: center; margin-top: 0px; margin-bottom: 0px; }
.main-menu-container { margin: 0px 10%; width: auto; text-align: right; }
body.home .main-menu-container { padding-top: 60px; }
	body.home #header.scrolled .main-menu-container { padding-top: 30px; }
.menuitem { display: block; background: rgba(90,90,90,.8); padding: 15px 0px; text-align: center; font-size: 14px; color: #FFFFFF; text-transform: uppercase; position: relative; margin-bottom: 3px; }
.menuitem:hover { background: rgba(60,60,60,.8); color: #FFFFFF; }
.nn-menuitem { display: inline-block; position: relative; text-transform: uppercase; padding-top: 0px; padding-bottom: 28px; font-size: 16px; letter-spacing: 3.6px; }
	.nn-menuitem .item { padding-left: 60px; font-weight: 400; }
	.nn-menuitem .item:hover { color: #7B5538; }
	.nn-menuitem .item.selected { color: #7B5538; }
	.nn-menuitem .item-footer { padding-left: 30px; padding-right: 30px; font-size: 16px; font-weight: 400; }
	.nn-menuitem .item-footer:hover { color: #7B5538; }
	.nn-menuitem .item-footer.selected { color: #7B5538; }
.submenu { position: fixed; top: 90px; left: 0px; width: 100%; padding: 12px 0px; text-align: left; background-color: #FFFFFF; colorx: #FFFFFF; visibility: hidden; z-index: 999; opacity: 0; transitionx: visibility .25s ease, opacity .25s ease; box-shadow: 0px 0px 20px #00000029; }
	body:not(.home) .submenu, body.eshop-specialitky .submenu { position: absolute; top: 90px; left: 0px; width: 100%; visibility: visible; opacity: 1; }
.nn-menuitem:hover .submenu { visibility: visible; opacity: 1; }
.submenu-item { display: inline-block; text-transform: uppercase; margin-right: 80px; }
	.submenu-item.selected { font-weight: 600; }
.submenu-item a { colorx: #FFFFFF; position: relative; }
.submenu-home { position: absolute; top: 60px; left: 0px; width: 240px; padding: 0px 0px; text-align: left; background: #2E241F; color: #FFFFFF; visibility: hidden; z-index: 999; opacity: 0; transitionx: visibility .25s ease, opacity .25s ease; box-shadow: 0px 0px 20px #00000029; }
	body:not(.home) .submenu-home { display: none; }
	.nn-menuitem:hover .submenu-home { visibility: visible; opacity: 1; }
	.submenu-home .submenu-item { display: block; padding: 15px 25px; margin-right: 0px; }
		.submenu-home .submenu-item.first { padding: 20px 25px 15px; }
		.submenu-home .submenu-item.last { padding: 15px 25px 20px; }
	.submenu-home .submenu-item:hover { background: #221A16; }
	.submenu-home .submenu-item a { color: #FFFFFF; position: relative; letter-spacing: 2.8px; font-size: 14px; }

#infobar { background: #DA251D; padding: 4px 0px; font-size: 14px; z-index: 999999; }
.logo-bejimont { position: absolute; top: 12px; left: 10%; height: 66px; z-index: 999; }
	body.home .logo-bejimont { top: -100px; }
	body.home #header.scrolled .logo-bejimont { top: 12px; }
	body.home.menu-open #header.scrolled .logo-bejimont { top: 30px; }
.logo-bejimont-home { position: absolute; top: 40px; left: 10%; z-index: 999; }
	body:not(.home) .logo-bejimont-home { left: -200px; }
	body.home #header.scrolled .logo-bejimont-home { position: absolute; topx: -200px; left: -200px; }
.user-container-desktop { display: block; }
.user-container-mobile { display: none; }
.user-kosik-container { position: absolute; top: 0px; right: 30px; z-index: 999; }
.kosik-container { float: right; margin-left: 20px; font-size: 16px; padding-top: 28px; padding-bottom: 15px; }
.user-container { float: right; margin-left: 20px; font-size: 16px; padding-top: 28px; padding-bottom: 15px; }
.search-container { float: right; }
a.social { font-size: 34px !important; display: inline-block; margin-left: 15px; margin-right: 15px; color: #144673; }
a.social:hover { color: #144673 !important; }
#footer a.social { margin-left: 20px; margin-right: 20px; }
	#footer a.social.sm { margin-left: 20px; margin-right: 20px; font-size: 16px !important; }
	.social-facebook { display: inline-block; width: 30px; height: 30px; background-image: url('../image/facebook-brands.svg'); background-position: 0 0px; background-repeat: repeat-no; background-size: 100%; }
	.social-facebook:hover { background-position: 0 -30px; }
.language { font-size: 12px; display: inline-block; margin-leftx: 40px; line-height: 20px; }
.language img { transition-duration: 0.8s; transition-property: transform; }
.language:hover img {  transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.map { text-transform: uppercase; display: inline-block; margin-top: 10px; }

/* APP */
.backstretch-caption { position: absolute; top: 25%; left: 20%; width: 40%; margin-leftx: -300px; padding: 6px 0px 0px; text-align: left; display: inline-block; color: #FFFFFF; font-size: 80px; font-weight: 900; line-height: 1; letter-spacing: 3.8px; white-spacex: nowrap; opacity: 0; }
.backstretch-caption.active { top: 35%; opacity: 1; }
.backstretch-caption:hover { color: #FFFFFF; }
.backstretch-caption:focus { color: #FFFFFF; }
.backstretch-caption:hover:focus { color: #FFFFFF !important; }

.backstretch-button { position: absolute; top: 80%; left: 20%; width: 160px; text-align: center; opacity: 0; }
.backstretch-button.active { top: 60%; opacity: 1; }
.slider-sipka { position: absolute; bottom: 60px; right: 60px; width: 32px; }

/* CELL TYPES */
.pageblock { margin-bottom: 100px; }
.slider-text-container { background: #D9B596; position: absolute; top: 15%; left: 15%; width: 100%; height: 70%; padding: 40px; z-index: 999; }
.sluzba-text-container { padding: 60px 120px; padding-left: 30%; background: #D9B596; overflowx: hidden; position: relative; }
.sluzba-photo-container { position: absolute; top: 15%; left: 0%; width: 125%; height: 70%; padding: 40px; z-index: 999; }
.sluzba-spat { position: absolute; top: 30px; left: 30px; }
.sluzba-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(20, 70, 115, 1); opacity: 0; }
.sluzba-overlay:hover { background: rgba(20, 70, 115, 1); opacity: 1; }
.photo-container { position: relative; }
.photo-container::before {
	content: '';
	display: block;
	position: absolute;
	bottom: -30px;
	width: 50%;
	left: -30px;
	border-bottom: 30px solid #D9B596;
}
.photo-container::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -30px;
	height: 50%;
	left: -30px;
	border-left: 30px solid #D9B596;
}
.map-text-container { background: #D9B596; position: absolute; top: 15%; right: 0px; width: 140%; height: 70%; padding: 40px; z-index: 999; }

/* REFERENCIA */
.referencia-container { background: #D9B596; margin-bottom: 6px; }
.referencia-container.bcg { background: #F4DBC5; }
.referencia-td { padding: 10px 10px 10px 21px; font-size: 14px; font-weight: 500; }
.referencia-header { padding: 10px 10px; font-size: 12px !important; font-weight: 400 !important; }
	.referencia-header span { border-left: 1px solid #D9B596; padding-left: 10px; }
.infobox > div > p { font-size: 13px !important; margin-bottom: 0px; }
.ref-col-1 { width: 26%; }
.ref-col-2 { width: 14%; }
.ref-col-3 { width: 8%; }
.ref-col-4 { width: 8%; }
.ref-col-5 { width: 36%; }
.ref-col-6 { width: 8%; text-align: right; }
/*.ref-col-6 .referencia-td { padding: 5px 0px; }*/
.photobox { margin-bottomx: 2px; padding: 10px 20px; }

/* Tooltip container */
.wr-tooltip {
  position: relative;
  opacity: 1;
  display: block; width: 100%; height: 100%;
}

/* Tooltip text */
.wr-tooltip .tooltiptext {
  visibility: hidden;
  widthx: 160px;
  background-color: #CDD310;
  color: #2E241F;
  text-align: center;
  padding: 5px 10px;
  border-radius: 6px;
  text-transform: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 1.4;
  white-space: normal;

  /* Position the tooltip text */
  position: absolute;
  z-index: 999999;
  bottom: 110%;
  left: 50%;
  margin-left: -80px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.wr-tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 5px;
  border-style: solid;
  border-color: #CDD310 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.wr-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* RADIO */
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #2E241F;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #2E241F;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:checked + label.disabled:before,
[type="radio"]:not(:checked) + label.disabled:before {
    border: 1px solid #999999;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* FOOTER */
.copyright { text-align: left; }
.webmaster { text-align: right; }
.copyright-container { font-size: 12px; text-align: right; }
#footer #back-top a { color: #40331E; }

/* WIDGETS */
#product-added-confirmation { position: fixed; top: 0px; left: 0px; height: 100%; right: 0px; backgroundx: #AAABAC; background: rgba(90,91,94,.9); z-index: 9999; displayx: none; opacity: 0; pointer-events: none; }
	#product-added-confirmation.active { displayx: block; opacity: 1; pointer-events: auto; }
.product-added-box { width: 500px; margin: auto; margin-top: -1200px; background: #F2F2F2; padding: 60px; box-shadow: 0px 0px 45px #00000029; border-radius: 9px; opacity: 1; position: relative; }
	#product-added-confirmation.active .product-added-box { margin-top: 0px; }
	
.noscroll { overflow: hidden; }
.video-inside-container { width: 800px; margin: 10% auto; text-align: center; }
.popup-video-closer { position: absolute; top: 40px; right: 80px; color: #F0F0F0; font-size: 1px; width: 40px; height: 40px; background-image: url('../image/popup-closer.svg'); background-position: 0 0px; background-repeat: repeat-no; background-size: 100%; }
.popup-video-closer:hover { background-position: 0 40px; }

/* MEDIA QUERIES */
@media (min-width: 2000px) {
	.container-detail { padding: 40px 500px; }
}
@media (min-width: 1680px) {
	.content_container { width: 1000px; margin-left: auto; margin-right: auto; }
	.content_container.reset { width: auto; margin-left: 0px; margin-right: 0px; }
}
@media (max-width: 1640px) {
	.container-detail { padding: 40px 200px; }
	.container-big { padding: 120px; }
	.container120 { padding: 80px; }
	
	/*.main-menu-container, .submenu { text-align: center; }*/
	.nn-menuitem .item { padding-left: 30px; }
	.submenu-item { margin-left: 40px; margin-right: 40px; }
}
@media (max-width: 1500px) {
	#header #menu .menuitem { margin-left: 15px; margin-right: 15px; }
}
@media (max-width: 1440px) {
	#slider h1 { font-size: 34px; }
	.container-detail { padding: 40px 100px; }
	.content_container { margin-left: 180px; margin-right: 180px; }
	.main_container { padding-left: 10%; padding-right: 10%; }
}
@media (max-width: 1320px) {
	#slider h1 { font-size: 28px; }
	.submenu-item { margin-left: 25px; margin-right: 25px; }
}

@media (max-width: 1199px) {
	h1 { font-size: 36px; }
	
	.container-xl { margin: 0px 60px; width: auto; }
	.container-big { padding: 80px; }
	.container120 { padding: 80px; }
	.main_container { padding-left: 5%; padding-right: 5%; }
	.main_container_wide { padding-left: 25px; padding-right: 25px; }
	
	.main-menu-container { padding-right: 15px; padding-left: 15px; width: auto; }
		
	.uputavka-foto { width: 75%; border-radius: 7px; }
	.uputavka-text-container { position: absolute; top: 40px; bottom: 40px; right: 0px; width: 45%; background: #E40048; border-radius: 7px; padding: 25px 40px; text-align: center; }
	.uputavka-title { font-size: 25px; font-weight: 700; text-transform: uppercase; letter-spacing: 5.8px; }
	.backstretch-caption { position: absolute; top: 25%; left: 20%; width: 40%; font-size: 60px; }
	
	.predajna-dot { width: 13px; height: 13px; }
}
@media (max-width: 1090px) {
	.logo { max-width: 240px; }
}
@media (min-width: 991px) {
	#menu-selector.scrolled { padding-leftx: 330px; }
	#menu-selector.scrolled a {  }
}
@media (max-width: 880px) {
	.logo-shop { display: none; }
}
@media (min-width: 768px) {
	#menu-mobile { display: none; }
}
@media (max-width: 767px) {
	.content_container { margin-left: 140px; margin-right: 140px; }
	body.menu-open .logo-bejimont-home { left: -200px; }
	body.home.menu-open .logo-bejimont { top: 30px; }
	.main-menu-container { position: fixed; top: 0px; left: 0px; right: 0px; height: 100%; background: #D9B596; padding-top: 120px; margin: 0px; text-align: center; opacity: 0; pointer-events: none; }
		body.menu-open .main-menu-container { top: 0px; opacity: 1; pointer-events: auto; }
		body.home .main-menu-container { padding-top: 120px; }
		body.home #header.scrolled .main-menu-container { padding-top: 120px; }
	.nn-menuitem { display: block; padding-top: 30px; padding-bottom: 10px; font-size: 28px; letter-spacing: 3.6px; }
	.nn-menuitem .item { padding-right: 0px; font-weight: 600; }
	.submenu { display: none; }
	body:not(.home) .submenu-home { display: block; }
	.submenu-home { position: static; top: auto; left: auto; width: 100%; padding: 8px 0px; text-align: center; background-color: none; colorx: #FFFFFF; visibility: visible; z-index: 999; opacity: 1; box-shadow: none; }
	.submenu-home .submenu-item, .submenu-item { display: block; text-transform: uppercase; margin-left: 0px; margin-right: 0px; }
	 .submenu-home .submenu-item, .submenu-home .submenu-item.first, .submenu-home .submenu-item.last { padding: 10px 10px; }

	body:not(.home) .topmargin, body.eshop-specialitky .topmargin { margin-top: 110px; }
	body.eshop #application-route { padding-top: 30px; }
	#menu-mobile { display: inline-block; position: absolute; right: 60px; top: 40px; }
	#header.scrolled #menu-mobile { top: 20px; }
	#shopping-cart-price { display: none; }
	.user-container-desktop { display: none; }
	.user-container-mobile { display: block; }
	
	.kosik-container { displayx: none; margin-left: 10px; }
	.user-container { displayx: none; margin-left: 0px; margin-right: 0px; }
	.logo-container { left: 15px; }
	.user-kosik-container { right: 15px; }
	
	.slider-text-container { background: #D9B596; position: absolute; top: 15%; left: 0%; width: 250%; height: 70%; padding: 40px; z-index: 999; }
	.sluzba-text-container { padding: 60px 60px; padding-left: 100px; background: #D9B596; overflowx: hidden; position: relative; }
	.map-text-container { background: #D9B596; position: static; top: auto; left: auto; width: 100%; height: auto; padding: 30px; z-index: 999; }
}

@media (max-width: 991px) {
	#window { margin-left: 0px; margin-rightx: 30px; padding-bottom: 0px; box-shadow: none; }
	#headerx { position: static; top: auto; right: auto; width: 100%; height: auto; background: #050505; margin-leftx: 30px; margin-right: 0px; box-shadow: none; padding-top: 0px; padding-bottomx: 30px; }
	.container-big { padding: 60px; }
	.container120 { padding: 60px; }
	#header-bottomx { position: static; bottom: auto; left: auto; width: 100%; text-align: center; margin-top: 20px; }
	
	.container-detail { padding-left: 30px; padding-right: 30px; }
	.content_container { margin-left: 40px; margin-right: 40px; }
	.containerX { padding-left: 30px; padding-right: 30px; }
	
	.nn-menuitem .item { padding-left: 15px; padding-right: 15px; }
	.submenu-item { margin-left: 20px; margin-right: 20px; }
	.submenu .container { width: auto !important; }
	
	.uputavka-foto { width: 75%; border-radius: 7px; }
	.uputavka-text-container { position: absolute; top: 40px; bottom: 40px; right: 0px; width: 65%; background: #E40048; border-radius: 7px; padding: 15px 20px; text-align: center; }
	.uputavka-title { font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 3.8px; }
	.btn-uputavka { padding: 6px; font-size: 10px; border: 1px solid #FFFFFF; border-radius: 33px; color: #FFFFFF; text-transform: uppercase; }
	.backstretch-caption { position: absolute; top: 25%; left: 20%; width: 60%; font-size: 60px; }
	
	.predajna-dot { width: 10px; height: 10px; }
	
	.copyright { text-align: center; }
	.webmaster { text-align: center; }
}
@media (max-width: 891px) {
}

@media (max-width: 767px) {
	h1 { font-size: 32px; }
	h2 { font-size: 29px; }
	h2 { font-size: 26px; }
	
	.container60 { padding-left: 30px; padding-right: 30px; }
	.container_inside { padding: 40px 0px; }
	
	.backstretch-caption { position: absolute; top: -230px; left: 10%; width: 50%; margin-left: 0px; display: block; color: #FFFFFF; font-size: 46px; font-weight: 900; letter-spacing: 1.8px; }
	.backstretch-caption.active { top: 45%; }
	.backstretch-button { left: 10%; margin-leftx: -80px; }
	.backstretch-button.active { top: 70%; }
	
	#infobar { display: none; }
	#header #headers.isbar .menu-container { top: 70px; }
	
	.uputavka-foto { width: 100%; border-radius: 7px; }
	.uputavka-text-container { position: static; top: auto; bottom: auto; right: auto; width: 100%; background: #E40048; border-radius: 7px; padding: 25px 20px; text-align: center; margin-top: 10px; }
	.uputavka-title { font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 3.8px; }
	.btn-uputavka { padding: 12px; font-size: 14px; border: 1px solid #FFFFFF; border-radius: 33px; color: #FFFFFF; text-transform: uppercase; }
	.photo-preview-container { float: left; margin-right: 15px; }
	.photo-preview img { max-width: none; width: auto; height: 70px; }
	
	.ref-col-1, .ref-col-2, .ref-col-3, .ref-col-4, .ref-col-5, .ref-col-6 { width: 100%; }
	.ref-col-6 { text-align: center; }
	.referencia-td { padding: 5px 10px 5px; }
	.ref-col-1 .referencia-td { font-size: 20px; font-weight: 800; }
	.photobox { margin-bottom: 20px; }
	
}
@media (max-width: 680px) {
	.container-xl { margin: 0px 30px; width: auto; }
	.container-content { margin: 0 15px; width: auto; }
	.predajna-dot { width: 8px; height: 8px; }
	.sluzba-text-container { padding: 60px 30px; padding-left: 80px; background: #D9B596; overflowx: hidden; position: relative; }
}
@media (max-width: 540px) {
	.language { font-size: 10px; }
	div { font-size: 14px; }
	.container-detail { padding: 40px 10px; }
	.container-big { padding: 30px; }
	.container120 { padding: 30px; }
	.logo { max-width: 140px; }
	.menuitem { font-size: 12px; padding: 10px 0px; }
	/*.nn-menuitem { display: block; padding-top: 10px; padding-bottom: 10px; font-size: 24px; letter-spacing: 3.6px; }*/
	/*a.social { font-size: 14px !important; margin-left: 15px; width: 12px; height: 20px; }	*/
	
	.backstretch-caption { position: absolute; top: -230px; left: 10%; width: 70%; margin-left: 0px; display: block; color: #FFFFFF; font-size: 40px; font-weight: 900; letter-spacing: 1.8px; }
	.backstretch-caption.active { top: 45%; }
}
@media (max-width: 480px) {
	.fs-xl { font-size: 36px; }
	.container-inside { padding: 20px; }
	#topbar { padding-right: 0px; text-align: center; }
	#header-menu { background-image: none; }
	#menu { padding-top: 20px; }
	#header .menu-mobile-container { text-align: right; }
	.logo-bejimont-home { left: 10%; }
	.logo { top: 32px; }
	a.social { font-size: 18px !important; }
	.p40 { padding: 20px !important; }
	
	#header .menu-container, #header #headers.isbar .menu-container { top: -140px; }
	/*#header .menu-container.open, #header #headers.isbar .menu-container.open { top: 100px; }*/
	
	#produkt .p30 { padding: 0px !important; }
	body.product h1 { font-size: 30px; }
	.predajna-dot { width: 5px; height: 5px; }
	.copyright-container { text-align: center; }
	
	.slider-text-container { background: #D9B596; position: static; top: auto; left: auto; width: 100%; height: auto; padding: 30px; z-index: 999; }
	.sluzba-text-container { padding: 30px 30px; padding-left: 30px; background: #D9B596; overflowx: hidden; position: relative; }
	.sluzba-photo-container { position: absolute; top: 0%; left: 0%; width: 100%; height: 200px; padding: 40px; z-index: 999; }
	.sluzba-spat { position: absolute; top: -30px; left: 30px; }
}
@media (max-width: 400px) {
	.fs-xl { font-size: 32px; }
	/*.logo-bejimont { position: absolute; top: 18px; left: 10px; height: 48px; z-index: 999; }*/
	.p40 { padding: 10px !important; }
	.product-added-box { width: 300px; padding: 30px; }
	.btn-white-bordered, .btn-blue { padding: 6px; font-size: 12px; }
	.predajna-dot { width: 4px; height: 4px; }
}