* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
}
.Form{
    opacity:1;
}
.Form-active{
    opacity:0;

    animation-name: Form-animation;
	animation-duration: 0.8s;
}
@keyframes Form-animation{
	0% {
		opacity: 1;

	}

    100%{
       		opacity: 0;

    }
}
.Form-active-2{
    opacity:1;

    animation-name: Form-animation-2;
	animation-duration: 0.8s;
}
@keyframes Form-animation-2{
	0% {
		opacity: 0;

	}

    100%{
       		opacity: 1;

    }
}
.error-text{
	margin-bottom: 10px;
}
.mainholder{
	color: #17252A;
	font-size: 18px;
	margin-left: 2px;
	margin-bottom: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-style: italic;
}
.holder{
	color: #57647e;
	font-size: 13px;
	margin-left: 2px;
	margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-style: italic;
}
.field{
	float:left;
	padding-left: 5px;
}

.datum-input{
width:200px;
height: 3.125rem;
padding: .75em 1.25em .875em;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
color: inherit;
background-color: #fff;
background-image: none;
border: 1px solid #c3cad8;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s,color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,color ease-in-out .15s;
transition: border-color ease-in-out .15s,color ease-in-out .15s;
background-image: url(calendar-o.svg);
background-repeat: no-repeat;
background-position: right 0.5rem top 0.75rem;
background-size: 1.5rem;
margin-bottom: 15px;
z-index:999;
}
textarea:focus, input:focus{
    outline: none;
}
.dog-input{
width:200px;
height: 3.125rem;
padding: .75em 1.25em .875em;
padding-right: 1.25em;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
color: inherit;
background-color: #fff;
background-image: none;
border: 1px solid #c3cad8;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s,color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,color ease-in-out .15s;
transition: border-color ease-in-out .15s,color ease-in-out .15s;
padding-right: 2.7em;
background-image: url(paw-solid.svg);
background-repeat: no-repeat;
background-position: right 0.5rem top 0.75rem;
background-size: 1.5rem;
z-index:999;
cursor: pointer;
}
.polopenze-input{
width:200px;
height: 3.125rem;
padding: .75em 1.25em .875em;
padding-right: 1.25em;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
color: inherit;
background-color: #fff;
background-image: none;
border: 1px solid #c3cad8;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s,color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,color ease-in-out .15s;
transition: border-color ease-in-out .15s,color ease-in-out .15s;
padding-right: 2.7em;
background-image: url(bacon-solid.svg);
background-repeat: no-repeat;
background-position: right 0.5rem top 0.75rem;
background-size: 1.5rem;
z-index:999;
cursor: pointer;
}
.polopenze-input-checked{
width:200px;
height: 3.125rem;
padding: .75em 1.25em .875em;
padding-right: 1.25em;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
color: inherit;
background-color: #fff;
background-image: none;
border: 1px solid #c3cad8;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s,color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,color ease-in-out .15s;
transition: border-color ease-in-out .15s,color ease-in-out .15s;
padding-right: 2.7em;
background-image: url(check-solid.svg);
background-repeat: no-repeat;
background-position: right 0.5rem top 0.75rem;
background-size: 1.5rem;
z-index:999;
cursor: pointer;
}
.dog-input-checked{
width:200px;
height: 3.125rem;
padding: .75em 1.25em .875em;
padding-right: 1.25em;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
color: inherit;
background-color: #fff;
background-image: none;
border: 1px solid #c3cad8;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s,color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,color ease-in-out .15s;
transition: border-color ease-in-out .15s,color ease-in-out .15s;
padding-right: 2.7em;
background-image: url(check-solid.svg);
background-repeat: no-repeat;
background-position: right 0.5rem top 0.75rem;
background-size: 1.5rem;
z-index:999;
cursor: pointer;
}
.email-input{
width:200px;
height: 3.125rem;
padding: .75em 1.25em .875em;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
color: inherit;
background-color: #fff;
background-image: none;
border: 1px solid #c3cad8;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s,color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,color ease-in-out .15s;
transition: border-color ease-in-out .15s,color ease-in-out .15s;
background-image: url(envelope-regular.svg);
background-repeat: no-repeat;
background-position: right 0.5rem top 0.75rem;
background-size: 1.5rem;
margin-bottom: 15px;
z-index:999;
display:inline;
}
.email-input-disabled{
    display:none;
}
.name-input{
width:200px;
height: 3.125rem;
padding: .75em 1.25em .875em;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
color: inherit;
background-color: #fff;
background-image: none;
border: 1px solid #c3cad8;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s,color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,color ease-in-out .15s;
transition: border-color ease-in-out .15s,color ease-in-out .15s;
z-index:999;
margin-bottom:15px;
display:inline;
}
.name-input-container div{

display:none;
}
.name-input-container{
display:none;
}
.input-container{
display:inline;
}
.input-container-active{
display:none;
}
.name-input-container-active .name-input-2{
height: 3.125rem;
padding: .75em 1.25em .875em;
padding-right: 1.25em;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
line-height: 5;
color: inherit;
background-color: #fff;
background-image: none;
border: 1px solid #c3cad8;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s,color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,color ease-in-out .15s;
transition: border-color ease-in-out .15s,color ease-in-out .15s;
padding-right: 2.7em;
z-index:999;
margin-top:50px;
display:inline;
}
.name-input-container-active .name-input-2-dog{
height: 3.125rem;
padding: .75em 1.25em .875em;
padding-right: 1.25em;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
line-height: 5;
color: inherit;
background-color: #fff;
background-image: none;
border: 1px solid #c3cad8;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s,color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,color ease-in-out .15s;
transition: border-color ease-in-out .15s,color ease-in-out .15s;
padding-right: 2.7em;
background-image: url(check-solid.svg);
background-repeat: no-repeat;
background-position: right 0.5rem top 0.75rem;
background-size: 1.5rem;
z-index:999;
margin-top:50px;
display:inline;
}
.name-input-25-dog{
display:none;
}
.name-input-25{
display:none;
}
.phone-input{
width:200px;
height: 3.125rem;
padding: .75em 1.25em .875em;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
color: inherit;
background-color: #fff;
background-image: none;
border: 1px solid #c3cad8;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s,color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,color ease-in-out .15s;
transition: border-color ease-in-out .15s,color ease-in-out .15s;
background-image: url(phone-solid.svg);
background-repeat: no-repeat;
background-position: right 0.5rem top 0.75rem;
background-size: 1.5rem;
z-index:999;
margin-bottom:15px;
}
.kids-input{
width:200px;
height: 3.125rem;
padding: .75em 1.25em .875em;
padding-right: 1.25em;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
color: inherit;
background-color: #fff;
background-image: none;
border: 1px solid #c3cad8;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s,color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,color ease-in-out .15s;
transition: border-color ease-in-out .15s,color ease-in-out .15s;
padding-right: 2.7em;
background-image: url();
background-repeat: no-repeat;
background-position: right 0.5rem top 0.75rem;
background-size: 1.5rem;
z-index:999;
margin-bottom:15px;
}
.rooms-input{
width:200px;
height: 3.125rem;
padding: .75em 1.25em .875em;
padding-right: 1.25em;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
color: inherit;
background-color: #fff;
background-image: none;
border: 1px solid #c3cad8;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s,color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,color ease-in-out .15s;
transition: border-color ease-in-out .15s,color ease-in-out .15s;
padding-right: 2.7em;
background-image: url();
background-repeat: no-repeat;
background-position: right 0.5rem top 0.75rem;
background-size: 1.5rem;
z-index:999;
margin-bottom:15px;
}

