html, body { height: 100%; margin: 0px; position: relative; font-family: "margin-mvb-light",sans-serif; font-weight: 400; }
body { background: #21201B; }
div { font-family: "margin-mvb-light",sans-serif; font-weight: 400; font-size: 16px; color: #000000; }

a { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }
a:focus { color: #000000; text-decoration: none; }
h1 { font-family: "hypatia-sans-pro",sans-serif; font-size: 42px; font-weight: 600; color: #FFFFFF; margin-top: 0px; margin-bottom: 60px; }
h2 { font-family: "hypatia-sans-pro",sans-serif; font-size: 36px; font-weight: 500; color: #FFFFFF; margin-top: 0px; margin-bottom: 30px; }
	h2.underline, h3.underline { display: inline-block; position: relative; z-index : 1; }
	h2.underline:before, h3.underline:before {
	  content : "";
	  position: absolute;
	  left    : 25%;
	  bottom  : -10px;
	  height  : 1px;
	  width   : 50%;
	  border-bottom: 1px solid  #CEA04A;
	}
	h2.underline.left:before {
	  left    : 0%;
	  width   : 45%;
	}
h3 { font-family: "hypatia-sans-pro",sans-serif; font-size: 28px; font-weight: 500; color: #FFFFFF; margin-top: 0px; margin-bottom: 30px; }
h4 { font-family: "hypatia-sans-pro",sans-serif; font-size: 22px; font-weight: 600; color: #FFFFFF; margin-top: 0px; margin-bottom: 20px; }
h5 { font-family: "hypatia-sans-pro",sans-serif; font-size: 16px; font-weight: 600; color: #FFFFFF; margin-top: 0px; margin-bottom: 20px; display: inline-block; border-bottom: 1px solid #CEA04A; padding: 0px 25px 10px; }

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; }

.color1, a.color1 { color: #8F6A53; }
.color2, a.color2 { color: #BC8F63; }
.white, a.white, .white div { color: #FFFFFF; }
.red, a.red { color: #D70F11; }
.dark, a.dark { color: #21201B; }
	.bg-dark { background: #21201B; }
.black, a.black { color: #000000; }
.gray, a.gray { color: #8D8D8D; }
.gold, a.gold { color: #CEA04A; }
	.bg-gold { background: #CEA04A; }
	.border-gold { border: 1px solid #CEA04A; }
.blue, a.blue { color: #00929F; }
	.bg-blue { background: #00929F; }
.beige, a.beige { color: #D8CBBF; }
	.bg-beige { background: #D8CBBF; }
.content a { color: #8F6A53; }
.superwhite * { color: #FFFFFF; }
.border-transparent { border: 1px solid transparent; }
.opacity0 { opacity: 0; }

.fs10 { font-size: 10px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.selected { font-weightx: 600; }
.bold { font-weight: 600; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.cursor { cursor: pointer; }
.p_xl { padding: 80px 120px; }

.btn { line-height: 0; }
.btn-hc { display: inline-block; padding: 10px 15px; background: none; border: 1px solid #FFFFFF; font-family: "margin-mvb",sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: #FFFFFF; transition: all .20s ease-in-out; }
	.btn-hc:hover { border: 1px solid #CEA04A; background: #CEA04A; color: #21201B; }
	.btn-hc.sm { padding: 4px 15px; font-weight: 400; }
.btn-hc.btn-dark, .pageblock.bg-beige .btn-hc { border: 1px solid #21201B; color: #21201B; }
	.btn-hc:hover.btn-dark, .pageblock.bg-beige .btn-hc:hover { border: 1px solid #CEA04A; background: #CEA04A; color: #21201B; }
	.btn-hc:hover.btn-dark.hover-white { border: 1px solid #FFFFFF; background: none; color: #FFFFFF; }
.btn-red { background: #D62128; color: #FFFFFF; }
.btn-red:hover { color: #FFFFFF; }
.btn-odoslat { display: inline-block; padding: 15px; background: #3C2415; border: none; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: #FFFFFF; }
.btn-viac { display: inline-block; padding: 6px 12px; background: #8F6A53; border: none; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacingx: 2px; color: #FFFFFF; }

::placeholder { color: white; opacity: 1; }
::-ms-input-placeholder { color: white; }

/* HLAVNE BLOKY */
.main-container { padding-left: 10%; padding-right: 10%; }
.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; }

.pageblock.diamant-bg { background-image: url('../image/svg/diamant.svg'), url('../image/svg/diamant.svg'); background-position: left -14% top 20%, right -14% top 80%; background-size: 20% auto; background-repeat: no-repeat; }
	.pageblock.diamant-bg-L { background-image: url('../image/svg/diamant.svg'), url('../image/svg/diamant.svg'); background-position: left -14% top 20%; background-size: 20% auto; background-repeat: no-repeat; }
	.pageblock.diamant-bg-R { background-image: url('../image/svg/diamant.svg'), url('../image/svg/diamant.svg'); background-position: right -14% top 20%; background-size: 20% auto; background-repeat: no-repeat; }
.pageblock.bg-beige h2, .pageblock.bg-gold h2 { color: #21201B; font-weight: 600; }
.pageblock.bg-beige h5 { color: #21201B; }
.pageblock.bg-gold h5 { color: #21201B; border-bottom: 1px solid #FFFFFF; }
.pageblock-inside-container { padding-top: 90px; padding-bottom: 90px; }
.pageblock-inside-container.ptb0 { padding-top: 0px; padding-bottom: 0px; }
.pageblock-inside-container.pb0 { padding-bottom: 0px; }
.h4-gold h4 { color: #CEA04A !important; }
.content-white-gold a { color: #CEA04A !important; }
.content-white-white a { color: #FFFFFF !important; }

#window { overflow: hidden; }
#header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; backgroundx: rgba(53,43,44,.9); }
	#header.scrolled { background: #21201B; }
#topbar { padding-top: 12px; padding-bottom: 12px; position: relative; }
	 #topbar:after {
	  content : "";
	  position: absolute;
	  left    : 0%;
	  bottom  : -54px;
	  height  : 1px;
	  width   : 45%;
	  border-bottom: 1px solid  #FFFFFF;
	  transition: all .30s ease-in-out;
	}
	body.scrolled #topbar:after, body.menu-active #topbar:after { width: 0%; }
	#topbar:before {
	  content : "";
	  position: absolute;
	  right    : 0%;
	  bottom  : -54px;
	  height  : 1px;
	  width   : 45%;
	  border-bottom: 1px solid  #FFFFFF;
	  transition: all .30s ease-in-out;
	}
	body.scrolled #topbar:before, body.menu-active #topbar:before { width: 0%; }
#application { 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 { }
#footer { color: #FFFFFF; background-image: url('../image/svg/diamant.svg'), url('../image/svg/diamant.svg'); background-position: left -14% top 20%, right -14% top 80%; background-size: 20% auto; background-repeat: no-repeat; }
.topmargin { margin-top: 100px; }

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

#header a {  }
#header .menu-container { padding-left: 200px; padding-top: 12px; }
	#header .menu-container.nobcg { background: none; }
	body.scrolled #header .menu-container { box-shadow: 10px 0px 55px -14px rgba(0,0,0,0.95); }
#header #menu { text-align: center; text-transform: uppercase; }
#header.scrolled .menu-container { padding-topx: 0px; padding-bottomx: 10px; }
#header .menu-mobile-container { text-align: center; display: none; }
#header #menu-mobile { text-align: right; margin-top: 0px; margin-bottom: 0px; color: #FFFFFF; }
	#header #menu .menu-leftside { text-align: right; padding-right: 75px; }
	#header #menu .menu-rightside { text-align: left; padding-left: 75px; }

#header #topbar .menuitem { display: inline-block; padding: 0px 0px; font-family: "hypatia-sans-pro",sans-serif; font-size: 16px; font-weight: 500; position: relative; margin-left: 0px; margin-right: 25px; }

#menu .menuitem { display: block; padding: 0px 0px; font-size: 36px; font-weight: 600; position: relative; margin-bottom: 5px; text-transform: uppercase; }
#menu .menuitem, #menu .menuitem a { color: #FFFFFF; position: relative; }
	#menu.nobcg .menuitem a { color: #FFFFFF; position: relative; }

#header #menu a:hover { color: #8F6A53; }
	#menu .menuitem a:after { content: ''; position: absolute; width: 0; height: 2px; display: block; margin-top: 1px; left: 0; background: #8F6A53; transition: width .2s ease; -webkit-transition: width .2s ease; }
	#menu .menuitem a:hover:after{ width: 100%; left: 0; background: #8F6A53; }

#header #menu .menuitem.selected a { font-weight: 700; color: #8F6A53; }
#header #menu .menuitem.selected a:after { content: ''; position: absolute; width: 100%; height: 2px; display: block; margin-top: 1px; left: 0; background: #8F6A53; transition: width .2s ease; -webkit-transition: width .2s ease; }
.menuitem-podciarknutie { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 3px; background-image: url('../image/vlnovka-podciarknutie.svg'); background-repeat: repeat-x; display: none; }
#header #menu .menuitem.selected .menuitem-podciarknutie { display: block; }

#header #menu.compact .selected { background: #8CC63F; }
#header #menu.compact .selected a { color: #FFFFFF; }

/* MENU */
#menu { position: fixed; top: 0; width: 100%; bottom: 0; min-height: 100%; left: 0; backgroundx: #21201B; text-align: left; z-index: 999; overflow-y: auto; }
#menu.closed { display: none; }
.menu-inside-container { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 35%; background: #21201B; padding-top: 120px; padding-left: 120px; min-height: 100%; overflow-y: auto; }


.logo-crystal { position: absolute; top: 12px; left: 50%; margin-left: -50px; width: 100px; }
	#header.scrolled .logo-crystal { position: absolute; top: -200px; left: 50%; margin-left: -35px; width: 70px; }
.logo-crystal-diamant { position: absolute; top: -200px; left: 50%; margin-left: -25px; width: 50px; }
	#header.scrolled .logo-crystal-diamant { top: 17px; }
.logo-crystal-mobile { width: 70px; }
a.social { font-size: 14px !important; display: inline-block; margin-left: 10px; margin-right: 10px; widthx: 15px; heightx: 20px; color: #FFFFFF; }
	a.social.footer { color: #CEA04A; font-size: 30px !important; margin-left: 0px; margin-right: 20px; }
a.social:hover { color: #222222 !important; }
.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; }
.phone-container { float: left; }
.email-container { float: left; margin-left: 25px; padding-left: 25px; border-left: 1px solid #74594C; }

/* APP */
/*
.typ-izby-container { background: #602232; background: rgba(96,34,50,.9); background: rgba(53,43,44,1); backgroundx: #38373C; heightx: 300px; padding: 10px; position: relative; }
	.typ-izby-container:hover { background: #602232; background: rgba(96,34,50,1); background: #8F6A53; background: rgba(53,43,44,1); }
	.typ-izby-container.active, .typ-izby-container.active:hover { background: #347588; }
.typ-izby-title { font-size: 19px; font-weight: 600; text-align: center; color: #FFFFFF; height: 70px; }
.typ-izby-price { font-size: 19px; font-weight: 600; text-align: center; color: #FFFFFF; padding-top: 10px; heightx: 50px; }
.typ-izby-overlay { position: absolute; top: 80px; left: 0px; width: 100%; bottom: 0px; background: rgba(96,34,50,1); background: #8F6A53; background: rgba(53,43,44,1); color: #FFFFFF; font-size: 14px; padding: 30px 20px; opacity: 0; }
	.typ-izby-container:hover .typ-izby-overlay { opacity: 1; }
	.typ-izby-container.active .typ-izby-overlay { background: #55938E; }
.typ-izby-container .viac-info { display: inline-block; border: 1px solid #BC8F63; margin-top: 30px; padding: 5px 8px; }
	.typ-izby-container.active .viac-info { border: 1px solid #352B2C; color: #352B2C; }
.krystal { position: absolute; top: 105px; left: 50%; margin-left: -22px; width: 44px; opacity: 0; }
	.typ-izby-container:hover .krystal { opacity: 1; }
*/
	
.content a { color: #8F6A53; }
.text-dark div { color: #FFFFFF !important; }
.text-dark a { color: #F3E6CE !important; }

/* CELL TYPES */
.slider-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,.3); }
	body.menu-active .slider-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,.6); }
.backstretch-caption { position: absolute; opacity: 0; top: 44%; left: 50%; width: 60%; margin-left: -30%; padding: 0px 0px 0px; text-align: center; display: inline-block; color: #FFFFFF; font-family: "hypatia-sans-pro",sans-serif; font-size: 36px; font-weight: 600; text-transform: uppercase; letter-spacingx: 1.8px; white-spacex: nowrap; }
.backstretch-caption b { color: #80C342; font-size: 50px; font-weight: 300; font-style: italic; }
.backstretch-caption.active { opacity: 1; top: 50%; transform: translateY(-50%); margin-top: -45px; }
	.backstretch-caption.higher.active { bottom: 50%; }
.backstretch-caption:hover { color: #FFFFFF; }
.backstretch-caption:focus { color: #FFFFFF; }
.backstretch-caption:hover:focus { color: #FFFFFF !important; }

.backstretch-button { position: absolute; top: 150%; left: 50%; width: 280px; margin-left: -140px; font-size: 15px; font-weight: 800 !important; color: #DDDDDD; text-align: center; padding: 10px 10px; letter-spacing: 1.8px; border-radius: 30px; border: 2px solid #DDDDDD; }
.backstretch-button:hover { color: #92B832; border: 2px solid #92B832; }
.backstretch-button.active { top: 70%; }
.slider-diamant { position: absolute; top: 50%; left: 50%; width: 360px; margin-left: -180px; margin-topx: 50px; transform: translateY(-50%); }

.scroll-down { position: absolute; bottom: 130px; left: 0px; width: 100%; text-align: center; }

.rezervovat-izbu { position: absolute; top: -20px; right: -15px; padding: 15px; background: #55938E; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: #FFFFFF; z-index: 998; }
.rezervovat-izbu-inline { display: inline-block; padding: 15px; background: #3C2415; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: #FFFFFF; }

/*.event-container .info { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 20px; background: #FFFFFF; border-top: 3px solid #F3E6CE; }*/
.event-container {  }
	.event-container:hover { }
.event-container .foto { height: 460px; display: block; border: 1px solid none; overflow: hidden; }
	.event-container:hover .foto { padding: 20px; heightx: 460px; display: block; border: 1px solid #CEA04A; overflow: hidden; }
	.event-container:hover .nazov-popis h3 { color: #CEA04A; }
.event-container .info {  }
.event-container:hover .info { left: 0%; width: 100%; margin-bottom: 0px !important; }

.typ-izby-slide { display: inline-block; width: 600px; height: 600px; }
.typ-izby-slide .inside-container { heightx: 440px; display: block; border: 1px solid transparent; overflow: hidden; position: relative; }
	.typ-izby-slide:hover .inside-container { padding: 120px 60px; display: block; border: 1px solid #CEA04A; overflow: hidden; }
.typ-izby-slide h3 { position: absolute; top: 30px; left: 30px; font-weight: 600; }
	.typ-izby-slide:hover h3 { top: 40px; color: #CEA04A; }
.typ-izby-slide .typ-izby-overlay { position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; background: rgba(33,32,27,0); }
	.typ-izby-slide:hover .typ-izby-overlay { background: rgba(33,32,27,.7); }
.typ-izby-slide .popis { position: absolute; bottom: 20px; left: 30px; right: 30px; color: #CEA04A; font-size: 14px; opacity: 0; }
	.typ-izby-slide .popis div { color: #CEA04A; font-size: 14px; }
	.typ-izby-slide:hover .popis { opacity: 1; }
	
.typ-izby-prehlad .inside-container { height: 480px; display: block; border: 1px solid transparent; overflow: hidden; position: relative; }
	.typ-izby-prehlad:hover .inside-container { padding: 30px 30px; display: block; border: 1px solid #CEA04A; overflow: hidden; }
.typ-izby-prehlad h3 { position: absolute; top: 80px; left: 10%; right: 10%; text-align: center; font-weight: 600; }
	.typ-izby-prehlad:hover h3 { top: 90px; }
.typ-izby-prehlad .typ-izby-overlay { position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; background: rgba(0,0,0,.2); }
.typ-izby-prehlad .typ-izby-viac { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); opacity: 0; }
	.typ-izby-prehlad:hover .typ-izby-viac { bottom: 60px; opacity: 1; }
	
.obsah-foto-posun { margin-top: 50%; transform: translateY(-50%); }

.boxik-inside-container { position: absolute; top: 50%; left: 20%; width: 60%; text-align: center; transform: translateY(-50%); }

.customPrevBtn { position: absolute; top: -40px; left: 0px; }
.customNextBtn { position: absolute; top: -40px; right: 30px; }
.velky-slider-foto { height: 400px; }

/* FOOTER */
.social-container, .copyright-container { text-align: left; }
.newsletter-input { width: 240px; }
.text-left-center { text-align: left; }
.text-right-center { text-align: right; }
#footer #back-top a { color: #40331E; }

/* WIDGETS */
#rezervacia { position: fixed; bottom: 30px; left: 50%; margin-left: -200px; width: 400px; background: #A9937B; background: #FFFFFF; background: none; z-index: 999; box-shadowx: 10px 0px 55px -14px rgba(0,0,0,0.95); }
	#rezervacia.down, body.menu-active #rezervacia { bottom: -200px; }
	body.scrolled #rezervacia { bottom: 0px; }
.rezervacia-container { padding: 0px; }
#rezervacia .title { text-transform: uppercase; font-size: 10px; color: #21201B; }
.form-control { display: block; margin-top: 6px; width: 100%; border: 1px solid #21201B; height: 70px; font-size: 24px; text-align: left; border-radius: 0px; background: none; }
.submit { display: block; margin-top: 0px; width: 100%; background: #602232; background: #F3E6CE; background: #CEA04A; border: none; height: 70px; font-family: "margin-mvb",sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 1.5px; color: #21201B; text-align: center; border-radius: 0px; text-transform: uppercase; }
.form-control { height: 50px; font-size: 20px; font-family: "margin-mvb",sans-serif; font-size: 16px; }
.submit { height: 50px; font-size: 16px; }
.rezervacia-container, body.scrolled .rezervacia-container { padding-top: 6px; padding-bottom: 6px; }
/*.form-control, body.scrolled .form-control { height: 26px; font-size: 16px; }*/
.submit, body.scrolled .submit { height: 58px; font-size: 16px; }
#registraciaVIPForm .form-control { text-align: left; font-size: 14px; }
.form-control::placeholder { color: #21201B; opacity: 1; }
.form-control::-ms-input-placeholder { color: #21201B; }


.akcia-right { position: absolute; top: 200px; right: 10px; widthx: 200px; border: 2px solid #FFFFFF; border-right: 5px solid #FFFFFF; padding: 10px; color: #FFFFFF; }
.rezervacia-mini { position: fixed; topx: 140px; bottom: 0px; right: -250px; widthx: 200px; padding: 15px; background: #9B011E; background: #347588; font-size: 16px; font-weight: 600; letter-spacing: 1.5px; color: #FFFFFF; box-shadow: 10px 0px 55px -4px rgba(0,0,0,0.95); z-index: 999; }
	.rezervacia-mini:hover { color: #F3E6CE; }
	body.previo .rezervacia-mini { display: none; }
.rezervacia-mini.in { right: 0px; }

.rezervacia-header { display: inline-block; padding: 8px 16px; margin-left: 20px; background: none; border: 1px solid #FFFFFF; font-family: "margin-mvb",sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: #FFFFFF; }
	.rezervacia-header:hover { border: 1px solid #CEA04A; background: #CEA04A; color: #21201B; }
	
#rezervacia-room { position: static; background: #FFFFFF; }
.rezervacia-room-container { padding: 30px; }
#rezervacia-room .title { text-transform: uppercase; font-size: 10px; color: #21201B; }


/* MEDIA QUERIES */
@media (min-width: 2000px) {
	.container-detail { padding: 40px 500px; }
}
@media (max-width: 1700px) {
	#header #menu .menuitem { margin-left: 15px; margin-right: 15px; }
}
@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; }
}
@media (max-width: 1540px) {
	#header #menu .menuitem { margin-left: 10px; margin-right: 10px; }
	#menu .menuitem { font-size: 26px; }
}
@media (max-width: 1440px) {
	.container-detail { padding: 40px 100px; }
	.content_container { margin-left: 180px; margin-right: 180px; }
	.main_container { padding-left: 10%; padding-right: 10%; }
	
	#header #menu .menu-leftside { text-alignx: left; padding-right: 0px; }
	#header #menu .menu-rightside { text-alignx: right; padding-left: 0px; }
	#topbar { padding-bottomx: 25px; }
	#header .menu-container { padding-topx: 20px; padding-bottomx: 20px; padding-left: 0px !important; padding-right: 0px !important; }
	#header .menu-container { display: none; }
	
	.typ-izby-slide { display: inline-block; width: 500px; height: 500px; }
}
@media (max-width: 1320px) {
}

@media (max-width: 1200px) {
	h1 { font-size: 36px; }
	
	.container-big { padding: 80px; }
	.container120 { padding: 80px; }
	.main_container { padding-left: 5%; padding-right: 5%; }
	.main_container_wide { padding-left: 25px; padding-right: 25px; }
	
	#header #menu .menuitem { display: inline-block; padding: 10px 0px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; position: relative; margin-left: 10px; margin-right: 10px; }
}
@media (max-width: 1090px) {
	.logo { max-width: 240px; }
}
@media (min-width: 991px) {
	#menu-selector.scrolled { padding-leftx: 330px; }
	#menu-selector.scrolled a {  }
}
@media (min-width: 1281px) {
	#menu { display: block; }
	#menu-mobile { display: none; }
	#menu-selector.scrolled { position: fixed; top: 100px; left: 0px; width: 100%; z-index: 99999; }
}
@media (max-width: 1280px) {
	.logo { max-width: 200px; }
	/*.logo-crystal { position: absolute; top: 10px; left: 50%; margin-left: -60px; width: 120px; }*/
	.content_container { margin-left: 140px; margin-right: 140px; }
	#menu { display: none; margin-top: 0px; padding-top: 0px; padding-bottomX: 20px; }
	#menu-mobile { display: inline-block; }
	#header .menu-container { padding-top: 0px; padding-bottom: 0px; }
	.galeria-photo-outer-container { overflow: hidden; }	
}

@media (max-width: 1280px) {
	#window { margin-left: 0px; margin-rightx: 30px; box-shadow: none; }
	/*#header { 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; }*/
	.logo-crystalx { position: absolute; top: 15%; left: 50%; margin-left: -100px; width: 200px; }
	.topmargin { margin-topx: 60px; }
	.container-big { padding: 60px; }
	.container120 { padding: 60px; }
	#header-bottomx { position: static; bottom: auto; left: auto; width: 100%; text-align: center; margin-top: 20px; }
	#header .menu-mobile-container { text-align: right; display: block; }
	.phone-container { float: left; width: 100%; margin-bottom: 10px; }
	.email-container { float: left; width: 100%; margin-left: 0px; padding-left: 0px; border-left: 0px solid #74594C; }
	
	#topbar:after { width: 40%; }
	#topbar:before { width: 40%; }

	.container-detail { padding-left: 30px; padding-right: 30px; }
	.content_container { margin-left: 40px; margin-right: 40px; }
	.container { padding-left: 30px; padding-right: 30px; }
	.menu-inside-container { width: 50%; }
	#header #menu .menuitem { display: block; }
	
	.backstretch-caption { bottom: 56%; }
	.backstretch-caption.active { bottom: 55%; }
	.scroll-down { bottom: 30%; }
}
@media (max-width: 991px) {
	.boxiky-container { display: flex; flex-direction: column-reverse; }
	.customPrevBtn { position: absolute; top: -40px; left: 30px; }
}
@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; }
}
@media (max-width: 880px) {
}
@media (max-width: 767px) {
	h1 { font-size: 23px; }
	.p_xl { padding: 40px 60px; }
	.container-inside { padding: 30px; }
	.copyright-container { padding-bottom: 80px; }
	body.previo #application { padding-left: 5px; padding-right: 5px; }
	.menu-inside-container { width: 100%; }
	.pageblock-inside-container { padding-top: 40px; padding-bottom: 40px; }
	.slider-diamant { display: none; }
	.obsah-foto-posun { margin-top: 0%; transform: translateY(0%); }
	.footer-container { display: flex; flex-direction: column-reverse; }
}
@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; }
	a.social { font-size: 14px !important; margin-leftx: 15px; height: 20px; }	
	.menu-inside-container { padding-left: 80px; }
	
	.social-container, .copyright-container { text-align: center; }
	.container.footer-oznam { padding-left: 0px; padding-right: 0px; }
	.pageblock-oznam, .kontaktny-formular { margin-left: -30px; margin-right: -30px; }
	
	.boxik-inside-container { position: absolute; top: 50%; left: 10%; width: 80%; text-align: center; transform: translateY(-50%); }
	.typ-izby-slide { display: inline-block; width: 460px; height: 460px; }
	
	.pageblock.diamant-bg, .pageblock.diamant-bg-L, .pageblock.diamant-bg-R, #footer { background-image: none; }
	.velky-slider-foto { height: 260px; }
}
@media (max-width: 480px) {
	.p_xl { padding: 30px 30px; }
	.container-inside { padding: 20px; }
	#topbar { padding-right: 0px; padding-top: 22px; padding-bottom: 0px; }
		body.scrolled #header { height: 70px; }
	#topbar:after { width: 35%; }
	#topbar:before { width: 35%; }

	#header-menu { background-image: none; }
	#menu { padding-topX: 20px; }
	#menu .menuitem { font-size: 20px; }
	.menu-inside-container { padding-top: 120px; padding-left: 40px; }
	
	#rezervacia { background: #CEA04A; margin-left: -100px; width: 200px; }
	.rezervacia-container { padding: 25px 10px; }
	
	#header .menu-mobile-container { text-align: right; }
	.logo-crystalx { display: none; }
	.logo-crystal { position: absolute; top: 10px; left: 50%; margin-left: -50px; width: 100px; }
	a.social { font-sizex: 18px !important; }
	.phone-container { float: left; width: auto; margin-bottom: 6px; }
	.email-container { float: left; width: auto; margin-left: 15px; padding-left: 15px; border-left: 1px solid #74594C; }
	
	.backstretch-caption { font-size: 30px; }
	
	.typ-izby-slide { display: inline-block; width: 420px; height: 420px; }
	.typ-izby-slide:hover .inside-container { padding: 30px 30px; }
	.typ-izby-slide h3 { top: 20px; left: 20px; font-size: 22px; }
		.typ-izby-slide:hover h3 { top: 20px; }
		.typ-izby-slide:hover .typ-izby-overlay { background: rgba(33,32,27,.9); }
	.typ-izby-slide .popis { bottom: 20px; left: 20px; right: 20px; font-size: 12px; }
		.typ-izby-slide .popis div { font-size: 12px; }
		
	.boxik-inside-container { position: static; top: auto; left: auto; width: 100%; padding: 20px; text-align: center; transform: none; }
	
	.newsletter-input { width: 150px; }
	.text-left-center { text-align: center; }
	.text-right-center { text-align: center; }
	.copyright-container { text-align: center; }
}
@media (max-width: 420px) {
	#menu-mobile { left: 80px; margin-left: 0px; }
	.typ-izby-slide { display: inline-block; width: 380px; height: 380px; }
}
@media (max-width: 380px) {
	#menu-mobile { left: 80px; margin-left: 0px; }
	.typ-izby-slide { display: inline-block; width: 320px; height: 320px; }
}