@import url("/template/css/owl.carousel.min.css");
@import url("/template/css/owl.theme.default.min.css");
@import url("https://use.typekit.net/psq3ohi.css");

.container-fluid{margin-right:auto;margin-left:auto;padding-right:0rem;padding-left:0rem}.row{box-sizing:border-box;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:0rem;margin-left:0rem}.row.reverse{-ms-flex-direction:row-reverse;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}.col.reverse{-ms-flex-direction:column-reverse;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:0rem;padding-left:0rem}.col-xs{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-xs-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-xs-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-xs-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-xs-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-xs{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-xs{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-xs{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-xs{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-xs{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-xs{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-xs{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}@media only screen and (min-width:48em){.container{width:46rem}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:0rem;padding-left:0rem}.col-sm{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-sm-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-sm-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-sm-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-sm-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-1{margin-left:8.333%}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}.start-sm{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-sm{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-sm{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-sm{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-sm{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-sm{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-sm{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-sm{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}}@media only screen and (min-width:62em){.container{width:61rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:0rem;padding-left:0rem}.col-md{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-md-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-md-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-md-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-md-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}.start-md{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-md{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-md{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-md{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-md{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-md{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-md{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-md{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}}@media only screen and (min-width:75em){.container{width:71rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:0rem;padding-left:0rem}.col-lg{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-lg-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-lg-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-lg-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-lg-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}.start-lg{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-lg{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-lg{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-lg{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-lg{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-lg{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-lg{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-lg{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}}

*,
:after,
:before {
    box-sizing: border-box;
    outline: none;
    margin: 0;
    padding: 0;
}

#popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 45645645646456;
    background: rgb(0 0 0 / 0.75);
    display: none;
    color: white
}

#popup .wrapper-popup {
    position: relative;
    top: 100px;
    width: 96%;
    max-width: 870px;
    background: transparent;
    margin: 10px auto;
}

#popup #close {
    position: absolute;
    top: -50px;
    right: -10px;
    width: 50px;
    height: 50px;
    background: transparent;
    cursor: pointer;
}

#popup #close::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "\d7";
    font-size: 35px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-weight: 100;
    transition: 300ms;
}

#popup #close:hover::before {
    color: #229968
}

#map {
  width: 100%;
  height: 500px;
  color: black
}

#map-close {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    background: #229968;
    color: white;
    font-size: 20px;
    line-height: 40px;
    height: 40px;
    padding: 0 40px;
    border-radius: 6px;
    cursor: pointer;
    transition: 400ms
}

#map-close:hover {
    background: black
}

.break {
	width: 100%;
	height: 1px;
	line-height: 0px;
	font-size: 0px;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	float: none;
	clear: both;
	visibility: hidden;
}

.wrapp-10-0 {
  display: block;
  min-height: 1px;
  position: relative;
  padding: 10px 0 !important
}

.wrapp-20-0 {
  display: block;
  min-height: 1px;
  position: relative;
  padding: 20px 0 !important
}

.wrapp-30-0 {
  display: block;
  min-height: 1px;
  position: relative;
  padding: 30px 0 !important
}

.wrapp-40-0 {
  display: block;
  min-height: 1px;
  position: relative;
  padding: 40px 0 !important
}

.wrapp-50-0 {
  display: block;
  min-height: 1px;
  position: relative;
  padding: 50px 0 !important
}

.wrapp-60-0 {
  display: block;
  min-height: 1px;
  position: relative;
  padding: 60px 0 !important
}

body {
    padding: 0;
    margin: 0;
    width: 100%;
    color: #000000;
    background: #ffffff;
    font-family: "fieldwork", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 23px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004)
}

p {
    font-size: 16px;
    line-height: 26px;
    font-family: fieldwork, sans-serif;
    font-weight: 300;
}

input[type="submit"], input[type="text"],input[type="number"], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "fieldwork", sans-serif;
    font-weight: 400;
    font-style: normal;
    outline: none
}

a {
  text-decoration: none;
  color: inherit;
}

h1, h2, h3, h4 {
  font-family: fieldwork, sans-serif;
}

h1 {
  margin-bottom: 40px
}

h1 a {
  text-decoration: none;
  font-family: fieldwork, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 38px;
}

h2 {
  font-family: fieldwork, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 33px;
  line-height: 40px;
  color: #000
}

.delete-img {
    width: 25px;
    vertical-align: middle;
    margin: 0;
    margin-left: 20px;
    text-align: center;
    opacity: .5;
    transform: translateY(-3px);
    transition: 300ms
}

.delete-col {
  cursor: pointer;
}

.delete-img:hover {
   opacity: 1
}

header {
    position: fixed;
    height: 70px;
    z-index: 464646;
    background: white;
    width: 100%;
    left: 0;
    top: 0px;
    transition: 800ms;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

header.header-alt {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: white;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

header a svg {
    height: 50px;
    width: auto;
    padding: 8px 10px;
    margin: 14px 10px 6px;
}

main {
  margin-top: 70px;
  transition: 600ms
}

main.open {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    transition: 600ms
}

header a {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0
}

header img {
    width: auto;
    margin: 12px;
    height: 46px;
    display: inline-block;
}

header #main-menu {
    position: absolute;
    right: 0;
    top: 0;
    height: 70px;
    width: calc(100% - 300px);
    text-align: right;
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
}

header #main-menu li {
  display: inline-block;
  position: relative;
}

header #main-menu li a {
    position: relative;
    font-family: fieldwork, sans-serif;
    font-size: 15px;
    line-height: 26px;
    padding: 22px 17px;
    color: #000;
    transition: 600ms
}

header #main-menu li a::before {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    height: 3px;
    left: 17px;
    width: 0;
    background: #229968;
    transition: 250ms ease-out;
}

header #main-menu li a:hover::before, header #main-menu li a.act::before, header #main-menu li.active a::before {
  width: 40px
}

header #main-menu ul.submenu li a::before {
  display: none !important
}

header #main-menu li a.user::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-mask: url(/template/img/user.svg) 50% 50% no-repeat;
    clip-path: url(/template/img/user.svg) 50% 50% no-repeat;
    background-size: 15px;
    -webkit-mask-size: 15px !important;
    mask-size: 15px !important;
    background-color: #000;
    transition: 600ms
}

header #main-menu li a.user:hover::before {
    background-color: #229968
}

header #main-menu li a:hover {
    color: #229968
}

header #main-menu ul:not(.submenu) li:last-child a:hover {
    background: #fff;
    border: 2px solid #229968;
    color: #229968;
}

header #main-menu ul:not(.submenu) li:last-child a {
    background: #229968;
    color: #fff;
    padding: 3px 12px 5px;
    border-radius: 25px;
    border: 2px solid #229968;
    margin: 10px 30px 10px 8px;
}

header #main-menu .submenu {
    width: 200px;
    padding: 0;
    margin: 0;
    text-align: left;
    display: none;
    position: absolute;
    left: 17px;
    transform: none;
    top: 70px;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,.07), -1px 1px 2px 0px rgba(0,0,0,0.07), 1px 1px 0px 0px rgba(0,0,0,.07);
    overflow: hidden;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

header #main-menu li:hover > ul, header #main-menu li.active > ul {
   display: block;
}

header #main-menu li::selection, header #main-menu li a::selection {
  opacity: 0
}

header #main-menu .submenu li {
    width: 100%;
    text-align: left;
}

header #main-menu li.active a {
    color: #229967;
}

header #main-menu .submenu li a, header #main-menu li.active .submenu a {
    width: 100%;
    padding: 10px 10px 10px 20px;
    display: inline-block;
    background: black;
    color: white
}

header #main-menu .submenu li a:hover {
    color: white !important;
    background: #229967 !important;
}

header #main-menu .submenu:hover {
    visibility: visible;
    z-index: 912342;
    opacity: 1;
    display: block;
}