.prijezd-label{
 margin-bottom: .5625em;
 color:#666;
 z-index:999;
}
.detail-primary div{
font-size: 1em;
font-weight: 700;
line-height: 2;
padding-right:2.5px;
padding-left:2.5px;
letter-spacing: 0.1em;
margin-right: calc(0.25em * -1);
text-align: center;
position: relative;
display: inline-block;
transition-property: color, text-shadow;

}
.detail-primary i{
font-size: 1em;
font-weight: 700;
line-height: 2;
padding-right:2.5px;
padding-left:5px;
letter-spacing: 0.1em;
margin-right: calc(0.25em * -1);
text-align: center;
position: relative;
display: inline-block;
transition-property: color, text-shadow;

}
.button-detail{

margin-top:20px;
margin-bottom:50px;
background-color: #0f3614;
font-size: 1em;
border-radius: 0.2em;
box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25);
display: inline-flex;
flex-direction: column;
float:right;
min-width: 1px;
border-radius: 0.2em;
cursor: pointer;
transition-property: border-color, background-color, box-shadow, opacity, transform;
font-family: minerva-modern,sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.8;
color: hsl(0,0%,100%);
transition: 0.3s;
padding-left:5px;
padding-right:5px;

}
.button-detail:hover{
background-color: #ffffff;
color: #0f3614;
}
.detail-primary-back div{
font-size: 1em;
font-weight: 700;
line-height: 2;
padding-right:5px;
padding-left:2.5px;
letter-spacing: 0.1em;
margin-right: calc(0.25em * -1);
text-align: center;
position: relative;
display: inline-block;
transition-property: color, text-shadow;

}
.detail-primary-back i{
font-size: 1em;
font-weight: 700;
line-height: 2;
padding-right:2.5px;
padding-left:2.5px;
letter-spacing: 0.1em;
margin-right: calc(0.25em * -1);
text-align: center;
position: relative;
display: inline-block;
transition-property: color, text-shadow;

}

