@charset "utf-8";
@charset "utf-8";


@font-face {
font-family:'LF regular';
src:url(//www.grandkopaonik.com/booking/webfonts/LibreFranklin-Regular.ttf)
}
@font-face {
font-family:'LF italic';
src:url(//www.grandkopaonik.com/booking/webfonts/LibreFranklin-Italic.ttf)
}
@font-face {
font-family:'LF litalic';
src:url(//www.grandkopaonik.com/booking/webfonts/LibreFranklin-LightItalic.ttf)
}
@font-face {
font-family:'LF semi-bold';
src:url(//www.grandkopaonik.com/booking/webfonts/LibreFranklin-SemiBold.ttf)
}
@font-face {
font-family:'Figgins Italic';
src:url(//www.grandkopaonik.com/booking/webfonts/Figgins-Italic.ttf)
}
body, html {
font-family:'LF regular', Arial, sans-serif;
font-weight:400;
color:#212121;
font-size:18px;
line-height:1.7;
word-wrap:break-word;
background:#fff;
position:relative
}
h1 {
font-size:inherit;
line-height:inherit;
font-weight:inherit;
margin:inherit;
padding:inherit
}
h2 {
font-size:30px;
line-height:inherit;
font-weight:500;
margin:0 0 10px 0;
padding:0
}
a {
text-decoration:none;
color:inherit;
outline:0
}
p:last-child {
margin:0
}
textarea {
resize:none
}
input:focus {
outline:0
}
select:focus-visible {
outline:0
}
form#callendarForm {
margin-top:0px
}
#callendarForm .demo {
display:flex;
flex-wrap:wrap;
align-content:stretch;
justify-content:space-between;
width:90% !important;
margin:0 auto;
padding:30px; }
#callendarForm .demo input {
border-top:0;
border-left:0;
border-right:0;
border-bottom:2px solid #7b6b29
}
#callendarForm .demo select {
border-top:0;
border-left:0;
border-right:0;
border-bottom:2px solid #7b6b29
}
#callendarForm .demo button {
outline: 0;
border: none;
background-color: #001732;
color: #fff;
padding: 9px 24px 10px !important;
text-transform: uppercase;
}
#callendarForm .demo button:hover {
background-color: #7b6b29;
}
span.next, span.prev {
position:relative
}
span.next::after {
content:"";
width:21px;
height:2px;
background:#7b6b29;
position:absolute;
transform:rotate(135deg);
bottom:0;
right:0
}
span.next::before {
content:"";
width:21px;
height:2px;
background:#7b6b29;
position:absolute;
transform:rotate( 45deg);
top:0;
right:0
}
span.prev::after {
content:"";
width:21px;
height:2px;
background:#7b6b29;
position:absolute;
transform:rotate(45deg);
bottom:0;
right:0
}
span.prev::before {
content:"";
width:21px;
height:2px;
background:#7b6b29;
position:absolute;
transform:rotate( 135deg);
top:0;
right:0
}
.manualHeight {
height:20px
}
a.cancel-button {
width: 100%;
text-align: end;
height: 0;
color: #766632;
font-weight: 300;
line-height: 25px;
font-size: 12px;
font-style: italic;
}
select {
-moz-appearance:none;
-webkit-appearance:none;
appearance:none
}
.selectdiv {
position:relative
}
select::-ms-expand {
display:none
}
.selectdiv:after {
content:'\f0d7';
font:17px Consolas, monospace;
color:#7b6b29;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
right:0;
font-weight:700;
top:18px;
padding:0 0 2px;
position:absolute;
pointer-events:none;
font-family:"Font Awesome 5 Free"
}
.selectdiv select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:block;
width:100%;
max-width:320px;
height:50px;
float:right;
padding:0 80px 0 0;
font-size:16px;
line-height:1.75;
color:#333;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
-ms-word-break:normal;
word-break:normal
}
.selectdiv select > option {
background: #ffffff !important;
border: 1px solid #7b6b29 !important;
font-family: "Libre Franklin", Sans-serif !important;
line-height: 20px;
}
.selectdiv input {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:block;
width:100%;
max-width:320px;
height:50px;
font-size:16px;
line-height:1.75;
color:#333;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
-ms-word-break:normal;
word-break:normal
}
#wrapper {
width:800px;
margin:0 auto;
color:#333;
font-family:Tahoma, Verdana, sans-serif;
line-height:1.5;
font-size:14px
}
.demo {
margin:30px 0
}
.date-picker-wrapper .month-wrapper table .day.lalala {
background-color:orange
}
.options {
display:none;
border-left:6px solid #8ae;
padding:10px;
font-size:12px;
line-height:1.4;
background-color:#eee;
border-radius:4px
}
.date-picker-wrapper.date-range-picker19 .day.first-date-selected {
background-color:red!important
}
.date-picker-wrapper.date-range-picker19 .day.last-date-selected {
background-color:orange!important
}
@media (max-width:767px){body,html{font-size:16px}#callendarForm .demo{width:100%;flex-wrap:wrap;height:auto;padding:15px}#callendarForm .demo input{margin-bottom:15px}input#date-range0{width:100%!important}#callendarForm .demo select{margin-bottom:15px}#callendarForm .demo button{width:100%;height:45px}.date-picker-wrapper .month-wrapper table{width:100%;float:unset}a.cancel-button{text-align:start;height:20px}.selectdiv input{max-width:unset}.date-picker-wrapper .month-name{font-size:30px!important}.date-picker-wrapper.no-shortcuts{padding-bottom: 12px;}}@media (max-width:1440px){.bg-holder{height:90vh}}@media (max-width:1366px){.bg-holder{height:90vh}}.date-picker {
width:170px;
height:25px;
padding:0;
border:0;
line-height:25px;
padding-left:10px;
font-size:12px;
font-family:inherit;
font-weight:inherit;
cursor:pointer;
color:#303030;
position:relative;
z-index:2
}
.date-picker-wrapper {
position:absolute;
z-index:1;
border:1px solid #7b6b29;
background-color:transparent;
padding:5px 12px;
font-size:12px;
line-height:20px;
color:#505153;
font-family:inherit
}
.dp-clearfix {
clear:both;
height:0;
font-size:0
}
.date-picker-wrapper.inline-wrapper {
position:relative;
-webkit-box-shadow:none;
box-shadow:none;
display:inline-block
}
.date-picker-wrapper.single-date {
width:auto
}
.date-picker-wrapper.no-shortcuts {
padding-bottom:12px
}
.date-picker-wrapper.no-topbar {
padding-top:12px
}
.date-picker-wrapper .footer {
font-size:11px;
padding-top:3px
}
.date-picker-wrapper b {
color:#666;
font-weight:700
}
.date-picker-wrapper a {
color:#6bb4d6;
text-decoration:underline
}
.date-picker-wrapper .month-name {
text-transform:capitalize;
text-align:left!important;
font-size:40px;
font-weight:100;
font-style:italic;
font-family:'Figgins Italic', Arial, sans-serif
}
.date-picker-wrapper .select-wrapper {
position:relative;
overflow:hidden;
display:inline-block;
vertical-align:middle
}
.date-picker-wrapper .select-wrapper:hover {
text-decoration:underline
}
.date-picker-wrapper .month-element {
display:inline-block;
vertical-align:middle
}
.date-picker-wrapper .select-wrapper select {
position:absolute;
margin:0;
padding:0;
left:0;
top:-1px;
font-size:inherit;
font-style:inherit;
font-weight:inherit;
text-transform:inherit;
color:inherit;
cursor:pointer;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:0 0;
border:0;
outline:0;
opacity:.01
}
.date-picker-wrapper .month-wrapper {
background-color:#fff;
padding:12px;
cursor:default;
position:relative
}
.date-picker-wrapper .month-wrapper table {
width:190px;
float:left
}
.date-picker-wrapper .month-wrapper table.month2 {
width:190px;
float:left
}
.date-picker-wrapper .month-wrapper table td, .date-picker-wrapper .month-wrapper table th {
vertical-align: middle;
text-align: center;
line-height: 14px;
margin: 0;
padding: 0;
width: 40px !important;
}
.date-picker-wrapper .month-wrapper table .day {
padding:5px 0;
line-height:1;
font-size:12px;
margin-bottom:1px;
color:#ccc;
cursor:default
}
.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth {
color:#999;
cursor:default
}
.date-picker-wrapper .month-wrapper table .day.checked {
background-color:#f6f3ef
}
.date-picker-wrapper .month-wrapper table .week-name {
height: 30px;
line-height: 30px;
font-weight: 100 !important;
text-transform: uppercase;
font-size: 14px;
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip {
cursor:help!important
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
white-space:nowrap
}
.date-picker-wrapper .time label {
white-space:nowrap
}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
color:#333;
cursor:pointer
}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
background-color:#f6f3ef
}
.date-picker-wrapper .month-wrapper table .day.lastMonth, .date-picker-wrapper .month-wrapper table .day.nextMonth {
display:none
}
.date-picker-wrapper .month-wrapper table .day.real-today {
background-color: #7B6B29;
color: #fff !important;
}
.date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
background-color:#70ccd5
}
.date-picker-wrapper table .caption {
height:40px
}
.date-picker-wrapper table .caption>th:first-of-type, .date-picker-wrapper table .caption>th:last-of-type {
width:27px
}
.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
padding:0 5px;
cursor:pointer
}
.date-picker-wrapper .gap {
position:relative;
z-index:1;
width:15px;
height:100%;
background-color:red;
font-size:0;
line-height:0;
float:left;
top:-5px;
margin:0 10px -10px;
visibility:hidden;
height:0
}
.date-picker-wrapper .gap .gap-lines {
height:100%;
overflow:hidden
}
.date-picker-wrapper .gap .gap-line {
height:15px;
width:15px;
position:relative
}
.date-picker-wrapper .gap .gap-line .gap-1 {
z-index:1;
height:0;
border-left:8px solid #fff;
border-top:8px solid #eee;
border-bottom:8px solid #eee
}
.date-picker-wrapper .gap .gap-line .gap-2 {
position:absolute;
right:0;
top:0;
z-index:2;
height:0;
border-left:8px solid transparent;
border-top:8px solid #fff
}
.date-picker-wrapper .gap .gap-line .gap-3 {
position:absolute;
right:0;
top:8px;
z-index:2;
height:0;
border-left:8px solid transparent;
border-bottom:8px solid #fff
}
.date-picker-wrapper .gap .gap-top-mask {
width:6px;
height:1px;
position:absolute;
top:-1px;
left:1px;
background-color:#eee;
z-index:3
}
.date-picker-wrapper .gap .gap-bottom-mask {
width:6px;
height:1px;
position:absolute;
bottom:-1px;
left:7px;
background-color:#eee;
z-index:3
}
.date-picker-wrapper .selected-days {
display:none ;
}
.date-picker-wrapper .drp_top-bar {
line-height:1.4;
position:relative;
padding:10px 40px 10px 0
}
.date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top {
display:none
}
.date-picker-wrapper .drp_top-bar .default-top {
display:block
}
.date-picker-wrapper .drp_top-bar.error .default-top {
display:none
}
.date-picker-wrapper .drp_top-bar.error .error-top {
display:block;
color:red
}
.date-picker-wrapper .drp_top-bar.normal .default-top {
display:none
}
.date-picker-wrapper .drp_top-bar.normal .normal-top {
display:block
}
.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
color:#333
}
.date-picker-wrapper .drp_top-bar .apply-btn {
position:absolute;
right:0;
top:6px;
padding:5px 8px;
margin:0;
font-size:12px;
border-radius:0px;
cursor:pointer;
color:#d9eef7;
border:solid 1px #7b6b29;
background:#7b6b29;
color:#fff;
line-height:initial
}
.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
cursor: pointer;
color: #505153;
border: solid 1px #7b6b29;
background: transparent;
padding: 5px 8px;
border-radius: 0;
}
.date-picker-wrapper .time {
position:relative
}
.date-picker-wrapper.single-month .time {
display:block
}
.date-picker-wrapper .time input[type=range] {
vertical-align:middle;
width:129px;
padding:0;
margin:0;
height:20px
}
.date-picker-wrapper .time1 {
width:180px;
padding:0 5px;
text-align:center
}
.time2 {
width:180px;
padding:0 5px;
text-align:center
}
.date-picker-wrapper .time1 {
float:left
}
.date-picker-wrapper .time2 {
float:right
}
.date-picker-wrapper .hour {
text-align:right
}
.minute {
text-align:right
}
.date-picker-wrapper .hide {
display:none
}
.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {
background-color:#f0ebe5!important
}
.date-picker-wrapper .date-range-length-tip {
position:absolute;
margin-top:-4px;
margin-left:-8px;
-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
box-shadow:0 0 3px rgba(0,0,0,.3);
display:none ;
background-color:#ff0;
padding:0 6px;
border-radius:2px;
font-size:12px;
line-height:16px;
-webkit-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));
-moz-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));
-ms-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));
-o-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));
filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3))
}
.date-picker-wrapper .date-range-length-tip:after {
content:'';
position:absolute;
border-left:4px solid transparent;
border-right:4px solid transparent;
border-top:4px solid #ff0;
left:50%;
margin-left:-4px;
bottom:-4px
}
.date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev {
display:none
}
.date-picker-wrapper .week-number {
padding:5px 0;
line-height:1;
font-size:12px;
margin-bottom:1px;
color:#999;
cursor:pointer
}
.date-picker-wrapper .week-number.week-number-selected {
color:#49e;
font-weight:700
}