.owl-theme .owl-dots button {
  outline: none
}

.mainsearch {
  background-size: cover !important;
  background-position: center center;
  height: calc(100vh - 70px);
  min-height: 700px;
  position: relative;
}

.mainsearch::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: black;
  opacity: .25
}

.mainsearch a {
  color: white
}

.searchwrap {
    text-align: center;
    width: 100%;
    max-width: 1000px;
    margin: 0px auto;
    padding: 100px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.imp {
  display: inline-block;
}

.searchwrap input {
  font-family: fieldwork, sans-serif;
  font-weight: normal;
  padding: 14px 15px 14px 50px;
  border: none;
  font-size: 16px;
  border-radius: 2px;
  cursor: pointer;
  color: #251142;
}

.searchwrap input::-webkit-placeholder, .searchwrap input::placeholder {
   color: #000;
   opacity: .7
 }

 .row.form {
   max-width: 95%
 }

 .input-form h3 {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 0;
}

#gps .boxinfo {
  margin: 60px 0 15px;
  width: 500px;
  max-width: 100%
}

 .input-form #gps p span {
   text-decoration: underline !important;
   cursor: pointer;
 }

#upupplease {
  cursor: pointer;
}

.finder {
    padding: 9px 11px;
    margin: 8px;
    background: rgba(255, 255, 255, 0.25);
}

.loc, .datein, .dateout, .per {
  position: relative;
}

.datein, .dateout, .per {
    position: relative;
    width: 170px;
    margin: 2px
}

.loc {
    width: calc(100% - (170px * 3) - 25px);
}

.datein input , .dateout input , .per input, .loc input {
  width: 100%
}

.loc::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    background: url(/template/img/fpin.svg) 50% 50% no-repeat;
    filter: grayscale(1);
    background-size: 28px;
    width: 36px;
    height: 36px;
}

.datein::before, .dateout::before {
  content: '';
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    background: url(/template/img/fcal.svg) 50% 50% no-repeat;
    filter: grayscale(1);
    background-size: 20px;
    width: 36px;
    height: 36px;
}

.per::before {
  content: '';
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    background: url(/template/img/fpersons.svg) 50% 50% no-repeat;
    filter: grayscale(1);
    background-size: 28px;
    width: 36px;
    height: 36px;
}

.mywrapp {
    position: relative;
    width: 90%;
    max-width: 1680px;
    margin: 0 auto;
    padding: 60px 0;
}

#lastminute-owl .item a {
    margin-right: 20px;
}

#lastminute-owl .item a .pict {
  width: 100%;
  padding-bottom: 60%;
}

#lastminute-owl .item a .pict {
  position: relative;
}

#lastminute-owl .item a .pict::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  background: rgba(0,0,0,.1);
  z-index: 0
}

#lastminute h2 {
  margin-left: 20px;
  margin-bottom: 10px
}

#lastminute {
  position: relative;
  overflow: hidden;
}

label b::selection, label::selection  {
  background: transparent !important
}

.input-form .smallsel select {
    background-image: url(/template/img/ardown.svg);
    background-position: 90% 50%;
  }

  .input-form .smallsel input {
    width: 90%;
    max-width: 170px;
  }

  .radiobut div {
    position: absolute;
    top: 50% !important;
    left: 0 !important;
    height: 20px;
    width: 20px;
    background: #ffffff;
    border-radius: 100%;
    border: 1px solid #d8d8d8;
    cursor: pointer;
    transform: translateY(-42%);
    transition: 400ms;
}

.radiobut input:checked:focus~div, .radiobut input:checked~div, .radiobut:hover input:not([disabled]):checked~div {
    background: black;
    border: 1px solid #000;
}

.radiobut div::after {
    content: '';
    position: absolute;
    display: none;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.radiobut input:checked~div:after {
    display: block;
}

.input-form .radiobut input {
   visibility: hidden;
   opacity: 0
}

.input-form .radiobut b {
    margin-left: 27px;
    width: 100%;
    display: block;
    min-width: 95%;
    font-weight: 400;
    color: #000000
}

.input-form .radiobut {
    width: 100%;
    margin-bottom: 0;
    margin-left: 5px;
    cursor: pointer;
}

.favwow {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: .08
}

.favwow .fav {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: -100%;
  right: -300px;
  width: 600px;
  max-width: 80%;
  display: block;
  opacity: 0;
  transition: 1000ms
}

.pict .views {
  position: absolute;
  right: 10px;
  top: 7px;
  text-align: right;
  font-weight: normal;
}

.pict .views span {
  display: block;
    color: white;
    line-height: 18px;
    font-size: 12px;
}

.pict .views span.num {
    padding-left: 40px;
    position: relative;
    font-size: 15px;
    font-weight: 500;
}

.pict .views span.num::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  left: 0;
  background: url('/template/img/eye.svg') 50% 50% no-repeat;
  background-size: 22px;
  content: '';
}

#lastminute-owl .item a .pict .hotel {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(0deg);
  width: 100%;
  height: 100%;
  border-radius: 0px;
  transition: 500ms;
  opacity: 0
}

#lastminute-owl .item a:hover .pict .hotel {
  opacity: 1
}

#lastminute-owl .item a {
    margin: 20px;
    display: block;
    border-radius: 6px;
    overflow: hidden;
    background: #f0f0f1;
    box-shadow: 0px 3px 5px -5px rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
    transition: 600ms
}

#lastminute-owl .item a:hover {
    background: white;
    box-shadow: 0 0 17px rgba(0, 0, 0, 0.2)
}

#lastminute-owl .item a .cont {
    font-family: fieldwork, sans-serif;
    font-weight: 500;
    font-style: normal;
    padding: 40px;
    padding-top: 20px;
    background: white;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#lastminute-owl .item a .cont h3 {
    font-family: fieldwork, sans-serif;
    color: black;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 20px;
}

#lastminute-owl .item a .cont h4 {
  font-family: fieldwork, sans-serif;
  font-weight: normal;
  color: black;
  opacity: .5;
  margin: 0;
  margin-bottom: 20px;
}

#lastminute-owl .item a .cont span {
  background: #000000;
  background-size: 200% auto;
  background-position: center center;
  cursor: pointer;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  padding: 4px 15px 6px;
  border-radius: 3px;
  transition: 400ms;
  letter-spacing: .5px;
}

#lastminute-owl .item a .cont span:hover {
   background: #229968
}

 .owl-nav .owl-prev, .owl-nav .owl-next  {
    background: transparent !important;
    margin: 10px 0;
  }

   .righta,  .lefta {
      content: '';
      width: 35px;
      height: 35px;
      background: url(/template/img/arrow.svg) 50% 50% no-repeat;
      display: block;
      background-size: 30px;
      opacity: .4;
      transition: 400ms;
  }

   .lefta {
    transform: rotate(180deg);
}

 .righta:hover,  .lefta:hover {
    opacity: 1;
}

 .owl-nav button {
  outline: none !important
}

.owl-nav {
    margin-top: 10px !important;
    text-align: left !important;
    margin-left: 10px !important;
}

#newsletter {
    margin: 0px 0px -40px 0;
    background: url('/template/img/news2.jpg') 50% 6% no-repeat;
    background-size: cover !important;
    position: relative;
}

#newsletter::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);
  background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%);
  background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%);
}

.blackboxmax h2, .blackboxmax p {
    color: #fff
}