.submit{
display:none;
}
.submit-active{
margin-top:20px;
margin-bottom:50px;
background-color: #0f3614;
font-size: 1em;
font-weight: 700;
line-height: 2;
padding-right:5px;
padding-left:7px;
letter-spacing: 0.1em;
margin-right: calc(0.25em * -1);
text-align: center;
position: relative;
transition-property: color, text-shadow;
text-decoration: none;
border:none;
color:#fff;
border-radius: 0.2em;
box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25);
display: inline-flex;
flex-direction: column;
cursor: pointer;
transition: 0.3s;
float:right;
opacity:1;
animation-name: Form-animation-2;
animation-duration: 0.8s;
}
.submit-active-2{
margin-top:20px;
margin-bottom:50px;
background-color: #0f3614;
font-size: 1em;
font-weight: 700;
line-height: 2;
padding-right:5px;
padding-left:7px;
letter-spacing: 0.1em;
margin-right: calc(0.25em * -1);
text-align: center;
position: relative;
transition-property: color, text-shadow;
text-decoration: none;
border:none;
color:#fff;
border-radius: 0.2em;
box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25);
display: inline-flex;
flex-direction: column;
cursor: pointer;
transition: 0.3s;
float:right;
opacity:0;
animation-name: Form-animation;
animation-duration: 0.8s;
}
.submit-disabled{
display:none;
}
.button-detail-active{
margin-top:20px;
margin-bottom:50px;
background-color: #0f3614;
font-size: 1em;
border-radius: 0.2em;
box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25);
display: inline-flex;
flex-direction: column;
float:right;
min-width: 1px;
border-radius: 0.2em;
cursor: pointer;
transition-property: border-color, background-color, box-shadow, opacity, transform;
font-family: minerva-modern,sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.8;
color: hsl(0,0%,100%);
transition: 0.3s;
padding-left:5px;
padding-right:5px;
opacity:0;
animation-name: Form-animation;
animation-duration: 0.8s;
}
.button-detail-active-2{
margin-top:20px;
margin-bottom:50px;
background-color: #0f3614;
font-size: 1em;
border-radius: 0.2em;
box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25);
display: inline-flex;
flex-direction: column;
float:right;
min-width: 1px;
border-radius: 0.2em;
cursor: pointer;
transition-property: border-color, background-color, box-shadow, opacity, transform;
font-family: minerva-modern,sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.8;
color: hsl(0,0%,100%);
transition: 0.3s;
padding-left:5px;
padding-right:5px;
opacity:1;
animation-name: Form-animation-2;
animation-duration: 0.8s;
}
.button-detail-disabled{
display:none;
}
input[type=submit]:hover{
background-color: #ffffff;
color: #0f3614;
}
.button-detail-back{

display:none;
}
.button-detail-back-disabled{
margin-top:20px;
margin-bottom:50px;
background-color: #0f3614;
font-size: 1em;
border-radius: 0.2em;
box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25);
display: inline-flex;
flex-direction: column;
float:left;
min-width: 1px;
border-radius: 0.2em;
cursor: pointer;
transition-property: border-color, background-color, box-shadow, opacity, transform;
font-family: minerva-modern,sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.8;
color: hsl(0,0%,100%);
transition: 0.3s;
padding-left:5px;
padding-right:5px;
display:inline;
opacity:0;
animation-name: Form-animation;
animation-duration: 0.8s;
}
.sendingform{
display:none;
}
.button-detail-back-active{

margin-top:20px;
margin-bottom:50px;
background-color: #0f3614;
font-size: 1em;
border-radius: 0.2em;
box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25);
display: inline-flex;
flex-direction: column;
float:left;
min-width: 1px;
border-radius: 0.2em;
cursor: pointer;
transition-property: border-color, background-color, box-shadow, opacity, transform;
font-family: minerva-modern,sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.8;
color: hsl(0,0%,100%);
transition: 0.3s;
padding-left:5px;
padding-right:5px;
display:inline;
animation-name: Form-animation-2;
animation-duration: 0.8s;
opacity:1;
}
.button-detail-back-active:hover{
background-color: #ffffff;
color: #0f3614;
}
.raw i{
    font-size:30px;
}
.raw{
    font-family: 'Verdana', sans-serif;
    font-size:30px;
    word-spacing:20px;
    line-height: 250%;
    color:#091f0c;
}

.rezervace
{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
}

.rezervace .container
{
	min-width: 410px;
}

.nadpis {
	margin-top: 50px;
	margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #17252A;
}	

@media only screen and (max-width: 260px)
{
	.rezervace .container
	{
		min-width: 0px;
	}
}

@media only screen and (max-width: 300px)
{
	.rezervace .container
	{
		transform: scale(0.6);
	}
}

@media only screen and (max-width: 450px) and (min-width: 300px)
{
	.rezervace .container
	{
		transform: scale(0.7);
	}
}
	/* CSS Document */