#newsletter .butt {
    display: flex;
    height: 50px;
    overflow: hidden;
    max-width: 100%;
    margin: 40px 0 20px;
}

#newsbut {
    display: inline-block;
    background: #229967;
    height: 50px;
    margin: 0px -2px;
    width: 56px;
    z-index: 2;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
}

#newsbut::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/template/img/send.svg') 48% 50% no-repeat;
  background-size: 23px;
  transition: 400ms;
  cursor: pointer
}

#newsbut:hover::before {
  background-size: 25px;
}

#newsletter input {
    background: #fff;
    border: none;
    font-size: 22px;
    line-height: 22px;
    padding: 8px 20px 10px;
    color: black;
    border-radius: 3px;
    margin: 0;
    max-width: calc(100% - 60px);
}

#newsletter input::-webkit-placeholder, #newsletter input::placeholder {
  font-size: 22px;
  line-height: 22px;
  padding: 8px 20px 10px 0;
  color: black;
}

.blackboxmax h2 {
  color: #fff;
  font-size: 36px;
  line-height: 45px;
  margin-right: 50px;
  margin-top: 0;
}

.blackboxmax .col-md-4 {
    display: inline-block;
    width: 45%
}

#inspiracie {
    background: whitesmoke;
}

#inspiracie .item a {
    display: block;
    position: relative;
    margin: 10px;
    background: white;
    transition: 600ms;
    box-shadow: 0px 3px 5px -5px rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
    border-radius: 6px;
    overflow: hidden;
}

#inspiracie .item a .pict, #inspiracie .item a .cont {
  display: block;
}

#inspiracie .item a .pict {
  height: 0;
  padding-bottom: 60%
}



#inspiracie h2 {
    text-align: left;
    margin-left: 10px;
}

#inspiracie .cont h3 {
  font-family: fieldwork, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 30px;
  color: #000000;
  margin-top: 0;
  margin-bottom: 10px;
  margin-top: 0;
}

#inspiracie .cont p {
  font-size: 15px;
  line-height: 21px;
  font-family: fieldwork, sans-serif;
  font-weight: 100;
  color: #535254;
  margin-top: -10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75ch;
  margin-bottom: 0;

}

#inspiracie .cont {
    padding: 12px 30px 20px
}

#inspiracie .cont span {
  background: #229968;
  background-size: 200% auto;
  background-position: center center;
  cursor: pointer;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  padding: 4px 15px;
  border-radius: 2px;
  transition: 400ms;
  display: inline-block;
  margin-top: 10px;
}

#inspiracie .cont span:hover {
   background-position: right center
}

#onas {
    background: #fff;
    color: black;
    text-align: left
}

.whitebox, .greenbox, .blackbox {
    width: calc(99% / 3);
    display: inline-block;
}

.whitebox h2 {
    margin-right: 50px;
    display: inline-block;
    font-size: 36px;
    line-height: 45px;
    padding-left: 10px
}

.whitebox .mainbutton {
    margin-left: 10px
}

.blackbox p {
    background: black;
    color: white;
    padding: 9%;
    border-radius: 20px;
    margin-right: 7%;
    margin-left: 7%;
}

.greenbox p {
    background: #229968;
    color: white;
    padding: 9%;
    border-radius: 20px;
    margin-right: 7%;
    margin-left: 7%;
}

.mainbutton {
  background: #000000;
    background-size: 200% auto;
    background-position: center center;
    cursor: pointer;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    padding: 4px 15px 6px;
    border-radius: 3px;
    transition: 400ms;
    letter-spacing: .5px;
    display: inline-block;
}

.mainbutton:hover {
  background: #229968
}

#onas span {
  font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-bottom: -25px;
    position: relative;
    display: block;
    opacity: .5;
}

#onas img {
    width: 65px;
}

#onas p {
    font-size: 17px;
    line-height: 26px;
    font-family: fieldwork, sans-serif;
    font-weight: 400;
}

#preferhotel {
    background: #229968;
}

#preferhotel .picthotel {
    position: relative;
    padding-bottom: 58%;
}

#preferhotel .picthotel img {
    width: 60px;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

#preferhotel a {
    display: block;
    background: white;
    border-radius: 6px;
    margin: 10px;
    transition: 400ms;
    overflow: hidden;
}

#preferhotel h2 {
    color: white;
    margin: 10px;
}


#preferhotel a .cont {
    padding: 10px 20px 2px;
    color: #000;
}

#preferhotel a .cont h3 {
  font-family: fieldwork, sans-serif;
  color: black;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 0px;
  font-size: 17px;
}

#preferhotel a .cont h4 {
    font-family: fieldwork, sans-serif;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 0px;
    font-size: 12px;
    margin: -2px 0 5px;
    color: silver;
}

#preferhotel {
  padding: 0 10px
}

#preferhotel a .cont span {
    background: #229968;
    background-size: 200% auto;
    background-position: center center;
    cursor: pointer;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    padding: 2px 10px;
    border-radius: 2px;
    font-size: 12px;
    transition: 400ms;
    margin: 0px 0 5px;
    display: inline-block;
}

#preferhotel .owl-dots .owl-dot span {
    background: rgba(30, 105, 73, 0.5);
}

#preferhotel .owl-theme .owl-dots .owl-dot.active span, #preferhotel .owl-theme .owl-dots .owl-dot:hover span {
    background: #1e6949;
}

#preferhotel a .mark {
    display: inline-block;
    position: absolute;
    top: 15px;
    background: #FFEB3B;
    color: #22093a;
    font-weight: 600;
    padding: 1px 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#inspiracie .lefta {
    transform: rotate(180deg);
}

#inspiracie .righta:hover, #inspiracie .lefta:hover {
    opacity: 1;
}

#inspiracie button {
  outline: none
}

#owl-partners {
  margin-top: 70px;
  margin-bottom: 60px
}

#owl-partners .item img {
  width: 170px;
  margin: 10px auto 10px 0;
  filter: grayscale(1);
  transition: 500ms
}

#owl-partners .item:hover img {
  filter: grayscale(0);
}

.centered {
  text-align: center;
}

footer {
  position: relative;
  overflow: hidden;
}

.div-1-3 {
  display: inline-block;
  width: 30%
}

footer h2 {
  font-family: fieldwork, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 22px;
  color: #000;
  margin-bottom: 5px;
}

footer h3 {
    margin: 0;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}

footer a {
    color: #229968;
    transition: 400ms;
    font-size: 16px;
    line-height: 28px;
}

footer a:hover {
    text-decoration: underline;
}

footer ul {
  list-style: none;
  margin: 0;
  padding: 0
}

footer ul li {
  margin: 0;
  padding: 0
}

footer ul li a {
  color: black
}

.row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.div-1-3 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    -ms-flex-preferred-size: calc(100% / 4);
    flex-basis: calc(100% / 4);
    max-width: calc(100% / 4);
}

footer .div-1-3 img.logo {
  margin-top: 80px
}

footer .mywrapp {
  padding-left: 5%
}

footer .underline .mywrapp {
    padding: 0;
    margin: 0 auto;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

footer .underline .mywrapp .left, footer .underline .mywrapp .right {
    width: 50%;
    display: inline-flex;
    text-align: left;
    float: left;
}

footer .underline .mywrapp .right {
    text-align: right;
    float: right;
    flex-direction: row-reverse;
}

footer .underline .mywrapp .left a {
  display: inline-block;
}

footer .underline .mywrapp .left .vop a {
    display: inline-block;
    padding: 16px;
    font-size: 13px;
    color: black;
}

footer .underline .mywrapp .left img {
    width: 150px;
    margin: 12px 10px 10px 0;
}

footer .underline .mywrapp .left ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-left: 20px;
}

footer .mywrapp {
  margin: 50px auto
}

ul.social {
    display: block;
    margin-top: 0;
    text-align: right;
    margin-left: 58px;
}

ul.social li {
  display: inline-block;
  margin: 5px
}

ul.social li a {
    opacity: 1;
    transition: 400ms;
    padding: 12px 2px;
    display: inline-block;
}

ul.social li a:hover {
  opacity: 1
}

ul.social li img {
  width: 16px;
  transition: 400ms
}

ul.social li a:hover img {
  transform: scale(1.1);
}

.mobile-hiden {
  display: block
}

.desktop-hiden {
  display: none
}

.menuopener {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    z-index: 546;
}

#nav-icon {
    width: 35px;
    height: 35px;
    position: relative;
    margin: 12px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 400ms ease-in-out;
    -moz-transition: 400ms ease-in-out;
    -o-transition: 400ms ease-in-out;
    transition: 400ms ease-in-out;
    cursor: pointer;
    z-index: 99999;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #000;
    border-radius: 0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
    top: 0;
}

#nav-icon span:nth-child(2) {
    top: 10px;
}

#nav-icon span:nth-child(3) {
    top: 20px;
}

#nav-icon.open span:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#nav-icon.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

#nav-icon.open span:nth-child(3) {
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

#logme {
    background: rgb(2 76 45 / 0.5);
    color: white;
    position: relative;
}

#logme::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('/template/img/tatry.jpg') 50% 50% no-repeat;
  background-size: cover;
  z-index: -1
}

#loginbox {
    background: white;
    display: table;
    width: 420px;
    max-width: 96%;
    margin: 30px auto 50px;
    border-radius: 6px;
    padding: 25px;
    text-align: center;
}

#loginbox input {
    background: white;
    border: none;
    padding: 0 30px;
    border-radius: 3px;
    font-size: 18px;
    text-align: center;
    width: 280px;
    max-width: 80%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #dcdcdc;
    margin: 10px auto 0;
    cursor: text;
    font-family: fieldwork, sans-serif !important;
    transition: 600ms;
    box-shadow: none !important;
    display: inline-block;
    appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
}

#loginbox input:active, #loginbox input:focus, #loginbox input:hover {
    border-color: #2a9b6b;
    background: #dbede3;
    border-width: 2px;
}

#loginbox input:hover::placeholder {
    color: #2a9b6b !important
}

#loginbox input::placeholder, #loginbox input::-webkit-placeholder {
    color: grey;
    font-size: 16px;
}

#loginbox input:active::placeholder, #loginbox input:focus::placeholder {
    opacity: 0;
    color: transparent !important;
}

#loginbox h1 {
    color: black;
    font-size: 32px;
    font-weight: 400;
}

#logginbuton {
    background: black;
    font-size: 16px;
    display: table;
    margin: 15px auto;
    padding: 12px 20px;
    border-radius: 3px;
    width: 280px;
    max-width: 80%;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

#logginbuton:hover {
    background: #229968;
}

.notification {
    background: #229966;
    padding: 10px;
    border-radius: 6px
}

.notification p {
    font-weight: 500;
}

#bload {
  background: url('/template/img/loading-white.svg') 50% 50% no-repeat;
  background-size: 32px;
  margin: 0;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
}

#headerwrapp {
    margin: 0px 0px 0px 0;
    background-size: cover;
    position: relative;
    background: url(/template/img/basehoteladminbg.jpg) 50% 50% no-repeat;
}

#headerwrapp::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);
  background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%);
  background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%);
}

#headerwrapp h1 {
    color: #fff;
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
    margin: 0;
}

#headerwrapp .mywrapp {
  padding: 60px 0 !important
}

#headerwrapp span {
    color: white;
    margin: 10px 0 0 0;
    display: inline-block;
}

#headerwrapp span small {
    color: #ffffff;
    margin: 0 10px 0 0;
    border-radius: 2px;
    padding: 0;
    font-size: 16px;
}

.adminwrapp {
    display: block;
    width: 1170px;
    max-width: 100%;
    margin: 10px auto;
}

header #main-menu li a.user.logged::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-mask: url(/template/img/user.svg) 50% 50% no-repeat;
    clip-path: url(/template/img/user.svg) 50% 50% no-repeat;
    background-size: 15px;
    -webkit-mask-size: 15px !important;
    mask-size: 15px !important;
    background-color: #fff;
    transition: 0ms;
}

header #main-menu li:last-child a.user.logged {
    background: #229968;
    color: #fff;
    padding: 3px 16px 5px 35px;
    border-radius: 25px;
    border: 2px solid #229968;
    margin: 10px 30px 10px 8px;
    transition: 400ms
}

header #main-menu li:last-child a.user.logged:hover {
    background: #000;
    color: #fff;
    padding: 3px 16px 5px 35px;
    border-radius: 25px;
    border: 2px solid #000;
    margin: 10px 30px 10px 8px;
}

header #main-menu li a.user.logged:hover::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-mask: url(/template/img/goout.svg) 50% 50% no-repeat;
    clip-path: url(/template/img/goout.svg) 50% 50% no-repeat;
    background-size: 21px;
    -webkit-mask-size: 21px !important;
    mask-size: 21px !important;
    background-color: #fff;
    transition: 0ms;
}

.onesection .oneitem {
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
    border-radius: 8px;
    float: left;
}

.row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0rem;
  margin-left: 0rem;
}

.col {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.onesection .oneitem .price span b {
    display: block;
    color: #229967;
    font-size: 10px;
    letter-spacing: 0.5px;
    font-weight: 100;
    margin-top: -5px;
}

.name h3 {
    font-weight: 400;
    font-size: 18px;
    margin: 0
}

.name h3 small {
    color: gray;
    font-size: 14px;
    display: block;
}

.detail a {
    border: 1px solid black;
    border-radius: 3px;
    padding: 1px 8px 3px;
    transition: 400ms;
    cursor: pointer;
    margin-top: 4px;
    display: inline-block;
}

.detail a:hover {
    background: black;
    color: white
}

.head .col {
    font-weight: 600;
    font-size: 15px;
    color: #229967;
}

.onesection .oneitem.head {
    width: 100%;
    margin: 0;
    padding: 10px 0 0;
    border-radius: 8px;
    float: left;
}

.onesection .oneitem:not(.head) {
    border-bottom: 1px solid #efefef;
    border-radius: 0
}

.col span {
    font-size: 14px;
}

.col span small, .resid small {
    display: block;
    font-size: 12px;
    color: grey;
    margin-top: -5px;
}

.resid small {
    display: block;
    font-size: 12px;
    color: grey;
}

.name {
    min-width: 270px;
}

.input-form input {
    border: 1px solid #cccccc;
    background: white;
    border-radius: 5px;
    padding: 8px 15px 10px;
    font-size: 18px;
    line-height: 24px;
    transition: 400ms;
    width: 90%;
    max-width: 700px;
    margin: 0px auto 20px;
}

.input-form input:focus, .input-form input:active, .input-form input:hover {
    border-color: #000000;
}

.input-form b {
    display: block;
    font-size: 17px;
    font-weight: 300;
    margin: 6px 0px 6px;
    opacity: 1;
    color: #888888
}

.container {
    margin: 0 auto
}

.input-form select {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 8px 34px 10px 15PX;
    font-size: 18px;
    line-height: 24px;
    transition: 400ms;
    font-family: fieldwork, sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-appearance: none;
    appearance: none;
    margin: 0px auto 20px;
    background-color: white;
    background-image: url('/template/img/ardown.svg');
    background-position: 98% 50%;
    background-size: 14px;
    background-repeat: no-repeat;
    width: 90%;
    max-width: 700px;
}

.input-form select:focus, .input-form select:active, .input-form select:hover {
    border-color: #000000;
}

.input-form textarea {
    width: 90%;
    max-width: 700px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    resize: none;
    height: 160px;
    overflow-y: auto;
    border-radius: 5px;
    padding: 8px 34px 10px 15PX;
    font-size: 18px;
    line-height: 24px;
    transition: 400ms;
    font-family: fieldwork, sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-appearance: none;
    appearance: none;
}

.input-form textarea:focus, .input-form textarea:active, .input-form textarea:hover {
    border-color: #000000;
}

input.submit {
    background: black;
    border-color: black;
    color: white;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    min-width: unset;
    max-width: unset;
    width: unset;
    border-radius: 5px;
    display: table;
    margin: 20px 10% 20px auto;
    cursor: pointer;
    transition: 400ms;
    padding: 5px 18px 8px;
}

input.submit:hover {
  background: #229967;
  border-color: #229967;
  color: white;
  box-shadow: none;
  border: none;
}

.bigsave input.submit {
  margin-right: 0
}

.input-form {
  align-items : center;
  justify-content: center;
}

.addnew input {
  margin-left: 0
}

.addnew input.submit {
    margin: 0;
    padding: 0 18px !important;
    height: 44px !important;
    line-height: 44px !important;
    display: inline-block;
    margin-left: 10px;
}

.pctgrm {
    display: inline-flex;
    width: 50px;
    height: 50px;
}

.pctgrm_img {
    height: 50px;
    width: 50px;
    -webkit-mask-size: 35px !important;
    mask-size: 35px !important;
    background-color: black;
}

.icons.col-md-6 {
    vertical-align: middle;
    display: flex;
    margin: 12px 0 0;
}

.icons label, .input-form label {
  display: inline-flex;
  margin-left: 0px;
  margin-bottom: 10px;
  margin-right: 20px;
  font-size: 16px;
  position: relative;
  align-items : center;
  justify-content: center;
}

.icons b, .input-form .control b {
    font-weight: 400;
    margin-left: 30px;
    color: #000000
}

.rozloha div {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}

.icons input[type=checkbox], .input-form input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.icons .control__indicator, .input-form .control__indicator {
    position: absolute;
    top: 50% !important;
    left: 0 !important;
    height: 20px;
    width: 20px;
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #d8d8d8;
    cursor: pointer;
    transform: translateY(-50%);
    transition: 400ms
}

.control input:checked:focus~.control__indicator, .control input:checked~.control__indicator, .control:hover input:not([disabled]):checked~.control__indicator {
    background: black;
    border: 1px solid #000;
}

.control:hover {
    cursor: pointer;
}

.control:hover input~.control__indicator {
    border: 1px solid #000;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control .control__indicator:after {
    left: 7px;
    top: 2px;
    width: 5px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control input:checked~.control__indicator:after {
    display: block;
}

.input-form input:disabled {
    border: 1px solid #cccccc;
    background: #ececec;
    cursor: not-allowed;
  }

  input.submit:disabled {
    opacity: 0.1
  }

p a {
    font-weight: 400;
    text-decoration: underline;
    transition: 400ms
}

p a:hover {
    color: #229967
}

p.boxinfo {
  background: #229967;
  background: -moz-linear-gradient(15deg, rgba(25,112,86,1) 0%, rgba(34,153,103,1) 100%);
background: -webkit-linear-gradient(15deg, rgba(25,112,86,1) 0%,rgba(34,153,103,1) 100%);
background: linear-gradient(15deg, rgba(25,112,86,1) 0%,rgba(34,153,103,1) 100%);
color: white;
padding: 14px 40px;
border-radius: 6px;
width: 100%;
max-width: 800px;
margin: 10px 0 50px;
font-weight: 400;
padding-left: 60px;
position: relative;
}

p.boxinfo::before {
  content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 44px;
    height: 44px;
    background: url(/template/img/i.svg) 50% 50% no-repeat;
    background-size: 30px;
}

p.boxinfo a, p.boxinfo a:hover {
  text-decoration: underline;
  color: white
}

.service-name {
    font-size: 20px;
    margin-bottom: 5px;
}

.services-a .row {
    width: 100%;
    margin: 10px 50px 10px 0;
}

.services-a.icons .input-form {
  display: inline-flex;
  vertical-align: middle
}

.services-a.icons .input-form input {
    border: 1px solid #cccccc;
    background: white;
    border-radius: 5px;
    padding: 5px 11px 8px;
    font-size: 16px;
    line-height: 24px;
    transition: 400ms;
    width: 100px;
    max-width: 700px;
    margin: 5px;
    height: 38px;
}

.services-a.icons label {
  margin-left: 15px;
  align-items: center;
  justify-content: flex-start;
  height: 48px;
}

.okolie.services-a.icons label {
  margin-left: 0
}


.orderimg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 50px;
    color: white;
    text-shadow: 0 0 20px rgb(0 0 0 / 47%);
}

.delimg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 35px;
  height: 35px;
  background: url('/template/img/delete.svg') 50% 50% no-repeat;
  background-size: 22px;
  opacity: .6;
  transition: 400ms;
  cursor: pointer;
}

.delimg:hover {
  opacity: 1
}

.detailbut {
  background: black;
  color: white;
  padding: 0px 13px;
  border-radius: 4px;
  cursor: pointer;
  transition: 400ms;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  display: inline-block;
}

.detailbut:hover {
    background: #229968;
}

.basiclist {
    padding: 15px 0;
    font-size: 16px;
    border-bottom: 1px solid #e6e6e6;
    transition: 500ms
}

.basiclist:first-child {
    border-top: 1px solid #e6e6e6;
}

.basiclist:last-child {
  border-bottom: none
}

.basiclist:hover {
    background: whitesmoke
}

.basiclist .end-md {
    padding-right: 10px;
}

.row.head {
    margin-bottom: 30px;
    font-size: 16px;
    color: #000000;
    font-weight: 600;
}

.row h2 {
  margin-bottom: 15px
}

#drop {
    width: 100% !important;
    height: 100px;
    padding: 0.5em 1em !important;
    float: left;
    margin: 10px 0 !important;
    margin-top: 50px !important;
    border: 2px dashed black !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    background: white !important;
}

ul#uploads {
    padding: 0;
    font-size: 15px;
}

.drop-area-label {
  color: black !important
}

.buttino {
    background: #229967;
    color: white;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    padding: 0 20px;
    margin: 15px 0 0 0;
    font-size: 15px;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;
    transition: 400ms
}

.buttino:hover {
    background: white;
    color: black
}

.hotelbox {
    position: sticky;
    top: 95px;
    background: white;
    min-height: 600px;
    border: 1px solid #cccccc;
    margin: 5px 40px 0 0;
    text-align: center;
    border-radius: 6px;
        padding: 0 30px;
}

.input-form form {
    max-width: 770px;
    width: 100%
}

.imghot {
    margin: 30px auto 10px;
    background-size: cover !important;
    width: 180px;
    height: 180px;
    border-radius: 100%;
}

.hotelbox h3 {
    font-size: 23px;
    line-height: 30px;
    font-weight: 400;
    text-transform: uppercase;
        margin-bottom: 25px;
}

.linktoportal {
    text-decoration: underline;
    color: grey;
    margin-top: -23px;
    display: block;
    text-align: center;
}

.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone {
  position: relative;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(0,0,0,0.02);
  padding: 1em;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone.dz-drag-hover {
  border-color: rgba(0,0,0,0.15);
  background: rgba(0,0,0,0.04);
}
.dropzone.dz-started .dz-message {

}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
    background: black;
    position: relative;
    display: inline-block;
    margin: 0 13px 13px 0;
    vertical-align: top;
    padding: 0;
    width: calc((100% / 5) - 13px);
    border-radius: 6px;
    overflow: hidden;
    transition: 400ms;
    box-shadow: 0 0 8px rgb(0 0 0 / 0.2);
}

.dz-details::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: -moz-linear-gradient(45deg, rgba(0,0,0,0.65) 40%, rgba(0,0,0,0) 75%);
    background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.65) 40%,rgba(0,0,0,0) 75%);
    background: linear-gradient(45deg, rgb(0 0 0 / 75%) 0%,rgba(0,0,0,0) 40%);
    z-index: 2
}

.dropzone .dz-preview:hover, .dropzone-previews .dz-preview:hover {
    background: #229967;
  }

.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}
.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
  width: 100%;
  height: 130px;
  position: relative;
  background: #000000;
  padding: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}
.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%;
}
.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
}
.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
    position: absolute;
    bottom: 4px;
    left: 10px;
    height: 28px;
    line-height: 28px;
    z-index: 65;
    font-weight: 300;
    font-family: inherit;
}



 .dz-size strong {
   font-weight: 300;
   font-family: inherit;
 }

.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
  display: none;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  color: #8cc657;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  color: #ee162d;
}
.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    height: 6px;
    background: white;
    border-radius: 10px;
  display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657;
}
.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245,245,245,0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block;
}
.dropzone {

    min-height: 360px;
    -webkit-border-radius: 3px;
    border-radius: 6px;
    background: #fff;
    padding: 23px;
    border: 2px dashed #000;
    transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}
  .dropzone:hover {
    background: #edf6f2;
    border-color: #229967;
}
.dropzone .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  /*width: 428px; backup*/
  width:350px;
  height: 123px;
  margin-left: -214px;
  margin-top: -61.5px;
  top: 50%;
  left: 50%;
}

#add-img-form {
  margin: 60px auto 100px
}

.onlyonoff .control input:checked:focus~.control__indicator, .onlyonoff .control input:checked~.control__indicator, .onlyonoff .control:hover input:not([disabled]):checked~.control__indicator {
    background-color: #229967;
    border-radius: 50%;
    border: none;
    transform: translate(-50%,-70%);
    cursor: default;
}

.onlyonoff.icons .control__indicator, .onlyonoff.icons .control__indicator:hover {
  background-color: #e2e2e2;
  border-radius: 50%;
  border: none;
  transform: translate(-50%,-70%);
  cursor: default;
}

.onlyonoff .control .control__indicator:after {
    left: 8px;
    top: 3px;
    width: 5px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

@keyframes comefromleft {
  0% {
    opacity: 0;
    left: -120%
  }

  100% {
    opacity: 1;
    left: 0
  }
}

#notification_bottom {
  display: block;
  position: fixed;
  left: 10px;
  bottom: 20px;
  border-radius: 6px;
  text-align: left;
  font-style: normal;
  font-size: 16px;
  padding: 0 25px;
  height: 48px;
  line-height: 48px;
  color: #fff;
  background: #229968;
  margin: 0;
  font-weight: 400;
  width: fit-content;
  max-width: calc(100% - 20px);
  z-index: 9999999;
  animation: comefromleft;
  animation-duration: 1s;
}

#add_file {
  background: black;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  color: white;
  font-family: inherit;
  border: none;
  margin: 10px 0;
  padding: 0 18px 0 45px;
  font-size: 16px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  background-image: url(/template/img/upload.svg);
  background-position: 14px center;
  background-size: 16px;
  background-repeat: no-repeat;
  transition: 400ms;
}

#add_file:hover {
    background: #229967;
    cursor: pointer;
    background-image: url(/template/img/upload.svg);
    background-position: 14px center;
    background-size: 16px;
    background-repeat: no-repeat;
}

.dropzone .dz-default.dz-message span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    font-size: 20px;
    text-align: center;
    transition: 400ms
}

.dropzone:hover .dz-default.dz-message span {
  color: #229967;
}

.dropzone.dz-square .dz-default.dz-message {
  background-position: 0 -123px;
  width: 268px;
  margin-left: -134px;
  height: 174px;
  margin-top: -87px;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.15;
  filter: alpha(opacity=15);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
}
.dropzone.dz-started .dz-message {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
    font-size: 14px;
    color: white;
    text-align: center;
}

.dropzone .dz-preview.dz-image-preview .dz-details img,
.dropzone-previews .dz-preview.dz-image-preview .dz-details img {
  transition: 400ms
}

.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  opacity: .3;
  background: black;
  transition: 400ms
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
  background: #ee1e2d;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .dropzone .dz-preview .dz-error-mark,
  .dropzone-previews .dz-preview .dz-error-mark,
  .dropzone .dz-preview .dz-success-mark,
  .dropzone-previews .dz-preview .dz-success-mark {
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-error-mark span,
.dropzone .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark span {
  display: none;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  background-position: -268px -123px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  background-position: -268px -163px;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-repeat: repeat-x;
  background-position: 0px -400px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .dropzone .dz-preview .dz-progress .dz-upload,
  .dropzone-previews .dz-preview .dz-progress .dz-upload {
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-preview.dz-success .dz-progress,
.dropzone-previews .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone a.dz-remove,
.dropzone-previews a.dz-remove {
    text-decoration: none;
    display: block;
    padding: 6px 5px 9px;
    text-align: center;
    color: #fff;
    margin-top: -10px;
    font-size: 16px;
    cursor: pointer;
}
.dropzone a.dz-remove:hover,
.dropzone-previews a.dz-remove:hover {
  color: white;
}
@-moz-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-webkit-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-o-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-ms-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}

#sortable { list-style-type: none; margin: 0; padding: 0;width: 100%;
    display: block; }
  #sortable li {
    margin: 10px 10px 0px 0;
    padding: 1px;
    float: left;
    width: calc((100% / 4) - 10px);
    height: 210px;
    font-size: 4em;
    text-align: center;
    position: relative;
}
.ui-state-highlight {background: #90c9ad}

.ui-sortable-handle {
    height: 170px;
    margin: 10px 10px 0px 0;
    position: relative;
    cursor: pointer;
}

.ui-sortable-handle .smallimg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: whitesmoke;
    background-size: cover !important;
}

#sortable li:first-child::before {
    content: 'Cover photo';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: rgb(0 0 0 / 50%);
    color: white;
    text-align: center;
    z-index: 2;
    font-size: 18px;
    line-height: 40px;
}

.input-form .wrapp-10-0 {
    height: 1px;
    background: linear-gradient(45deg, gainsboro, transparent);
    padding: 0 !important;
    margin: 35px 0;
}

.break {
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border: 0;
  padding: 0;
  float: none;
  clear: both;
  visibility: hidden
}

#derivateFromCat {
    margin-left: 0;
    margin-top: -30px;
}

.row.form.derivate-info{
    margin-top: 30px;
}

.line-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.line-ul li {
   display: inline-block;
   padding: 5px 10px 5px 0
}

.line-ul li a {
  text-decoration: underline;
}

#big-cal .oneday {
  display: inline-block;
}

#big-cal .oneday:first-child {
  width: 150.5px;
  position: relative;
  display: block;
}

#big-cal .oneday:not(:first-child) {
  display: inline-block;
  -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    min-height: 34px;
}

#big-cal .row.head .oneday {
    min-height: unset
}

#big-cal .row.head {
    margin-bottom: -1px;
    font-size: 12px;
    color: #8a8a8a;
}

#big-cal input {
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border: none;
   background: whitesmoke;
   width: unset;
   text-align: center;
   max-width: 100%
}

#cf_rok .td, #cf_mesiac .td {
    display: inline-block;
    padding: 5px 20px 5px 0;
}

#cf_rok .td {
    display: inline-block;
    padding: 5px 0px 5px 0;
    width: calc(100% / 3);
}

#cf_mesiac .td {
    display: inline-block;
    padding: 5px 0px 5px 0;
    width: calc(100% / 12);
}

#cf_rok .td a {
    background: white;
    padding: 0px 15px;
    border-radius: 60px;
    color: black;
    display: inline-block;
    height: 30px;
    line-height: 28px;
    font-size: 15px;
    border: 1px solid #e4e4e4;
    width: 99%;
    text-align: center;
    margin: 0 auto;
}

#cf_rok .td:last-of-type a {
  margin-right: 0 !important
}

#cf_rok .td a.cf_act, #cf_rok .td a:hover {
    background: black;
    padding: 0px 15px;
    border-radius: 60px;
    color: white;
    display: inline-block;
    height: 30px;
    line-height: 28px;
    font-size: 15px;
    border: 1px solid black;
}

#cf_mesiac .td a {
    background: white;
    padding: 0px 15px;
    border-radius: 40px;
    color: black;
    display: inline-block;
    height: 30px;
    line-height: 28px;
    font-size: 15px;
    border: 1px solid #e4e4e4;
    color: transparent;
    width: 97%;
    margin: 0 auto;
}

#cf_mesiac .td a.cf_act, #cf_mesiac .td a:hover {
    background: black;
    border: 1px solid black;
}

#cf_mesiac .td a::before {
  content: attr(title);
  position: relative;
  display: inline-block;
  color: black;
  width: 100%;
  text-align: center;
}

#cf_mesiac .td a.cf_act::before, #cf_mesiac .td a:hover::before {
  color: white
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.oneday h3 {
  font-weight: 400;
  margin: 0
}

.row.price.main .oneday:first-of-type h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#big-cal {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 3px 5px -5px rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
    width: 100%;
    overflow-x: auto;
}

#big-cal .container-fluid {
    min-width: 1500px
}

#big-cal .row {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
    margin-bottom: -1px;
}

#big-cal .oneday {
    border-right: 1px solid #e2e2e2;
    text-align: center;
    position: relative;
}

 #big-cal .oneday:first-child {
  text-align: left;
  border-left: 1px solid #e2e2e2;
  padding-left: 8px;
}

#big-cal .row.head .oneday:first-child, #big-cal .price.main .oneday:first-child, #big-cal .roomstatus .oneday:first-child, #big-cal .booked .oneday:first-child, #big-cal .available .oneday:first-child {
  border-left: none
}

.easycheck .nice {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    background: #b8decb
}

.easycheck input:checked~.nice {
    background: rgb(233 30 99 / 1);
}

.easycheck .nice::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-mask: url(/img/pictograms/hotel/27.svg) 50% 50% no-repeat;
    clip-path: url(/img/pictograms/hotel/27.svg);
    height: 100%;
    width: 100%;
    -webkit-mask-size: 15px !important;
    mask-size: 15px !important;
    background-color: #229967;
}

.easycheck input:checked~.nice::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-mask: url(/template/img/closed.svg) 50% 50% no-repeat;
  clip-path: url(/template/img/closed.svg);
  height: 100%;
  width: 100%;
  -webkit-mask-size: 30px !important;
  mask-size: 30px !important;
  background-color: #fdc7d5
}

#big-cal .roomstatus h3, #big-cal .booked h3, #big-cal .available h3 {
    color: grey;
    font-weight: 300;
    font-size: 13px;
}

#big-cal .row.head {
  border: none
}

#big-cal .row.head .oneday {
  background: black;
  color: white;
  border-color: black;
}

#big-cal .booked .oneday:first-child, #big-cal .available .oneday:first-child, #big-cal .roomstatus .oneday:first-child {
  text-align: right;
  padding: 5px 10px
}

 #big-cal .oneday input {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   vertical-align: middle;
 }

 #big-cal .oneday  h4 {
    font-size: 11px;
    font-weight: 300;
    margin: 0;
    margin-right: 3px;
    display: inline-block;
    margin-left: 6px;
}

#big-cal .oneday  h4 small {
    background: #229967;
    color: white;
    padding: 0 5px;
    border-radius: 3px;
    margin-left: 5px;
}

#big-cal .oneday  h4 small.cal {
  background: black
}

div.per {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 25px;
    margin: 0;
    vertical-align: middle;
}

div.per::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-mask: url(/template/img/user.svg) 50% 50% no-repeat;
    clip-path: url(/template/img/user.svg) 50% 50% no-repeat;
    background-size: 15px;
    -webkit-mask-size: 15px !important;
    mask-size: 15px !important;
    background-color: #000;
    transition: 0ms;
}

.opensubrate {
    transform: rotate(180deg);
    transition: 400ms;
    width: 27px;
    display: inline-block;
    float: right;
    padding: 7px;
    cursor: pointer;
    margin-right: 7px;
}

.opensubrate.opened {
  transform: rotate(0deg);
}

.pricepersons {
    margin-left: 10px;
    background: whitesmoke;
        margin-bottom: 20px;
}

 #big-cal .pricepersons .oneday:first-child {
    width: 140.5px;
    position: relative;
    display: block;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(0 0 0 / 65%);
  z-index: 4566445646;
  display: none
}

.modal.open, .modal.is-visible {
  display: block !important
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

.modal .modal-content {
    position: relative;
    top: 100px;
    width: 95%;
    max-width: 400px;
    margin: 0 auto;
    background: white;
    padding: 20px;
    border-radius: 6px;
    text-align: center;
    animation: fadeIn 0.8s ease-out
}

.modal .modal-content p, .modal .modal-content b {
    font-size: 20px;
    line-height: 28px;
    font-family: fieldwork, sans-serif;
    font-weight: 400;
}

.line-ul a.act {
    font-size: 30px;
    text-decoration: none;
    float: left;
    cursor: pointer;
}

.modal .modal-content .hide, .modal .modal-content a {
    display: inline-block;
    background: black;
    color: white;
    height: 36px;
    line-height: 36px;
    text-transform: uppercase;
    padding: 0 20px;
    border-radius: 4px;
    margin: 0 5px 0 5px;
    cursor: pointer;
    min-width: 110px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 25px;
    transition: 500ms;
    letter-spacing: 0.5px;
}

.modal .modal-content a {
    background: #229968
}

.modal .modal-content a:hover {
  background: #c10036
}

.icons.onlyonoff label {
    display: inline-flex;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    font-size: 16px;
    position: relative;
    align-items: center;
    justify-content: center;
}


















@media only screen and (max-width: 1000px) {

  .mobile-hiden {
    display: none
  }

  .desktop-hiden {
    display: block
  }

  header #main-menu {
    width: 300px;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 70px;
    margin-right: -100%;
    background: black;
    min-height: 120vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 80vh;
  }
  header #main-menu::-webkit-scrollbar {
    width: 0;
    display: none;
  }

  header #main-menu::-webkit-scrollbar-track {
    width: 0;
    display: none;
  }

  header #main-menu::-webkit-scrollbar-thumb {
    width: 0;
    display: none;
  }


  header #main-menu .submenu li:last-child a {
    margin: 0;
    width: 100%;
    display: block;
    width: 100%;
    padding: 10px 10px 10px 20px;
    display: inline-block;
    background: black;
    color: white;
  }

  header #main-menu li:last-child a.user.logged {
    background: #229968;
    color: #fff;
    padding: 3px 16px 5px 35px;
    border-radius: 25px;
    border: 2px solid #229968;
    margin: 30px 30px 10px 40px;
    transition: 400ms;
}

  header #main-menu li {
    display: block;
}

header #main-menu li a {
    position: relative;
    font-family: fieldwork, sans-serif;
    font-size: 17px;
    line-height: 26px;
    padding: 12px 17px 12px 50px;
    color: #fff;
    transition: 600ms;
    text-align: left;
    width: 100%;
}

body.open {
    height: 100vh;
    overflow: hidden;
}


header #main-menu .submenu {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-left: 50px;
    top: 0;
    text-align: left;
    display: block;
    position: relative;
    transform: none;
    overflow: hidden;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;

}

header #main-menu .submenu li:first-child {
    padding-top: 0 !important;
}

header #main-menu li a.user::before {
    left: 15px;
    background-color: #fff;
}

header #main-menu li:first-child {
  padding-top: 50px
}

header #main-menu li a:hover {
    color: #229968;
}

header #main-menu li a.user {
    margin-left: 27px;
}

header #main-menu li:last-child a:hover {
    background: transparent !important;
    border: none;
    color: #229966 !important;
}

header #main-menu li a:not(.user)::before, header #main-menu li a:not(.user):hover::before, header #main-menu li a.act:not(.user)::before, header #main-menu li.active a:not(.user)::before {
  display: none
}

header #main-menu .submenu li a:hover {
    color: #229967 !important;
    background: transparent !important;
}

header #main-menu li.active a {
    color: white !important;
}

header #main-menu li a.user:hover::before {
    left: 15px;
    background-color: #229968;
}

header #main-menu li:last-child a {
    margin: 20px auto 10px 50px;
    width: unset;
    display: table;
}



header {
    position: fixed;
    height: 70px;
    z-index: 464646;
    background: white;
    width: 100%;
}

header img {
    width: auto;
    height: 60px;
    margin: 5px 0;
    display: inline-block;
}

header img {
    width: auto;
    height: 50px;
    margin: 10px 0;
    display: inline-block;
}

.datein::before {
    left: 10px;
  }

  #onas {
      background: #fff;
      color: black;
      text-align: left;
      padding: 20px;
  }

  #upupplease {
    position: absolute;
    right: 10px;
}

h1 a {
    text-decoration: none;
    font-family: fieldwork, sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 25px;
    line-height: 35px;
    max-width: calc(100% - 40px);
    padding: 0 20px;
    height: 76px;
    display: table-cell;
    vertical-align: bottom;
    text-align: center !important;
    width: calc(100% - 40px)
}

#inspiracie .item a .pict, #inspiracie .item a .cont {
    display: block;
    width: 100%;
    vertical-align: middle;
}

#inspiracie .item a .pict {
    height: 0;
    padding-bottom: 100%;
}

#inspiracie .item a {
    display: table;
    position: relative;
    margin: 40px 20px;
    background: white;
    transition: 600ms;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.02);
}

#inspiracie .owl-nav {
    position: relative;
    top: unset;
    right: unset;
}

#onas p {
    font-size: 16px;
    line-height: 26px;
    font-family: fieldwork, sans-serif;
    font-weight: 400;
    padding: 24px 21px;
    margin: 30px 0 0;
}

#owl-partners .item img {
    width: 137px;
    margin: 10px auto;
}

.blackboxmax .col-md-4 {
    display: inline-block;
    width: 90%;
}

.div-1-3 {
  flex-basis: 100%;
    max-width: 100%;
    text-align: center;
}

footer a {
    color: #229968;
    transition: 400ms;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    width: 100%;
}

footer {
  text-align: center;
}

ul.social {
    display: block;
    margin-top: 0;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#lastminute-owl .owl-nav {
    margin-top: 10px;
    text-align: center;
    margin-left: 0;
}

.finder {
    padding: 10px 0;
}

.searchwrap input {
  margin: 2px
}

}

@media only screen and (max-width: 600px) {

  .datein , .dateout {
    width: calc(50% - 20px)
  }

  .col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .services-a.icons.okolie .input-form {
    display: inline-flex;
    vertical-align: middle;
    justify-content: flex-start;
}

  .searchwrap input {
    max-width: calc(100% - 3px)
  }

  #sortable li {
    width: calc((100% / 2) - 10px);
    height: 140px;
  }

  .dropzone .dz-default.dz-message {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    width: 350px;
    height: 123px;
    margin-left: 0;
    margin-top: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

  .searchwrap .datein input {
    max-width: calc(100% - 9px);
}

.searchwrap .dateout input {
    max-width: calc(100% - 2px);
    margin-left: -3px;
}

.mainsearch {
    background-size: cover !important;
    background-position: center center;
    height: 500px;
    min-height: 500px;
    position: relative;
}

#inspiracie .item a .pict {
    height: 0;
    padding-bottom: 66%;
}

.blackboxmax .col-md-4 {
    display: inline-block;
    width: 100%;
}

#inspiracie .cont {
    padding: 12px 20px 17px;
}

.mywrapp {
    position: relative;
    width: 90%;
    max-width: 1680px;
    margin: 0 auto;
    padding: 30px 0;
}

  .hotelbox {
    margin: 5px 0 0 0;
  }

  #onas p {
    margin: 30px 0 0;
}

.blackboxmax {
    margin: 20px 10px;
}

  .loc , .per,   .loc input , .per input {
    width: calc(100% - 20px);
}

.loc input , .per input {
    margin-left: 1px;
    margin-right: 0px;
}

.whitebox, .greenbox, .blackbox {
    width: 100%;
    display: inline-block;
}

.loc::before, .per::before {
  left: 15px
}

.favwow .fav {
  right: 0;
  max-width: 100%
}

#inspiracie .cont h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 16px;
}

.input-form select, .input-form input {
  width: 100%
}

footer .div-1-3 {
    flex-basis: 100%;
    max-width: 100%;
    text-align: left;
    padding-right: 8%;
    padding-left: 10%;
    padding-bottom: 30px;
}

footer .underline .mywrapp .left, footer .underline .mywrapp .right {
    width: 100%;
    display: block;
    text-align: center;
    float: none;
}

footer .underline .mywrapp .left .vop a {
    display: inline-block;
    padding: 16px;
    font-size: 13px;
    color: black;
    padding-bottom: 0;
}

ul.social {
    display: block;
    margin-top: 0;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 40px;
}

footer .underline .mywrapp .left img {
    width: 150px;
    margin: 35px 10px 50px 0;
}

#inspiracie .item a {
    display: block;
    position: relative;
    margin: 20px 10px;
    background: white;
    transition: 600ms;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.02);
}

footer .mywrapp {
   margin: 20px auto;
    padding-left: 0;
}

#inspiracie .cont p {
    font-size: 12px;
    line-height: 19px;
    white-space: normal;
    margin-top: 0;
}

.whitebox h2 {
    margin-right: 50px;
    display: inline-block;
    font-size: 28px;
    line-height: 38px;
    padding-left: 10px;
}

.blackboxmax h2 {
    color: #fff;
    font-size: 30px;
    line-height: 39px;
    margin-right: 50px;
    margin-top: 0;
}

.finder {
    padding: 16px 0;
    float: left;
}

h1 a {
    text-decoration: none;
    font-family: fieldwork, sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 25px;
    line-height: 35px;
    max-width: 100%;
    padding: 0 20px;
    height: 76px;
    display: table-cell;
    vertical-align: bottom;
    text-align: center !important;
    width: 100%;
    float: left;
    margin: 20px auto 0;
}

}