@import url("/template/css/owl.carousel.min.css");
@import url("/template/css/owl.theme.default.min.css");

.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("/template/enchante/images/swiper-left.svg");left:30px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("/template/enchante/images/swiper-right.svg")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("/template/enchante/images/swiper-right.svg");right:30px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("/template/enchante/images/swiper-right.svg")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:40px;left:0;width:100%}.swiper-pagination-bullet{width:15px;height:15px;display:inline-block;border-radius:100%;background:#fff;opacity:.4}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:rgb(246, 181, 43)}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:rgb(246, 181, 43);position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out 3s;-moz-transition-timing-function:ease-out 3s;-ms-transition-timing-function:ease-out 3s;-o-transition-timing-function:ease-out 3s;transition-timing-function:ease-out 3s;transition: all 3s;transition-duration: all 3s;}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

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

.swiper-slide {
    background-size: cover !important;
    background-position: center center;
    height: 100vh;
    min-height: 700px;
    position: relative;
}

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

#show-map.blur{
  filter: blur(8px);
  -webkit-filter: blur(8px);
  background:red;
  cursor:pointer;
}
#map-btn{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:9;
  cursor:pointer;
  background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
  background-size: 200% auto;
  color: #fff;
  padding: 6px 16px 6px 16px;
  border-radius: 25px;
  margin: 10px 30px 10px 8px;
  transition: 400ms;
}

#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: 'Kanit', 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: 'Kanit', sans-serif;
    font-weight: 400;
}

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

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

h1, h2, h3, h4 {
  font-family: 'Baloo 2', sans-serif;
}

.searchwrap h1 {
    position: relative;
    height: 58px;
}

h1 a {
    text-decoration: none;
    font-family: 'Baloo 2', sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 37px;
    min-height: 54px;
    display: inline-block;
}

h2 {
  font-family: 'Baloo 2', sans-serif;
  font-weight: 600;
  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: transparent;
    width: 100%;
    left: 0;
    top: 0px;
    transition: 800ms;
}

.header-alt, header.toppoint {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

header.header-alt, header.toppoint {
    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: 46px;
    width: auto;
    padding: 8px 10px;
    margin: 14px 10px 6px;
}

main {
  margin-top: 0px;
  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;
}

#main-menu li span {
    position: absolute;
    background: #2aa65e;
    height: 20px;
    width: 22px;
    display: inline-block;
    color: white;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    border-radius: 100%;
    top: 13px;
    right: -3px;
}

header #main-menu li.avatar-col a.user span.logg-out, header #main-menu li a.user span.logg-out {
    position: absolute;
    left: 50px;
    width: 100px;
    background: transparent;
    height: 38px;
    line-height: 39px;
    right: unset;
    margin: 0;
    padding: 0;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    border-radius: 0;
    opacity: 0;
    transition: 400ms;
}

header #main-menu li.avatar-col a.user .name, header #main-menu li a.user .name {
    min-width: unset;
    transition: 400ms
}

header #main-menu li.avatar-col a.user:hover .name, header #main-menu li a.user:hover .name {
    opacity: 0;
    transform: translateX(10px);
}

header #main-menu li.avatar-col a.user:hover span.logg-out {
    opacity: 1
}

header #main-menu li:not(.avatar-col) a.user:hover span.logg-out {
    opacity: 1;
    left: 35px;
}

.messhead, .chatform {
    min-height: calc(100vh - 70px - 170px);
    border-right: 1px solid #e6e6e6
}

header #main-menu li.avatar-col a.user.logged::before {
    display: none !important
}



header #main-menu li.avatar-col a img {
    position: absolute;
    left: 0;
    border-radius: 100%;
    width: auto;
    height: 38px;
    top: 0;
    margin: 0;
}

header #main-menu li.avatar-col a.user.logged {
    padding: 6px 16px 6px 50px !important;
}

.messhead .one {
  padding: 10px 20px;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer;
  transition: 500ms;
  position: relative;
  display: block;
  border-left: 5px solid #c1c1c1;
}

.messhead .one.act {
  background: whitesmoke
}

.messhead .one.unread {
    border-left: 5px solid #32b850;
}

.messhead .one .date p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    color: silver;
    font-weight: 100;
}

.messhead .one .col-md-2 {
    position: relative;
}

.messhead .one .col-md-2 .m {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-70%,-50%);
    font-size: 20px;
    font-weight: 100;
    border: 2px solid silver;
    color: silver;
    width: 44px;
    height: 44px;
    text-align: center;
    border-radius: 100%;
    line-height: 40px;
    padding: 0
}

.chatform {
    position: relative;
}

.formtosend {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    height: 160px
}

.formtosend textarea {
      width: 80%;
      border: 1px solid #000000;
      border-radius: 5px;
      resize: none;
      height: 160px;
      overflow-y: auto;
      border-radius: 5px;
      padding: 8px 10px 10px 10px;
      font-size: 16px;
      line-height: 22px;
      transition: 400ms;
      font-family: 'Kanit', sans-serif;
      font-weight: 400;
      font-style: normal;
      -webkit-appearance: none;
      appearance: none;
      margin-right: 0;
      margin-left: auto;
      display: table;
      max-height: 80px;
      overflow-y: auto;
      transition: 400ms;
}

.formtosend input {
    display: table;
    width: 100px;
    background: black;
    margin: 5px 0 5px auto;
    border: none;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    float: right;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    transition: 450ms;
}

.messagesplace {
    padding: 30px 20px;
    height: calc(100% - 220px);
    overflow-y: auto;
    position: relative;
}

.messhead .one.unread .col-md-2 .m {
    border: 2px solid #32b850;
    color: black
}

.allmessagesblock {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    overflow-y: auto;
    max-height: calc(100% - 30px);
}

.ms {
  width: 100%;
  display: block;
  float: left;
}

.ms.rental {
  width: 100%;
  display: block;
  float: right;
}

.allmessagesblock .mess {
    background: whitesmoke;
    padding: 14px 25px;
    width: unset;
    max-width: 80%;
    margin-right: auto;
    margin-left: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 10px;
    display: inline-block;
}

.allmessagesblock .usermes .mess {
    border-top-left-radius: 0;
    background: #efefef
}

.oneblock.detail .container-fluid {
    margin: 20px;
}

.oneblock.detail .container-fluid p {
    color: #229b65;
    display: block;
    transform: translateY(0px);
    font-size: 12px;
    position: relative;
    padding-left: 0;
}

.oneblock.detail {
    position: relative;
}

.oneblock.detail a {
    position: absolute;
    top: 8px;
    right: 0;
    width: 50px;
    height: 50px;
    background: transparent;
    border: none
}

.oneblock.detail a::before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url(/template/img/linkto.svg) 50% 50% no-repeat;
    background-size: 20px;
    opacity: .4;
    transition: 400ms;
}

.oneblock.detail a:hover::before {
    opacity: 1;
}

.oneblock.detail .container-fluid h4 {
    margin-top: 30px;
    font-size: 20px;
}

.oneblock.detail .container-fluid p small {
    display: block;
    font-size: 15px;
    line-height: 17px;
    color: black;
    transform: translateY(-8px);
}

.one.conditions p:last-child {
    border: none;
    margin-top: 20px;
    font-style: italic;
    font-size: 15px;
    line-height: 20px;
}

.oneblock.detail .container-fluid .notes p small {
    padding: 8px 1px;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
}

.allmessagesblock .rental .mess {
    margin-right: 20px;
    margin-left: auto;
    text-align: right;
    float: right;
    border-bottom-right-radius: 0;
}



.messhead .one .date i {
    border: none;
    font-size: 10px;
    color: #c1c1c1;
    box-shadow: none !important;
    cursor: default;
    padding: 1px;
    margin-bottom: -8px;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
}

.allmessagesblock .mess p {
    font-size: 15px;
    line-height: 17px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
}

.allmessagesblock .mess i {
    opacity: .25;
    font-size: 12px;
    margin-top: 3px;
    display: block;
}

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

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

.homeicon {
    position: relative;
    display: block;
    transform: translateY(16px)translateX(-10px);
}

.homeicon span {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 35px;
    height: 35px;
    background-color: white;
    -webkit-mask: url(/template/img/homeic.svg) 50% 50% no-repeat;
    clip-path: url(/template/img/homeic.svg);
    opacity: 1;
    -webkit-mask-size: 18px;
    mask-size: 18px;
}

header.header-alt .homeicon span, header.toppoint .homeicon span {
  background-color: black
}

header.header-alt #main-menu li a, header.toppoint #main-menu li a {
    color: black
}

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

header #main-menu li a.homeicon::before {
  display: none
}

header.header-alt #main-menu li a::before, header.toppoint #main-menu li a::before {
  bottom: 0px;
  background: #229968;
}

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:not(.header-alt) #main-menu li a:hover {
    color: white
}

header.header-alt #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.header-alt #main-menu li.active a, header.toppoint #main-menu li.active a {
    color: black;
}

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

header .logoinhead {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    height: 70px;
    width: 210px;
    transition: 400ms;
    background: url(/template/img/logo-white.svg) 50% 50% no-repeat;
    background-size: 160px;
}

header.header-alt .logoinhead, header.toppoint .logoinhead {
    background: url(/template/img/logo.svg) 50% 50% no-repeat;
    background-size: 160px;
}

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

.mainsearch {
    height: 100vh;
    min-height: 700px;
    position: relative;
    position: absolute;
    z-index: 23;
    top: 0;
    left: 0;
    right: 0;
    top: 0;
    background: transparent !important;
}

.downbutt {
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
}

.downbutt a {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    transition: .5s linear;
    color: white;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 35px;
    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: 400ms
}

.downbutt a:hover {
    background-position: right center;
}

.input-form .cke {
    width: 100%;
    border: 1px solid silver;
    border-radius: 6px;
    padding: 2px;
}

.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: 36%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 658
}

.imp {
  display: inline-block;
}

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

.datein input , .dateout input , .per input,  input.loc {
    border: none
}

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

#rf-start, #rf-end, #rf-peoples, .loc {
  position: relative;
  color: black !important
}

#rf-start, #rf-end, #rf-peoples,.loc {
    background: white;
    display: inline-block;
    padding: 12px 30px 12px 50px;
    font-size: 16px;
    margin: 4px;
    border-radius: 2px;
    cursor: pointer;
}

.datein::before, .dateout::before, #rf-start::before, #rf-end::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;
}

#rf-peoples::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
}

.orderdetail .oneroom span.extra {
    color: #1d7256;
    margin: 12px 0 -4px;
    display: block;
    font-size: 12px;
}

.orderdetail p.extrafee {
    font-size: 13px;
    line-height: 17px;
    color: #000000;
    font-weight: 400;
    margin: 0;
}

.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: 'Kanit', 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, #lastminute-owl .item a .cont h3 p {
    font-family: 'Baloo 2', sans-serif;
    color: black;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 20px;
}

#lastminute-owl .item a .cont h4 {
    font-family: 'Baloo 2', sans-serif;
    font-weight: normal;
    color: black;
    opacity: .5;
    margin: 0;
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 18px;
}

#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: #34b94f
}

 .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 .dist {
    position: absolute;
    left: 0;
    top: 20px;
    background: #2cab54;
    color: white;
    padding: 4px 9px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#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;
    margin-bottom: 4px;
    margin-top: 30px;
}

#inspiracie .owl-nav {
    margin-top: 0 !important;
    margin-left: 0 !important
}

#inspiracie .cont h3 {
  font-family: 'Baloo 2', sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 30px;
  color: #000000;
  margin-top: 0;
  margin-bottom: 4px;
  margin-top: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 40ch;
}

#inspiracie .cont p {
  font-size: 14px;
  line-height: 18px;
  font-family: 'Kanit', 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: 10px 19px 13px;
}

#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: 26px;
    line-height: 37px;
    padding-left: 10px;
    margin-bottom: 25px;
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
}

section.withblurik {
    position: relative;
    margin-top: 0px;
    min-height: 600px;
}

section.withblurik  .oneoffer {
    display: inline-block;
    width: calc((100% / 3) - 50px);
    margin-right: 48px;
    background: white;
    border-radius: 10px;
    margin-bottom: 50px;
    vertical-align: top;
    box-shadow: 0px 3px 5px -5px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    overflow: hidden;
}

section.withblurik  .oneoffer .content {
    padding: 25px;
    min-height: 190px;
}

section.withblurik .oneoffer h3 {
    font-family: 'Baloo 2', sans-serif;
    font-weight: 500;
    font-size: 19px;
    line-height: 30px;
    color: #000000;
    margin-top: 0;
    margin-bottom: 10px;
    margin-top: 0;
}

section.withblurik .oneoffer p {
  font-size: 15px;
    line-height: 21px;
    font-family: 'Kanit', sans-serif;
    font-weight: 100;
    color: #535254;
    margin-top: -10px;
}

section.withblurik  .oneoffer .img {
    height: 220px
}

section.withblurik .onblurik {
    position: relative;
    margin: 70px auto 20px;
    width: 100%;
    max-width: 1170px;
    display: block;
    z-index: 35;
}

.onblurik .conten .parex p {
    font-size: 22px;
    line-height: 30px;
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    margin-top: 24px;
    margin-bottom: 55px;
    max-width: 860px;
}

.onblurik .conten {
    padding: 50px 0;
}

.onblurik .conten h1 {
    font-size: 45px;
    font-weight: 600;
    line-height: 55px;
}

.blackboxmax p {
    color: #fff;
    font-size: 17px;
    margin: 10px 0;
    font-weight: 400;
}

.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: 'Kanit', sans-serif;
    font-weight: 400;
}

#preferhotel {
    background: white
}

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

#preferhotel .popular-empty a {
    background: #27a65f !important;
    display: table;
    margin: 10px 0;
    text-decoration: none;
    color: white;
    border-radius: 3px;
    padding: 5px 20px;
}

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

#preferhotel .picthotel .firstimg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    transition: 500ms
}

#preferhotel .picthotel .firstimg:hover, #preferhotel .item:hover .picthotel .firstimg {
   opacity: 0
}

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

#preferhotel h2 {
    color: black;
    margin: 10px 0;
}


#preferhotel a .cont {
    padding: 10px 20px 2px;
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: #fff;
}

#preferhotel a {
  box-shadow: 0px 3px 5px -5px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
  margin: 5px 0
}

#preferhotel a .cont h3 {
  font-family: 'Baloo 2', sans-serif;
  color: white;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0px;
  font-size: 17px;
}

#preferhotel a .cont h4 {
    font-family: 'Baloo 2', sans-serif;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 0px;
    font-size: 12px;
    margin: -2px 0 5px;
    color: rgb(255 255 255 / 65%)
}

#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: rgb(165 165 165 / 50%)
}

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

svg { max-height: 100%; }

#preferhotel a .mark {
    display: inline-block;
    position: absolute;
    top: 15px;
    background: #FFEB3B;
    color: #22093a;
    font-weight: 500;
    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, footer .row h2 {
  font-family: 'Baloo 2', 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: 9px 10px 10px 0;
height: 41px;
}

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 !important
}

.menuopener {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 50px;
    height: 50px;
    z-index: 546;
    transform: translateY(-50%);
}

#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: 6px;
    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(239,239,239);
    background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);
    color: white;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 40px
}

.loginfo p {
    color: #9c9c9c;
    font-size: 12px;
    line-height: 18px;
    padding: 20px 40px 0;
}

#loginbox {
    background: white;
    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);
    display: table;
    width: 420px;
    max-width: 96%;
    margin: 30px auto 50px;
    border-radius: 6px;
    padding: 25px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

#loginbox img {
  width: 50px;
  margin: 25px auto 10px
}

.loginfo p {
    color: #9c9c9c;
    font-size: 12px;
    line-height: 18px;
    padding: 20px 40px 0;
}

#loginbox h2 {
    color: black;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
}

#loginbox input {
    background: white;
    color: grey;
    border: none;
    padding: 0 30px;
    border-radius: 3px;
    font-size: 16px;
    text-align: center;
    width: 280px;
    max-width: 100%;
    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 {
    color: grey;
    background: white;
}

#loginbox input:hover::placeholder {
    color: grey; !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-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
     background-size: 200% auto;
    font-size: 16px;
    display: inline-block;
    margin: 15px auto;
    padding: 12px 20px;
    border-radius: 3px;
    width: 280px;
    max-width: 80%;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    transition: 400ms
}

#logginbuton:hover {
    background-position: right center;
}

.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::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 {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: #fff;
    padding: 6px 16px 6px 35px;
    border-radius: 25px;
    margin: 10px 30px 10px 8px;
    transition: 400ms;
}

header #main-menu li:last-child a.user:hover {
    background-position: right center;
    border-radius: 25px;
    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;
}

#loginplace .abcRioButtonLightBlue {
    background-color: #c5c5c5 !important;
    color: black !important;
    box-shadow: 0px 3px 5px -5px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%) !important;
    /* border: 1px solid black !important; */
    border-radius: 5px !important;
    margin: 8px auto !important;
    width: 76% !important;
    width: 280px;
    max-width: 80%;
    background: #f6f6f6 !important;
    height: 40px !important;
    position: relative !important;
    transition: 400ms;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
}

.fb_iframe_widget {
    border: none !important;
    border-radius: 5px !important;
    margin: 5px auto;
    transition: 400ms
}

.fb_iframe_widget:hover {
    background-color: white !important;
    transform: translateY(0px);
}

.col-md-2.roomsele .offline {
    background: #cccccc;
    color: white;
    font-size: 14px;
    text-align: center;
    padding: 3px 11px;
    line-height: 16px;
    border-radius: 5px;
    cursor: not-allowed;
}

#credential_picker_container {
  top: 80px !important;
  right: 10px !important
}

#loginplace .abcRioButtonLightBlue:hover {
    background-color: #eeeeee !important;
    border-color: #d8d8d8 !important;
}

#loginplace .abcRioButtonLightBlue::before {
    content: 'Prihlásiť sa s Google účtom';
    position: absolute;
    display: block;
    left: 0;
    height: 40px !important;
    line-height: 40px !important;
    color: Black !important;
    font-size: 15px;
    text-align: center;
    width: 100%;
    height: 100%
}

#loginplace .abcRioButtonLightBlue:hover::before {
    color: #5a5a5a !important
}

#loginplace .abcRioButtonIcon {
    padding: 10px !important
}

#loginplace .abcRioButtonContents span {
    color: transparent !important
}

.social-login {
    position: relative;
}

.login-disabled {
   position: absolute;
   top: -10px;
   left: 0;
   width: 100%;
   height: calc(100% + 20px);
   background: rgb(255 255 255 / 80%);
   cursor: not-allowed;
}

.login-disabled p {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgb(0 0 0 / 65%);
    font-size: 13px;
    line-height: 15px;
    border-radius: 6px;
    padding: 10px;
}

#loginplace .g-signin2 {
    margin-top: 30px;
}

.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 5px;
}

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



.input-form b {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 6px 0px 0px;
    opacity: 1;
    color: #249f64;
}

.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: 'Kanit', 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: 'Kanit', 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-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;
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: white;
    border: none;
    text-transform: none;
    font-weight: 500;
    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: 0px 29px 0px;
    height: 36px;
    line-height: 36px;
    letter-spacing: 0.3px;
}

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: 3px;
    cursor: pointer;
    transition: 400ms;
    font-size: 13px;
    line-height: 28px;
    height: 28px;
    display: inline-block;
    text-transform: uppercase;
    min-width: 70px;
    text-align: center;
}

.detailbut:hover {
    background: #229968;
}

.row.head div:first-child, .row.basiclist div:first-child {
    padding-left: 10px;
}
.basiclist {
    padding: 15px 0;
    font-size: 16px;
    transition: 500ms;
    border-radius: 0;
    position: relative;
    border-bottom: 1px solid whitesmoke;
}
.basiclist.update-requested{
    background-color: #33b751;
}

.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: 10px;
    border: none;
    font-size: 13px;
    color: #198654;
    box-shadow: none !important;
    cursor: default;
    font-weight: 500;
}

.row h2 {
  margin-bottom: 15px;
  font-family: 'Baloo 2', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 30px;
    line-height: 40px;
    color: #000;
}

#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-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
  background-size: 200% auto;
  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-position: right center;
}

.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::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);
  }
}

@keyframes fadeInS {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

.modal .modal-content p, .modal .modal-content b {
    font-size: 17px;
    line-height: 27px;
    font-family: 'Kanit', 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;
  padding: 0px 22px;
  border-radius: 3px;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 500;
  letter-spacing: 0.4px;
  transition: 400ms;
}

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

#headeradmin {
  background-size: cover;
    position: relative;
    background: url('https://www.betimo.sk/img/rsil/1_1.jpg') 50% 50% no-repeat;
    margin-top: 70px;
}

#headeradmin::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%);
}

#headeradmin .mywrapp {
  padding: 45px 0;
}

#headeradmin .mywrapp h1 {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 34px;
    line-height: 44px;
    font-weight: 600;
    color: white;
}

a.rightcolbut {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    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;
    text-transform: uppercase;
    width: 200px;
    text-align: center;
}

ul.breads {
  list-style: none;
  margin-left: 2px
}

ul.breads li {
    margin-right: 20px;
    display: inline-block;
    position: relative;
    color: white
}

ul.breads li::before {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 57%;
    right: -22px;
    transform: translateY(-50%)rotate(90deg);
    background: url(/template/img/up-w.svg) 50% 50% no-repeat;
    background-size: 9px;
}

ul.breads li:last-child::before {
    display: none
}

ul.breads li a {
  text-decoration: underline;
  color: white
}

.log .basiclist {
    font-size: 13px;
}

.icons.onlyonoff.start-md label {
    margin-left: 10px !important;
}

.basiclist > div {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-right: 10px;
}

.document-list {
    padding: 0 30px;
}

.document-list a span {
    opacity: .3;
    font-size: 80%;
    padding: 0 10px;
    font-style: italic;
}

.document-list a {
    font-size: 16px;
}

.input-form input[type="file"] {
  appearance: none;
  -webkit-appearance: none;
  background: white;
  color: black
}

#file, .file {
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0
}

.custom-file-upload {
    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;
    align-items: left !important;
    justify-content: flex-start !important;
    cursor: pointer;
}

.custom-file-upload:focus, .custom-file-upload:active, .custom-file-upload:hover {
    border-color: #000000;
}

.custom-file-upload img {
  margin-right: 10px
}

#tm_submenu_2 {
    list-style: none;
    margin: -30px 0 40px;
    display: block;
}

#tm_submenu_2 li {
    display: inline-block;
}

#tm_submenu_2 li a {
    padding: 0px 18px 0px 18px;
    background: whitesmoke;
    color: #6f6f6f;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 3px;
    margin-right: 10px;
    box-shadow: 0px 3px 2px -5px rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.14), 0 0px 0px 0 rgba(0,0,0,.12);
    transition: 400ms
}

#tm_submenu_2 li a:hover {
  background: #e4e4e4
}

#tm_submenu_2 li a.act {
    background: black;
    color: white;
}

.custom-file {
  opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.tomuchsize {
    background: #ff244d;
    color: white;
    width: 80%;
    padding: 11px 20px;
    border-radius: 7px;
    font-size: 15px;
    display: none;
}

span.sizeinfo {
    padding: 0 13px;
    font-size: 14px;
    letter-spacing: 0.5px;
}

img {
    max-width: 100%;
}

#rsil img {
    max-width: 100%;
    width: 500px;
}

#hotelgall {
    min-height: 450px
}

.blurik {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 550px;
  overflow: hidden;
}

.bgimg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 550px;
    background: -moz-linear-gradient(top, rgba(255,255,255,40%) -0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,40%) -0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,40%) -0%,rgba(255,255,255,1) 100%);
    overflow: hidden;
    z-index: 2
}

.imgblur {
    position: absolute;
    top: -10%;
    left: -10%;
    right: -10%;
    height: 120%;
    filter: blur(5px)brightness(.8);
    z-index: 1;
    background-size: cover !important
}

.maingal {
    position: relative;
    margin: 100px auto 20px;
    width: 100%;
    max-width: 1170px;
    height: 400px;
    display: block;
    z-index: 35
}

.maingal .row .col-md-6:nth-child(2) .row.half:nth-child(2) .col-md-6:nth-child(2) .onesmall {
    border-bottom-right-radius: 10px
}

.maingal .row .col-md-6:nth-child(2) .row.half:nth-child(1) .col-md-6:nth-child(2) .onesmall {
    border-top-right-radius: 10px
}

.maingal .onebig {
    height: 400px;
    margin: 10px;
    margin-right: 5px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: relative;
    overflow: hidden;
    background: black
}

.onesmall {
    height: 195px;
    margin: 10px 5px 0px;
    position: relative;
    overflow: hidden;
    background: black
}

.onesmall::before, .onebig::before  {
   width: calc(100% - 0px);
   height: calc(100% - 0px);
   background: #000;
   position: absolute;
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 0px;
   cursor: pointer;
   -webkit-transition: all .55s linear;
   -moz-transition: all .55s linear;
   transition: all .55s linear;
   opacity: 0;
   content: '';
   z-index: 2;
   border-radius: 0;
   transform: none;
}

.onesmall:hover::before, .onebig:hover::before {
    opacity: .3;
}

.onesmall::after, .onebig::after {
    content: '';
    background: url(/template/img/zoom.svg) 50% 50%;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: 10px;
    top: 50%;
    left: 50%;
    position: absolute;
    font-size: 0;
    z-index: 3;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: .4s all ease;
    transition: .4s all ease;
    opacity: 0;
}

.onesmall:hover::after, .onebig:hover::after {
    opacity: .8;
    background-size: 25px;
}

.onesmall.topright {
  border-top-right-radius: 10px;
}

.onesmall.bottomright {
  border-bottom-right-radius: 10px;
}

.contentwrapp {
    position: relative;
    margin: 10px auto 20px;
    width: 100%;
    max-width: 1170px;
}

.onebig span {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: white;
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    z-index: 45;
    padding: 5px 20px;
    border-radius: 20px;
    font-size: 16px;
    cursor: pointer;
    transition: 300ms
}

.onebig span:hover {
    background-position: right center;
}

.hotel-des {
    margin: 0 20px;
}

.hotel-des small {
    display: inline-block;
    font-size: 11px;
    line-height: 20px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    color: white;
    background: black;
    margin-top: 4px;
    letter-spacing: 0px;
    padding: 0px 8px;
    border-radius: 11px;
}

p.maindes {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    padding-right: 60px;
}

.hotel-des h1 {
    font-size: 32px;
    line-height: 35px;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0px;
}

.hotel-des span {
    display: inline-block;
    padding-left: 5px;
}



.hotel-des .wrappie {
    margin-right: 50px;
}

.hotel-des .icons .onepic {
    display: inline-flex;
    width: unset;
    text-align: left;
    margin-right: 15px;
    min-width: calc((100% / 2) - 25px);
    margin-bottom: 6px;
}

.hotel-des .icons .onepic .img {
    display: flex;
    vertical-align: middle;
}

.hotel-des .icons img {
    width: 30px;
    margin: 5px auto;
    margin-right: 15px;
    display: inline-block;
}

.hotel-des .icons .img p {
    display: flex;
    height: 35px;
    line-height: 44px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 185px;
}

.hotel-des .icons.services .img p {
    min-width: 180px
}

.undh1 img {
    margin-left: 25px;
    transform: translateY(3px);
    margin-right: 4px;
}

.hotel-des .undh1 span span {
    padding-left: 0;
}

.hotel-des h2 {
  margin-top: 50px;
  font-size: 24px;
  font-weight: 600;
}

.covidinfo {
    background: whitesmoke;
    background-size: 200% auto;
    padding: 9px 20px 10px 20px;
    color: black;
    margin: 35px 0 0;
    max-width: 580px;
    border-radius: 10px;
    box-shadow: 0px 3px 5px -5px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
}

.covidinfo h4 {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 900;
    padding-left: 20px;
    position: relative;
    color: black;
}

.covidinfo h4::before {
    content: '';
    width: 35px;
    height: 35px;
    background: url(/template/img/shield.svg) 50% 50% no-repeat;
    background-size: cover;
    position: absolute;
    display: inline-block;
    left: -10px;
    background-size: 16px;
    top: -8px;
}

.covidinfo p {
    font-size: 14px;
    line-height: 18px;
    margin: 3px 0;
    font-weight: 300;
}

.fixedbook {
    background: white;
    margin-left: 20px;
    border-radius: 6px;
    position: sticky;

    top: 90px
}

.fixedbook .tobook {
    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);
    overflow: hidden;
    border-radius: 10px
}

#booook #quickbook {
    padding: 20px;
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    margin-top: -1px;
}

#booook #quickbook span {
    background: white;
    padding: 10px 40px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 30px;
    margin: 0 auto;
    display: table;
    color: #219d65;
    box-shadow: 0px 3px 5px -5px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    cursor: pointer;
    transition: 400ms
}

#booook #quickbook span:hover {
    background: white;
    box-shadow: none
}

.fixedbook .picth {
    transition: 600ms;
    padding-bottom: 0
}

.fixedbook.scrolled .picth {
    position: relative;
    padding-bottom: 56%;
}

#quickbook {
    padding: 20px;
}

#quickbook #datein ,#quickbook #dateout {
    width: 98%;
    display: inline-flex;
    position: relative;
    cursor: pointer;
    margin: 0 1% 10px 2%;
}

#quickbook #persons {
    width: 98%;
    display: flex;
    position: relative;
    cursor: pointer;
    margin: 1%;
    margin-bottom: 5px;
    margin-top: 0;
}

#quickbook .dipersons::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-52%);
    background: url(/template/img/user.svg) 50% 50% no-repeat;
    filter: grayscale(1);
    background-size: 20px;
    width: 36px;
    height: 36px;
    z-index: 23;
}

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

  .didatein .datein::before, .didateout  .dateout::before {
      display: none;
    }



#datein label.datein, #dateout label.dateout, #persons label.persons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 17px;
    transition: 300ms
}

.didatein, .didateout {
    width: 49%;
    display: inline-block;
    position: relative;
}

.didatein label, .didateout label {
    position: absolute;
    top: 0;
    left: 0px;
    padding: 5px;
    text-indent: 40px;
    font-size: 16px;
}

.dipersons {
  position: relative;
}

.dipersons label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 47px;
    font-size: 16px;
    transition: 400ms
}

.dipersons input:focus + label {
    top: 6px;
    left: 40px;
    font-size: 10px;
    color: silver
}

#quickbook input::placeholder {
    color: black;
    font-size: 16px
}

#quickbook h3 {
    text-align: left;
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 10px;
}

#quickbook input {
    background: white;
    border: none;
    padding: 6px 8px 6px 40px;
    border-radius: 10px;
    font-size: 18px;
    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)
}

#quickbook label.persons input  {
    width: 100%;
    margin: 3px;
}

#quickbook input#submit {
    background: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: white;
    border: none;
    width: 98%;
    border-radius: 27px;
    font-size: 17px;
    padding: 8px 7px;
    margin: 5px 1%;
    cursor: pointer;
    transition: 200ms;
}
#quickbook input#submit:hover {
    background-position: right center;
}

.hotel-des .icons.services .onepic {
    display: inline-flex;
    width: unset;
    text-align: left;
    margin-right: 15px;
    min-width: calc((100% / 2) - 25px);
    margin-bottom: 6px;
}

.hotel-des .icons.services span {
    display: inline-block;
    margin: 2px;
    background: black;
    color: white;
    line-height: 22px;
    height: 22px;
    padding: 0px 8px;
    border-radius: 4px;
    margin-left: 10px;
    transform: translateY(10px);
}


.hotel-des .icons.services span.green {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
}

#article {
    position: relative;
    z-index: 23;
    margin-top: 150px;
}

#article .img {
    width: 100%;
    padding-bottom: 65%;
}

#article.contentwrapp {
    margin-top: 50px
}

#article .content-art {
  margin-bottom: 50px
}

#article .content-art p {
    text-align: left;
    font-size: 19px;
    line-height: 30px;
    width: 800px;
    max-width: 100%;
    margin: 10px auto;
    font-weight: 300;
}

#article .content-art p img {
    margin: 0 -160px
}

#article .content-art h2, #article .content-art h3, #article .content-art h4 {
    padding: 40px 160px 0px;
    margin-bottom: -10px;
}

#article .content-art h3 {
    font-size: 25px;
}

#article .content-art h4 {
    font-size: 22px;
}

.main-book {
    width: 100%;
    background: whitesmoke;
    padding: 40px 0;
}

.main-book .bookwrapp {
    position: relative;
    margin: 10px auto 20px;
    width: 100%;
    max-width: 1170px;
    padding: 0 20px
}

#facilities.closed {
    height: 92px;
    overflow: hidden;
    transition: all 400ms
}

#facilities {
    height: unset;
    transition: all 400ms
}

#showicons {
    background: white;
    padding: 2px 10px;
    border: 1px solid black;
    border-radius: 6px;
    font-weight: 400;
    margin-top: 8px;
    cursor: pointer;
    transition: 400ms
}

#showicons:hover {
    background: black;
    color: white
}

#showicons.open {
     opacity: 0
}

.icons.services.closed {
    max-height: 92px;
    overflow: hidden;
    transition: all 4000ms
}

.icons.services {
    height: unset;
    transition: all 4000ms
}

#facilities, .icons.services {
    position: relative;
    transition: 1000ms
}

#facilities.closed::before, .icons.services.closed::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: transparent;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    z-index: 2
}

#facilities:not(.closed)::before, .icons.services:not(.closed)::before {
    opacity: 0
}

#calendar-block {
    position: absolute;
    display: flex;
    margin: 10px auto;
    padding: 10px 10px 10px;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
    width: 680px;
    max-width: 100%;
    left: 50%;
    top: 75px;
    transform: translateX(-50%);
    z-index: 9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 9999;
    border-radius: 3px;
    box-shadow: 0 10px 20px rgba(0,0,0,.25), 0 24px 38px rgba(0,0,0,.2), 0 13px 55px rgba(0,0,0,.15);
    overflow: hidden;
}

#calendar-block::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: white
}

#calendar-block {
  display: none
}

#rf-button {
    display: inline-block;
    background: #219a67;
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: #fff;
    padding: 12px 35px;
    border-radius: 3px;
    margin: 10px 10px 10px 8px;
    transition: 400ms;
    font-size: 18px;
    cursor: pointer;
}

#rf-button:hover {
    background-position: right center;
}

#js-calendar {
    position: relative;
    width: 640px;
    height: 308px;
    overflow: hidden;
    border-bottom: 1px dashed #fff;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

#calendar-wrapper {
    width: calc(320px * 15);
    position: absolute;
    display: flex;
    left: 0;
    top: 0;
}

#selcal-info {
    display: inline-block;
    text-align: left;
    background: #fff;
    color: black;
    font-style: italic;
    padding: 13px 15px 5px 20px;
    float: left;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50px;
    bottom: 0;
    font-weight: 400;
}

#sci-cancel {
    float: right;
    display: block;
    position: absolute;
    right: 100px;
    bottom: 8px;
    border-radius: 3px;
    background: #000;
    color: white;
    opacity: .1;
    padding: 5px 13px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .5px;
    transition: 500ms;
    cursor: pointer;
    min-width: 80px;
    font-style: normal;
    text-align: center;
    transition: 400ms
}

#sci-cancel:hover {
    opacity: 1
}

#sci-done {
    float: right;
    display: block;
    position: absolute;
    right: 12px;
    bottom: 8px;
    border-radius: 3px;
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: #ffffff;
    padding: 5px 13px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .5px;
    transition: 500ms;
    cursor: pointer;
    min-width: 80px;
    font-style: normal;
    text-align: center !important;
}

#sci-done:hover {
    background-position: right center;
}

#js-cb-next, #js-cb-prev {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 17px;
    cursor: pointer;
    background: transparent;
    border-radius: 100%;
    z-index: 3;
}

#calendar-block.isfxpc .caldayname {
    margin-top: 12px;
    margin-bottom: 0px;
}

#js-cb-next {
    right: 15px;
}

#js-cb-prev {
    left: 15px;
}

#js-cb-next.disabled, #js-cb-prev.disabled {
  opacity: .2
}

#js-cb-prev::before, #js-cb-next::before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    padding: 3px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: translate(-40%,-50%)rotate(135deg);
    -webkit-transform: translate(-40%,-50%)rotate(135deg);
    transition: 400ms all;
    transition-delay: 0;
    cursor: pointer;
}

#js-cb-next::before {
    transform: translate(-65%,-50%)rotate(-45deg);
    -webkit-transform: translate(-65%,-50%)rotate(-45deg);
}

#sci-start, #sci-end, #sci-nights {
    display: inline-block;
    margin: 0 6px;
}

#calendar-wrapper {
    width: calc(320px * 15);
    position: absolute;
    display: flex;
    left: 0;
    top: 0;
}

.month-block {
    float: left;
    margin: 10px
}

.mb-title {
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0px;
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 0px;
    font-family: 'Baloo 2', sans-serif;
    font-weight: 600;
}

#calendar-block.isfxpc .mb-day, #calendar-block.isfxpc .mb-empty, #calendar-block.isfxpc .caldayname {
    line-height: 39px;
    height: 39px;
    font-size: 15px;
}

#js-calendar .mb-content {
    width: 300px;
    max-width: 100%;
    float: left;
    padding: 0px;
}

#calendar-block.isfxpc .mb-day, #calendar-block.isfxpc .mb-empty, #calendar-block.isfxpc .caldayname {
  line-height: 32px;
  height: 32px;
  font-size: 16px;
}

.mb-empty {
    opacity: 0.3;
    text-decoration: line-through;
}

.mb-day, .mb-empty, .caldayname {
    width: 14.28%;
    display: inline-block;
    text-align: center;
    float: left;
    line-height: 32px;
    height: 42px;
    margin-top: 0;
    margin-bottom: 0;
}

#calendar-block .caldayname {
    font-size: 11px !important;
    font-weight: 400;
    color: #a9a9a9;
    margin-top: 2px;
}

#calendar-block .mb-day:not(.selectable),#calendar-block .mb-day:not(.selectable):hover {
    text-decoration: line-through;
    color: #c5c5c5;
}

#calendar-block .mb-day.selectable {
    opacity: 1 !important;
    font-weight: 400;
    position: relative;
    cursor: pointer;
}

#calendar-block .mb-day.selectable.startdate, #calendar-block .mb-day.selectable.enddate, .mb-day.selectable.selecteddays,
#calendar-block .mb-day.selectable.startdate:hover, #calendar-block .mb-day.selectable.enddate:hover, .mb-day.selectable.selecteddays:hover {
    color: white !important
}

#calendar-block .mb-day.selectable:hover::before  {
    content: '';
    background: black;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    display: block;
    z-index: -1
}

#calendar-block .mb-day.selectable:hover::before {
    border-radius: 0px;
    width: 40px;
    height: 38px;
}

#calendar-block .mb-day.selectable:hover {
    color: white
}

#calendar-block .mb-day.selectable.selecteddays::before, #calendar-block .mb-day.selectable.selecteddays:hover::before, #calendar-block .mb-day.selectable.startdate::before, #calendar-block .mb-day.selectable.enddate::before {
    content: '';
    background: black;
    width: 48px;
    height: 38px;
    border-radius: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    display: block;
    z-index: -1
}


#calendar-block .mb-day.selectable.startdate::before, #calendar-block .mb-day.selectable.startdate:hover::before {
    border-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
        width: 46px
}

#calendar-block .mb-day.selectable.enddate::before , #calendar-block .mb-day.selectable.enddate:hover::before{
    border-radius: 50px;
    border-top-left-radius: 0 ;
    border-bottom-left-radius: 0;
        width: 46px
}
.finder {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 1080px;
    max-width: 100%;
}

.hotel-des .conditions p span {
    display: inline-block;
    margin: 2px;
    background: black;
    color: white;
    line-height: 22px;
    height: 22px;
    padding: 0px 8px;
    border-radius: 4px;
    margin-left: 10px;
    transform: translateY(0px);
}

.conditions .half {
  display: inline-block;
  text-align: left;
  margin-right: 15px;
  width: calc((100% / 2) - 17px);
  margin-bottom: 4px;
  font-size: 15px;
}

.conditions .full {
    display: inline-block;
    text-align: left;
    margin-right: 15px;
    min-width: calc((100% / 1) - 25px);
    margin-bottom: 6px;
    font-size: 16px
}

.conditions .half span, .conditions .full span {
  display: inline-block;
  margin: 0;
  background: transparent;
  color: black;
  line-height: 17px;
  height: 22px;
  padding: 2px 0;
  border-radius: 4px;
  margin-left: 0;
  transform: none;
  font-size: 16px;
  font-weight: 400;
}

.conditions .bigextra {
    color: #7d7d7d;
    max-width: 100%;
    margin-top: 30px;
    font-style: italic;
    font-size: 14px;
    line-height: 18px;
}

.conditions small {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin: 6px 0px -4px;
    opacity: 1;
    color: #1b7256;
    background: transparent;
    padding: 0;
}

.menuleft a {
    display: block;
}

.menuleft h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

.js-closecalendar {
    position: absolute;
    bottom: 10px;
    width: 30px;
    height: 30px;
    background: url(/template/img/close-x.svg) 50% 50% no-repeat;
    opacity: 0.2;
    background-size: 10px;
    z-index: 33;
    left: 10px;
    cursor: pointer;
    transition: 400ms;
}

.js-closecalendar:hover {
    opacity: .6;
}

#rf-start, #rf-end {
   width: 150px
}

input.loc {
    background-image: url(/template/img/fpin.svg);
    filter: grayscale(1);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 12px 13px;
    width: 300px;
    color: black
}

input.loc::placeholder {
    color: black;
    opacity: 1
}

.messages {
    max-width: 580px;
    display: block;
    float: left;
    margin-bottom: 25px;
}

.messages textarea {
    width: 90%;
    max-width: 700px;
    border: 1px solid #000000;
    border-radius: 5px;
    resize: none;
    height: 160px;
    overflow-y: auto;
    border-radius: 5px;
    padding: 8px 10px 10px 10PX;
    font-size: 16px;
    line-height: 22px;
    transition: 400ms;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-appearance: none;
    appearance: none;
    margin-right: 0;
    margin-left: auto;
    display: table;
    margin-top: 40px;
    max-height: 80px;
    overflow-y: auto;
    float: right;
    transition: 400ms
}

.messages textarea:hover, .messages textarea:active, .messages textarea:visited, .messages textarea:focus {
    border-color: silver;
}

.messages input {
    display: table;
    width: 100px;
    background: black;
    margin: 5px 0 5px auto;
    border: none;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    float: right;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    transition: 450ms
}

.messages input:hover {
    background: #35ba4e
}

div.message {
    float: left;
    width: 100%;
    margin: 35px 0 0;
}

div.message h2 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.messages .ms {
    width: 100%;
    display: block;
    position: relative;
    margin: 2px 0;
}

.messages .ms .mess {
    max-width: 80%;
    background: whitesmoke;
    display: table;
    float: none;
    border-radius: 10px;
    position: relative;
    padding: 6px 18px;
    margin-bottom: 5px
}

.messages .ms.usermes .mess {
    display: table;
    margin-left: 20%;
    float: right;
    max-width: 80%;
    text-align: right;
    background: #eaeaea;

}

.messages .ms.rental .mess {
    display: table;
    margin-right: 20%;
    float: left;
    text-align: left;
    max-width: 80%
}

.messages .ms i {
    opacity: .5;
    font-size: 11px;
}

.messages .ms p {
    margin-top: 5px;
}

.messages .ms.rental {
    float: left;
    text-align: left
}

input.loc:active::placeholder, input.loc:focus::placeholder {
    color: silver
}

input.loc.red {
    background-color: #efc0d0;
    filter: none;
}

#location-block {
    display: none;
    position: absolute;
    text-align: left;
    width: 299px;
    left: 8px;
    border-radius: 8px;
    height: 300px;
    overflow: auto;
    top: 59px;
    border-top: 3px solid black;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#location-block::-webkit-scrollbar {

}

.loc-item {
    background: white;
    padding: 9px 10px 9px 51px;
    font-size: 16px;
    cursor: pointer;
    opacity: 1;
    color: #313131;
    transition: 400ms;
    position: relative;
}

.loc-item::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    width: 30px;
    height: 30px;
    background: url('/template/img/turismreg.svg') 50% 50% no-repeat;
    background-size: 17px;
    opacity: .5;
    transition: 400ms ease-out
  }

  .loc-item.city::before {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 8px;
      width: 30px;
      height: 30px;
      background: url('/template/img/city-locator.svg') 50% 50% no-repeat;
      background-size: 17px;
      opacity: .5;
      transition: 400ms ease-out
    }

  .loc-item:hover::before {
    opacity: 1
  }

#location-block:hover .loc-item {
    opacity: .9
}

.loc-item:last-child {
    border-bottom: 0
}

.loc-item:hover, #location-block:hover .loc-item:hover  {
    background: white;
    color: black;
    opacity: 1;
}

#sci-start, #sci-end {
    display: none
}

#sci-nights {
    font-size: 14px;
    color: #b2b2b2;
    font-weight: 400;
    font-style: normal;
    position: absolute;
    right: 190px;
}

#sci-nights span {
    padding-left: 1px;
    font-size: 14px;
    color: #b2b2b2;
    font-weight: 400;
}

#js-peoples {
    position: absolute;
    width: 320px;
    right: 171px;
    background: #ffffff;
    padding: 0;
    top: 76px;
    display: none;
    z-index: 9999;
    border-radius: 3px;
    box-shadow: 0 10px 20px rgba(0,0,0,.25), 0 24px 38px rgba(0,0,0,.2), 0 13px 55px rgba(0,0,0,.15);
    overflow: hidden;
    max-height: 480px;
    z-index: 65478454656;
}

.js-peoples-in {
    position: relative;
    overflow-y: auto;
    min-height: 168px;
    margin-top: 0px;
    max-height: 410px;
}

.js-peoples-in::-webkit-scrollbar {
    width: 7px;
}

.js-peoples-in::-webkit-scrollbar-track {
    background: silver
}

.js-peoples-in::-webkit-scrollbar-thumb {
    background-color: black
}

.js-addroom:hover, .js-addroom.lookatme:hover {
    color: #ffffff;
    background: #000000;
}

.clp-buttons {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #ffffff;
}

#js-peoples .adults, #js-peoples .rooms {
    font-size: 16px;
    text-align: left;
    padding-left: 35px !important
}

.js-closepersons:hover {
    opacity: 1
}

.clp-block {
    position: relative;
    background: #fff;
    height: 50px;
    box-shadow: 0 0 4px rgb(0 0 0 / 0.15);
}

.clp-button.js-sendpersons {
    background: #219a67;
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    position: absolute;
    margin: 5px auto;
    bottom: 5px;
    right: 10px;
    display: block;
    letter-spacing: 0;
    width: auto;
    color: #ffffff;
    border-radius: 3px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 4px 18px;
    cursor: pointer;
    transition: 400ms;
    top: unset;
    height: unset;
    left: unset;
    min-width: 80px;
    text-align: center;
}

.clp-button.js-sendpersons:hover {
    background-position: right center;
}


#js-peoples .bfc-minus {
    font-size: 32px;
    line-height: 23px;
}

#js-peoples .adults, #js-peoples .rooms {
    padding: 10px;
}

#js-peoples .rooms {
    color: #209e65;
    padding: 5px;
    margin-top: 10px;
    background: whitesmoke;
    border-top: 1px dashed #bfbfbf;
}



#js-peoples .adults span, #js-peoples .adults .inputgroup, #js-peoples .rooms span, #js-peoples .rooms .inputgroup {
    display: inline-block;
    width: 50%;
}

#js-peoples .adults span, #js-peoples .rooms span {
    font-size: 16px
}

#js-peoples .inputgroup input {
    width: 50px;
    text-align: center;
    border: none;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    text-indent: 0px;
    appearance: none;
    background: transparent !important
}

#js-peoples .inputgroup input, #js-peoples .inputgroup .pplus, #js-peoples .inputgroup .pminus {
    display: inline-block;
}

#js-peoples .inputgroup .pplus, #js-peoples .inputgroup .pminus {
    background: black;
    color: white;
    font-size: 24px;
    height: 26px;
    line-height: 23px;
    border-radius: 30px;
    width: 26px;
    outline: none;
    cursor: pointer;
    text-align: center;
    padding: 0;
}

#js-peoples .rooms .inputgroup input {
    color: #209e65;
}

#js-peoples .rooms .inputgroup .pplus, #js-peoples .rooms .inputgroup .pminus {
    background: #209e65;
    color: white
}

#js-peoples .inputgroup .pplus::selection, #js-peoples .inputgroup .pminus::selection {
    background: transparent;
    display: none
}

.childrow {
    font-size: 16px;
    width: 100%;
    padding: 6px 10px 6px 6px;
    text-align: left;
    position: relative;
}

.delechild {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)translateX(10px);
    cursor: pointer;
    right: 65px;
}

.delechild::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/template/img/bin-ico.svg) 50% 50% no-repeat;
    background-size: 18px;
    opacity: 1;
    transition: 400ms;
}

.addchild {
    padding: 10px;
    padding-top: 0;
    margin-top: -7px;
    text-align: left;
}

.addchild span {
  width: 150px;
  display: inline-block;
  font-size: 16px;
  text-align: left;
  padding-left: 30px;
}

.addchildbtn, .js-childadd {
    display: inline-block;
}

.js-childadd {
    background: black;
    color: white;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 7ch;
    border-radius: 3px;
    font-weight: 500;
    transform: translateY(12px);
    cursor: pointer;
}

select.addchildbtn {
  width: 60px !important;
  max-width: 60px !important;
  min-width: 60px !important;
    background-color: black !important;
    border-radius: 3px;
    border: none;
    color: #ffffff !important;
    line-height: 20px;
    height: 32px;
    outline: none;
    font-size: 14px;
    margin-right: 5px;
        margin-left: 5px;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    padding: 1px 25px 1px 10px;
    background-image: url(/template/img/arrow-down-wh.png);
    background-size: 13px 13px;
    background-position: 85% 50%;
    background-repeat: no-repeat;
    font-weight: 500;
    font-family: 'Kanit', sans-serif;
    cursor: pointer;
}

span.chlda {
    width: unset !important;
}

.js-closepersons *::selection {
    background: transparent !important
}

.js-closepersons {
    position: absolute;
    bottom: 10px;
    width: 30px;
    height: 30px;
    background: url(/template/img/close-x.svg) 50% 50% no-repeat;
    opacity: 0.2;
    background-size: 10px;
    z-index: 33;
    left: 10px;
    cursor: pointer;
    transition: 400ms;
}

#searchres {
    background: rgb(239,239,239);
    background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 70px;
}

#searchres h1 {
    font-size: 40px;
    margin-bottom: 6px;
}

#searchres .filters {
    margin: 25px 0 40px;
}

.filters div {
    display: inline-block;
}

.filters div span {
    background: rgba(0,0,0,0);
    color: black;
    padding: 4px 15px;
    border: 1px solid black;
    border-radius: 30px;
    margin-right: 10px;
}

#searchres .oneoffer {
    box-shadow: 0px 3px 5px -5px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    border-radius: 6px;
    display: inline-block;
    margin: 10px 20px 10px 0;
    width: calc(32% - 20px);
    overflow: hidden;
    background: white;
    transition: 400ms;
    position: relative;
}

#searchres .oneoffer:hover {
    background: white;
    box-shadow: 0 0 17px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px);
}

#searchres .oneoffer .imgs {
    height: 215px;
    position: relative;
}

#searchres .oneoffer .imgs span {
    z-index: 545;
    position: absolute;
    top: 25px;
    background: #FFEB3B;
    padding: 2px 13px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 13px;
}

#searchres .oneoffer .imgs div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  transition: 400ms
}

#searchres .oneoffer:hover .imgs .two {
  opacity: 0
}

#searchres .oneoffer .descsearch {
    padding: 5px 20px;
}

#searchres .oneoffer .descsearch span.location, #searchres .oneoffer .descsearch span {
  margin-left: 10px;
  position: relative;
  padding-left: 30px !important;
}

#searchres .oneoffer .descsearch span.location::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-56%);
  width: 30px;
  height: 30px;
  background: url(/template/img/map-location-s.svg) 50% 50% no-repeat;
  background-size: 16px;
}

#searchres .oneoffer .descsearch span:not(.location)::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-56%);
  width: 30px;
  height: 30px;
  background: url(/template/img/search-bed.svg) 50% 50% no-repeat;
  background-size: 16px;
}

#searchres .oneoffer .descsearch h2 {
    font-size: 19px;
    line-height: 28px;
    margin-bottom: -3px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-family: 'Baloo 2', sans-serif;
    color: black;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0px;
    font-size: 20px;
}

#searchres .oneoffer .descsearch span {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    color: #a9a9a9;
    margin-top: 5px;
    letter-spacing: 0;
    padding: 0 1px;
    border-radius: 11px;
}

#searchres .oneoffer .descsearch span:not(.location) {
    margin-left: -8px;
    position: relative;
    padding-left: 30px !important;
}

#searchres .oneoffer .descsearch .row .col-md-6 a {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: white;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    padding: 0 16px;
    margin: 6px 0 6px 0;
    font-size: 15px;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    transition: 400ms;
    width: 100px;
    float: right;
}

#searchres .oneoffer .descsearch .row .col-md-6 a:hover {
    background-position: right center;
}

#searchres .oneoffer h2 {
  position: absolute;
  bottom: 0;
  color: white;
  text-shadow: 0 0 10px black;
  font-size: 20px;
  line-height: 24px;
  left: 10px;
  margin-bottom: 10px;
}

#searchres .oneoffer h2 small {
    display: block;
    font-size: 12px;
    line-height: 14px;
    opacity: .6;
}

#searchres .oneoffer h2 small i {
    color: white;
    display: inline-block;
    text-transform: capitalize;
    font-style: normal;
    padding: 0 0 0 0.5px;
    border-radius: 50px;
}

#searchres .oneoffer h2 small address {
    color: white;
    display: inline-block;
    text-transform: capitalize;
    font-style: normal;
    padding: 0 0 0 3px;
    border-radius: 50px;
}

#sfilt {
    min-height: 80px;
    border-radius: 10px;
    margin: 10px;
    margin-left: 0;
    margin-right: 20px;
    padding: 10px;
}

.oneoffer .shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 25%);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 40%, rgba(0,0,0,0.35) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 40%,rgba(0,0,0,0.35) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 40%,rgba(0,0,0,0.35) 100%);
}

.price {
    color: black;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    padding: 0;
    margin: -1px 0 0 0;
    font-size: 20px;
    border-radius: 0;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
    transition: 400ms;
    width: 160px;
    font-family: 'Baloo 2', sans-serif;
    font-weight: 600;
}

.price small {
    color: darkgrey;
    display: block;
    text-align: left;
    font-size: 13px;
    line-height: 18px;
    margin-top: -11px;
    padding-left: 1px;
    font-weight: 100;
}

#searchres .oneoffer .col-md-12 span.cancel {
    width: calc(100% + 60px);
    text-align: center;
    margin: 18px -26px -20px !important;
    display: block !important;
    background: #33b752 !important;
    font-weight: 500;
    padding: 8px !important;
    color: white;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#searchres .oneoffer .col-md-12 span.cancel::before {
    display: none
}

#searchres .oneoffer .col-md-12 span.cancel.nocancel {
    width: calc(100% + 60px);
    text-align: center;
    margin: 18px -26px -20px !important;
    display: block !important;
    background: #000000 !important;
    font-weight: 500;
    padding: 8px;
    color: #fdfdfd;
}

.content-art div img {
    margin: 25px auto;
}

.imgrs .img {
    margin-bottom: 50px
}


header.toppoint.header-alt {
  box-shadow: 0 0 25px rgb(0 0 0 / 20%)
}

span.date, span.cat {
    width: 100%;
    text-align: center;
    display: inline-block;
    color: silver;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 100;
    text-align: left;
    margin: 0 !important;
    margin-bottom: 50px !important;
}

header.shaddy {
    box-shadow: 0 0 3px rgb(0 0 0 / 20%)
}

span.date {
    margin-bottom: 40px;
}

#article h1 {
  position: relative;
}

#article h1 {
    text-align: left;
    font-size: 45px;
    line-height: 50px;
    margin: 10px 20px 18px 0;
    font-weight: 600;
}

.sharer .share a {
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 17px;
}


.sharer .share a img {
    margin: 0 !important;
    transform: scale(0.65);
    transition: 500ms ease-in
}

.sharer .share a:hover img {
    transform: scale(0.75);
}

#article .parex p {
    font-size: 25px;
    line-height: 33px;
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    margin-top: 25px;
    margin-bottom: 25px;
}

#hotelbooking .input, #hotelbooking #rf-start, #hotelbooking #rf-end, #hotelbooking #rf-peoples {
    background: white;
    color: #000;
    padding: 7px 16px 7px 37px;
    border-radius: 25px;
    margin: 0px 10px 10px 0px;
    transition: 400ms;
    border: 2px solid black;
    font-size: 16px;
    font-weight: 500;
    width: unset;
    min-width: 160px;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

#hotelbooking .input:hover {
    background: black;
    color: white
}

#hotelbooking .input::placeholder {
    color: black
}

#hotelbooking .input:hover::placeholder {
    color: white
}

#rooms-filter {
    position: relative;
}

#hotelbooking #calendar-block {
    position: absolute;
    margin: 20px auto;
    padding: 10px 10px 10px;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
    width: 680px;
    max-width: 100%;
    left: 0px;
    top: 45px;
    transform: none;
    z-index: 9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 9999;
    border-radius: 3px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 25%), 0 24px 38px rgb(0 0 0 / 20%), 0 13px 55px rgb(0 0 0 / 15%);
    overflow: hidden;
    display: none
}

#hotelbooking #js-peoples {
    position: absolute;
    width: 320px;
    left: 340px;
    background: #ffffff;
    padding: 0;
    top: 65px;
    display: none;
    z-index: 9999;
    border-radius: 3px;
    box-shadow: 0 10px 20px rgba(0,0,0,.25), 0 24px 38px rgba(0,0,0,.2), 0 13px 55px rgba(0,0,0,.15);
    overflow: hidden;
    max-height: 480px;
    z-index: 65478454656;
}

#hotelbooking #rf-peoples::before {
    background-size: 20px;
}

#hotelbooking .datein::before,#hotelbooking .dateout::before,#hotelbooking #rf-start::before,#hotelbooking #rf-end::before {
    background-size: 15px;
  }

#hotelbooking .input#submit, #hotelbooking  #rf-button {
    padding: 7px 30px;
    background: black;
    color: white;
    transition: 400ms;
    border-radius: 32px;
    border: 2px solid black;
    font-size: 16px;
    font-weight: 500;
}

#hotelbooking .input#submit:hover, #hotelbooking  #rf-button:hover {
    background: white;
    color: black;
}

#hotelbooking .input::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: 15px;
    width: 36px;
    height: 36px;
    transition: 400ms;
}

#hotelbooking .input.person::before {
    background: url(/template/img/fpersons.svg) 50% 50% no-repeat;
    filter: grayscale(1);
    background-size: 18px;
}

#hotelbooking .input:hover::before, #hotelbooking #rf-start:hover::before,#hotelbooking #rf-end:hover::before, #hotelbooking #rf-peoples:hover::before {
    filter: brightness(100);
}

#hotelbooking #rf-start:hover, #hotelbooking #rf-end:hover,#hotelbooking #rf-peoples:hover {
    background: black !important;
    color: white !important;
}

#hotelbooking .input#submit::before, #hotelbooking  #rf-button::before {
    display: none
}

#bookingresults .next .rez {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: #fff;
    padding: 10px 30px 10px 30px;
    border-radius: 5px;
    margin: 10px 30px 10px 8px;
    transition: 400ms;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
}

#bookingresults .next .rez:hover {
    background-position: right center;
}

#bookingresults {
    margin: 20px 0 80px;
}

#bookingresults .oneroom {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 5px -8px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    margin-bottom: 30px;
    background: white;
    background: -moz-linear-gradient(top, white 0%, whitesmoke 100%);
    background: -webkit-linear-gradient(top, white 0%,whitesmoke 100%);
    background: linear-gradient(to bottom, white 0%,whitesmoke 100%);
    padding-bottom: 15px
}

.modal .modal-content.payment-content h2 {
    margin: 0 0 10px !important;
    position: relative;
}

.modal .modal-content.payment-content.orderstatus-fail h2::before {
    position: relative;
    content: '';
    width: 80px;
    height: 60px;
    margin: 0px auto;
    background: url('/template/img/smile-sad.svg') 50% 50% no-repeat;
    background-size: 50px;
    display: block;
}

.modal .modal-content.payment-content.orderstatus h2::before {
    position: relative;
    content: '';
    width: 80px;
    height: 60px;
    margin: 0px auto;
    background: url('/template/img/smile.svg') 50% 50% no-repeat;
    background-size: 50px;
    display: block;
}

.modal .modal-content.payment-content {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 40px;
}

.modal .modal-content.payment-content.orderstatus-fail {
    background: #f1d6df;
}

#bookingresults .oneroom .roomimg {
    background-size: cover!important;
    background-position: 50% 50%!important;
    min-height: 180px;
    z-index: 3;
    position: relative;
    cursor: pointer;
    padding: 15px 20px;
    border-bottom-right-radius: 20px;
}

#bookingresults .oneroom .roomdes {
    display: inline-block;
    vertical-align: top;
    background: transparent
}

#bookingresults .oneroom .roomname {
    font-size: 22px;
    font-family: 'Baloo 2', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 19px;
    line-height: 34px;
    color: white;
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 100%);
    background-size: 200% auto;
    margin: -20px;
    margin-bottom: 10px;
    padding: 5px 20px 1px;
        width: calc(100% + 50px);
}

.selection p {
    background: #ececec;
    margin: 4px 0px 15px;
    font-size: 15px;
    display: inline-block;
    padding: 8px 15px;
    color: #656565;
    border-radius: 5px;
    font-style: italic;
    font-weight: 500;
}

.selection p span {
    padding-right: 15px;
    font-weight: 300
}

.selection p span b {
  font-style: italic;
  font-weight: 500;
}

.rbi_pict_wrapper {
    margin-top: 10px;
    margin-bottom: 25px;
    max-height: 135px;
    overflow-y: hidden;
}

.rbi_pict {
    display: inline-flex;
    margin: 0 12px 0px 0;
    min-width: 115px
}

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

.oneroom .pctgrm_img {
    -webkit-mask-size: 17px !important;
    mask-size: 20px !important;
    background-color: #0d6b43;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    padding: 15px 20px 13px 0;
}

.rbi_pict_txt {
    color: #0d6b43;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    padding-right: 2px;
    padding-left: 0;
    font-style: italic;
}

#room-switcher {
    list-style: none;
    background: #000000;
    position: sticky;
    top: 70px;
    display: block;
    margin-top: 0px;
    z-index: 5462;
    margin-bottom: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
}

#room-switcher li {
    display: inline-block;
    font-size: 17px;
    padding: 8px 20px;
    cursor: pointer;
    color: white
}

#room-switcher li.actroom {
    color: white;
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 100%);
}

.roomdes {
    padding: 20px;
}

.personsch {
    position: absolute;
    z-index: 5464;
    background: white;
    left: 376px;
    box-shadow: 0 10px 20px rgba(0,0,0,.25), 0 24px 38px rgba(0,0,0,.2), 0 13px 55px rgba(0,0,0,.15);
    border-radius: 6px;
    overflow: hidden;
    max-height: 480px;
}

.oneroom .rbi_pict_txt span {
    display: inline-block;
    padding-left: 0px;
    padding-top: 0px;
}

.col-md-2.persons {
    padding: 0px 10px 6px !important;
}

.col-md-2.persons p.smalll {
    font-size: 12px;
    padding-left: 3px;
    line-height: 16px
}

#js-peoples.personsch {
    display: none;
    top: 152px;
    position: absolute;
    overflow: auto;
}

#js-peoples.personsch::-webkit-scrollbar {
    display: none;
    width: 0
}

#js-peoples.personsch .js-childadd {
    background: black;
    color: white;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 7ch;
    border-radius: 3px;
    font-weight: 500;
    transform: translateY(12px);
    cursor: pointer;
}

#js-peoples.personsch .addchild {
    padding: 10px;
    text-align: left;
    margin-top: -15px;
    margin-bottom: 15px;
}

.personsch .head {
    width: 100%;
    background: whitesmoke;
    color: black;
    font-size: 14px;
    padding: 7px 20px;
    font-weight: 500;
    border-bottom: 1px solid whitesmoke;
    border-top: 1px solid whitesmoke;
}

#js-peoples.personsch .js-peoples-in {
    position: relative;
    overflow-y: auto;
    min-height: 135px;
    margin-bottom: 0;
    margin-top: 10px;
}

.js-addroom {
    position: absolute;
    right: 106px;
    top: 9px;
    background: black;
    color: white;
    padding: 4px 15px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
}

#js-peoples.personsch .clp-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #ffffff;
    box-shadow: 2px -5px 10px rgb(0 0 0 / 10%);
}

.roomscon {
    position: relative;
    max-height: calc(480px - 50px);
    overflow-y: auto;
    min-height: 225px;
    margin-bottom: 50px;
}

.ratehead p {
    border: none;
    font-size: 13px;
    color: #198654;
}

.rates .row:not(.ratehead) .col-md-3, .rates .row:not(.ratehead) .col-md-4, .rates .row:not(.ratehead) .col-md-2 {
    padding: 0px 20px;
}
.ratehead .col-md-3 {
    padding: 5px 20px 0;
    margin-bottom: -6px;
}

.ratehead .col-md-5 {
    padding: 5px 6px 0;
    margin-bottom: -6px;
}

.ratehead .col-md-2 {
    padding: 5px 20px 0 35px;
    margin-bottom: -6px;
}

ul#persons {
    list-style: none;
    margin-top: 10px;
}
ul#persons li {
  display: inline-block;
}

ul#persons li.dospele {
    width: 15px;
    height: 20px;
    position: relative;
    display: inline-block;
    background: url(/img/pictograms/onapersona.svg) 50% 50% no-repeat;
    background-size: 18px;
        transform: translateY(4px);
}

ul#persons li.deti {
    width: 18px;
    height: 20px;
    position: relative;
    display: inline-block;
    background: url(/img/pictograms/onapersona.svg) 50% 50% no-repeat;
    background-size: 12px;
        transform: translateY(7px);
}

ul#persons li.deti:first-child {
    padding-left: 10px
}

.onerete {
    box-shadow: 0 2px 5px -8px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    padding: 5px 15px;
    border-left: 3px solid #32b652;
    border-radius: 10px;
    font-size: 17px;
    transition: 400ms;
    width: calc(100% - 20px);
    margin: 8px auto;
    background: white;
}
.onerete:hover {
    background: #e7f6e9;
}

.ratehead p {
    border: none;
    font-size: 12px;
    color: #198654;
    font-weight: 500;
}

p.smalll {
    font-size: 12px;
    padding-left: 3px;
}

.ratehead .col-md-3 p {
    margin-left: 20px;
}

.onerete .price {
  position: relative;
  margin: 0
}

.onerete .price p {
    font-size: 20px;
    font-weight: 800;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Baloo 2', sans-serif;
}

.onerete .price p::before {
    content: '';
    position: absolute;
    top: -16px;
    right: -25px;
    width: 30px;
    height: 30px;
    background: url(/template/img/i-g.svg) 50% 50% no-repeat;
    background-size: 17px;
}

.onerete .price .pricemoreinfo p::before {
    display: none
}

.ratehead {
    margin-top: 20px;
}

.onerete select {
    appearance: none;
    background: #219a67;
    background-size: 200% auto;
    border: none;
    color: white;
    font-size: 16px;
    padding: 6px 30px 6px 10px;
    margin: 0 15px;
    font-weight: 600;
    border-radius: 6px;
    background-image: url(/template/img/ardownw.svg);
    background-position: 80% 50%;
    background-size: 12px;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 400ms
}

.onerete select:hover {
    background-color: #35ba4e;
  }

.conditions p {
    font-size: 14px;
    line-height: 20px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
}

#bookingresults {
    position: relative;
}

.next-step {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.next-step #secondstep {
    width: 100%;
    height: 60px;
    background: #ffffff;
    position: sticky;
    top: calc(100vh - 60px);
    z-index: 65644;
    margin: 0;
    border-radius: 0;
}

.next-step-link {
    position: sticky;
    top: 100px;
    margin: 30px;
}

.next-step-link  h3 {
    font-size: 20px;
}

.next-step-link p {
    font-size: 13px;
    line-height: 18px;
}

.vyber {
    margin-top: 8px;
}

.vyber p {
    font-size: 20px;
    font-weight: 800;
    font-family: 'Baloo 2', sans-serif;
    margin-top: 0;
    display: inline-block;
    text-align: center;
    color: black;
}

.next-step-link .vyber p b  {
    font-size: 20px;
    font-weight: 800;
    font-family: 'Baloo 2', sans-serif;
    margin-top: 0;
    display: inline-block;
    text-align: center;
    color: black;
    padding-right: 5px;
}

.sales p {
    margin-right: 15px;
    color: #1f9b65;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 10px;
    font-style: italic;
}

#bookingresults .next {
    display: inline-block;
    position: relative;
    top: unset;
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    width: unset;
    height: 46px;
    margin-left: 0;
    border-radius: 3px;
    color: white;
    font-size: 18px;
    padding: 0 55px 0 35px;
    line-height: 46px;
    margin: 10px 0;
    cursor: pointer;
    transition: 400ms
}

#bookingresults .next:hover {
    background-position: right center;
}

#bookingresults .next::before {
    content: '';
    display: block;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 40px;
    background: url('/template/img/ra.svg') 50% 50% no-repeat;
    background-size: 28px;
    transition: 400ms
}

#bookingresults .next:hover::before {
    right: -4px
}

.roomimg {
  overflow: hidden;
}

.roomimg::before {
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    background: #000;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    cursor: pointer;
    -webkit-transition: all .55s linear;
    -moz-transition: all .55s linear;
    transition: all .55s linear;
    opacity: 0.08;
    content: '';
    z-index: 2;
    border-radius: 0;
    transform: none;
}

.roomimg::after {
    content: '';
    background: url(/template/img/zoom.svg) 50% 50%;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    background-size: 20px;
    top: 50%;
    left: 50%;
    position: absolute;
    font-size: 0;
    z-index: 3;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: .4s all ease;
    transition: .4s all ease;
    opacity: 0.5;
}

.roomimg:hover::before {
    opacity: .3
}

.roomimg:hover::after {
    opacity: .8;
    background-size: 32px;
}

.roomimg .fotocount {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: white;
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    z-index: 45;
    padding: 0px 15px;
    border-radius: 20px;
    font-size: 13px;
    cursor: pointer;
    transition: 300ms;
}

#bookingresults .roomname small {
    display: block;
    font-size: 13px;
    line-height: 16px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    color: white;
    background: transparent;
    margin-top: 5px;
    letter-spacing: 0px;
    padding: 0;
    border-radius: 11px;
    margin: -5px 0 5px 0;
}


#js-peoples .rno {
    background: #ffffff;
    color: #219d65;
    width: 100%;
    padding: 5px 14px 0;
    margin-top: 5px;
    margin-bottom: -5px;
    font-weight: 500;
    font-size: 14px;
    border-top: 1px dashed #31a26c;
    display: block;
}

.inputgroup {
  position: relative;
}

.inputgroup::before {
    content: '';
    top: 0;
    left: 30px;
    right: 30px;
    bottom: 0;
    display: block;
    background: transparent;
    z-index: 4471;
    position: absolute;
    width: calc(100% - 85px);
    height: 100%;
}

.mark.add-to-fav {
    position: absolute;
    top: 15px;
    right: 7px !important;
    width: 50px;
    height: 50px;
    background: transparent;
    z-index: 65;
}

.mark.add-to-fav span {
    background-color: #fff;
    -webkit-mask: url(/template/img/favg.svg) 50% 50% no-repeat;
    clip-path: url(/template/img/favg.svg);
    -webkit-mask-size: 25px;
    mask-size: 25px;
    display: block;
    width: 30px;
    max-width: 90%;
    height: 30px;
    z-index: 2;
    visibility: visible;
    transition: all 0.5s;
    font-size: 0;
    opacity: .5;
    cursor: pointer;
    margin: 0 auto;
}

.mark.add-to-fav.fav span {
    opacity: 1;
    background-color: #fff;
    -webkit-mask: url(/template/img/favgf.svg) 50% 50% no-repeat;
    clip-path: url(/template/img/favgf.svg);
    -webkit-mask-size: 25px;
}

.registration a, .registration h4 {
    color: black
}

.registration h4 {
    font-size: 16px;
    margin-top: 26px;
    display: block;
    margin-bottom: -5px;
}

.registration a {
    text-decoration: underline;
    color: #26a261;
}

#loginbox input.submit {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    font-size: 16px;
    display: table;
    margin: 15px auto;
    padding: unset;
    border-radius: 3px;
    width: 280px;
    max-width: 80%;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    transition: 400ms;
    color: white;
    font-family: 'Kanit', sans-serif !important;
    border: none;
    cursor: pointer;
    margin-top: 30px;
}

#loginbox input.submit:hover {
    background-position: right center
}

#error_red {
    position: fixed;
    top: 70px;
    background: #ff003b;
    color: white;
    width: 100%;
    text-align: center;
    z-index: 453;
    font-size: 15px;
    padding: 8px 0;
}

#loginbox  .agreements input {
    display: none
}

#loginbox  .agreements  {
    margin: 15px auto 10px;
    width: 330px;
    max-width: 95%;
    display: inline-block;
}

#loginbox  .agreements b, #loginbox  .agreements p {
    color: #888888;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: left;
    margin-left: 50px;
    margin-right: 0px;
}

#loginbox p::selection {
    background: transparent !important
}

#inspiracie.zaz {
    background: white
}

#inspiracie.zaz .cont h3 {
    font-family: 'Baloo 2', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 30px;
    color: #000000;
    margin-top: 0;
    margin-bottom: -10px;
    margin-top: 0;
    margin-left: 1px;
    margin-right: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40ch;
}

.maincontzaz .share {
    text-align: left;
    margin-top: 40px;
}

.maincontzaz span.date,.maincontzaz span.cat {
    width: 100%;
    text-align: center;
    display: inline-block;
    color: #26a064;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 400;
    text-align: left;
    margin: 0 !important;
    margin-bottom: 10px !important;
}

.searchuby {
  text-align: left;
}

.searchuby a {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: #fff;
    padding: 12px 30px 12px 45px;
    border-radius: 3px;
    margin: 13px 30px 10px 1px;
    transition: 400ms;
    font-size: 17px;
    display: inline-block;
    position: relative;
}

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

.searchuby a:hover {
  background-position: right center;
}

#hotelgall.zaz .imgblur {
    position: absolute;
    top: -10%;
    left: -10%;
    right: -10%;
    height: 120%;
    filter: blur(3px)brightness(.4);
    z-index: 1;
    background-size: cover !important;
}

#loginbox  .agreements .control__indicator {
    width: 24px;
    height: 24px;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    display: block;
    position: relative;
    margin: 22px auto 0;
    float: left;
    margin-left: 10px;
    border-radius: 15px
}

#loginbox  .agreements .control .control__indicator:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#loginbox  .agreements .control input:checked:focus~.control__indicator, #loginbox  .agreements .control input:checked~.control__indicator, #loginbox  .agreements .control:hover input:not([disabled]):checked~.control__indicator {
    background: #219d65;
    border: 2px solid #239e64;
}


#loginbox input.error {
    border: 1px solid #da0046;
  }

  #loginbox .agreements .control.error .control__indicator {
      border: 1px solid #da0046;
    }

#article.kontakt h1:before {
    display: none
}

#article.kontakt h1 {
    text-align: center;
    font-size: 60px;
    line-height: 70px;
    margin: 10px 30px 30px;
    font-weight: bold;
}

#articlehead .img {
    width: 100%;
    height: 360px;
    margin-top: 70px;
    position: relative;
}

#articlehead .img::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

#articlehead .h1wrapp {
    position: relative;
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 60px 0;
    height: 100%;
}

#articlehead .h1wrapp h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    text-align: center;
    color: white;
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: 1.4px;
}

#loginbox .status {
    background-color: rgb(255 0 87);
    padding: 12px;
    border-radius: 3px;
    position: relative;
    opacity: 1;
    display: none;
    width: 280px;
    max-width: 80%;
    margin: 5px auto
}

#loginbox .status span {
    font-size: 14px;
    color: #FFF;
}

.rooms-pack.hidden, .hidden {
  display: none
}

.roomsele input {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -1000px;
  z-index: -1
}

.roomsele .checkmark {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: white;
    display: inline-block;
    position: relative;
    width: unset;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 0.4px;
    transition: 400ms;
    background: black
}

.roomsele .checkmark:hover {
    background: #34bb4e
}

.roomsele input:checked~.checkmark {
    padding-left: 30px;
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 100%);
    background-position: right center;
}

.roomsele .checkmark::before {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-mask: url(/template/img/vkosiku.svg) 50% 50% no-repeat;
  clip-path: url(/template/img/vkosiku.svg) 50% 50% no-repeat;
  background-size: 18px;
  -webkit-mask-size: 18px !important;
  mask-size: 15px !important;
  background-color: #fff;
  transition: 400ms;
  opacity: 0
}

.roomsele input:checked~.checkmark::before {
  opacity: 1
}

.roomsele input:disabled~.checkmark, .roomsele input:disabled:hover~.checkmark {
    opacity: .2;
    cursor: not-allowed;
    background: black !important;
}

#loginbox .suc-status{
  background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
	color:#FFF;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transform: translateY(-100%);
	transition:all .4s;
}
#loginbox.success .suc-status{
	transform: translateY(0);
}
#loginbox .suc-status .status-container{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#loginbox .suc-status .status-container .status-svg svg path{
	fill:#FFF;
}
#loginbox .suc-status .status-container .status-text span{
	color:#FFF;
}

.status-svg {
    width: 110px;
    height: 110px;
    margin: 0 auto 30px;
    display: block;
}

.status-svg svg {
  max-width: 100%;
  max-height: 100%
}

.status-text {
    font-size: 18px;
    line-height: 27px;
    padding: 0 50px;
}

#article.onlytext {
    margin-top: 100px;
}

.status-text a {
    display: table;
    width: unset;
    margin: 20px auto;
    background: white;
    color: #2da061;
    padding: 5px 20px;
    border-radius: 4px;
    transition: 400ms
}

.status-text a:hover {
    background: black;
    color: white
}

.custom-input {
    position: relative;
    width: 280px;
    max-width: 100%;
    height: 45px;
    line-height: 45px;
    margin: 15px auto 10px
}

#loginbox .custom-input input {
   color: black;
   transition: 200ms !important;
   padding: 0 10px !important
}



#loginbox .custom-input input:-webkit-autofill,
#loginbox .custom-input input:-webkit-autofill:hover,
#loginbox .custom-input input:-webkit-autofill:focus,
#loginbox .custom-input input:-webkit-autofill:active,
#loginbox .custom-input input:-webkit-autofill::first-line  {
  transition: background-color 5000s;
  -webkit-text-fill-color: black !important;
  background: white !important;
  padding: 0 10px !important;
  padding-top: 0px !important;;
  cursor: text !important;;
  font-family: fieldwork, sans-serif !important;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  font-size: 16px !important;
}

.custom-input input::placeholder {
    visibility: hidden;
    opacity: 0
}

#loginbox .custom-input input:active, .custom-input input:not(:placeholder-shown), #loginbox .custom-input input:focus, #loginbox .custom-input input:not(:placeholder-shown) {
    border-color: #219a67 !important;
    padding-top: 0px !important;
}


#loginbox .custom-input input.error {
    border-color: #da0046 !important
}

#loginbox .custom-input input.error:active~.custom-placeholder, #loginbox .custom-input input.error:focus~.custom-placeholder, #loginbox .custom-input input.error:not(:placeholder-shown)~.custom-placeholder {
    color: #da0046 !important
}

#loginbox #js-back {
    display: block;
    color: white;
    text-decoration: none;
    padding: 6px 20px;
    border-radius: 20px;
    float: none;
    color: #000;
    padding: 8px 35px 8px 35px;
    border-radius: 25px;
    margin: 40px auto -30px auto;
    transition: 400ms;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    transition: 400ms;
    text-transform: none;
    font-weight: 300;
    cursor: pointer !important;
    background: transparent;
    text-decoration: underline;
    font-style: italic;
    width: calc(100% + 10px);
    opacity: .25;
}


.registration #loginbox .step-desc {
    background: whitesmoke;
    background-size: 200% auto;
    padding: 9px 15px 10px 15px;
    color: black;
    margin: 10px 0 13px 10px;
    max-width: 580px;
    border-radius: 10px;
    box-shadow: 0px 2px 2px -5px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 0px 1px 0 rgb(0 0 0 / 12%)
}

.rmblock {
    margin: 0 0 10px 0;
}

.rmblock h3 {
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 10px 0 0 0;
}

.roomsandbeds {
    margin-top: 20px;
}

.rmiblock {
    background: white;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    padding: 10px 20px;
    max-width: 200px;
    display: inline-block;
    margin: 5px;
    margin-right: 10px;
    margin-left: 0;
    min-height: 130px;
    vertical-align: text-bottom;
}

.rmiblock h3 {
    margin: 0 4px 0 4px;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 400;
}

.rmiblockall {
    position: relative;
}

.rmiblockall .owl-nav {
    position: absolute;
    top: 22px;
    width: 100%;
    margin: 0 !important;
}

.rmiblockall .owl-nav span {
    background-color: white;
    border: 1px solid #e2e2e2;
    border-radius: 50px;
}

.rmiblockall .owl-theme .owl-nav .disabled span {
    background-color: white;
    border: 1px solid whitesmoke;
}

.rmiblockall .owl-nav .righta,.rmiblockall .owl-nav .lefta {
    opacity: 1
}

.rmiblockall .owl-nav .owl-next {
    position: absolute;
    right: 15px;
}

.rmiblockall .owl-nav .owl-prev {
    margin-left: -15px;
}

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

.rmiblockall .owl-theme .owl-nav .disabled {
    opacity: 0;
    cursor: default;
}

.rmiblock .bed span {
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    font-weight: 300;
    margin: 0;
    padding: 0;
    margin-right: -8px;
}

.rmiblock .bed {
    position: relative;
    padding-left: 37px;
    margin: 8px 0;
}

.rmiblock .bed.singlebed::before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform: none;
    background: url(/template/img/single-bed.svg) 15% 15% no-repeat;
    background-size: 21px;
}

.rmiblock .bed.extrabed::before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/template/img/extra-bed.svg) 15% 15% no-repeat;
    background-size: 26px;
}

.rmiblock .bed.doublebed180::before, .rmiblock .bed.doublebed150::before, .rmiblock .bed.doublebed130::before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/template/img/double-bed.svg) 15% 15% no-repeat;
    background-size: 26px;
}

.rmiblock .bed.sofa2::before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/template/img/long-sofa.svg) 15% 15% no-repeat;
    background-size: 30px;
}

.rmiblock .bed.bunkbed::before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/template/img/bunk-bed.svg) 15% 15% no-repeat;
    background-size: 24px;
}

.rmiblock .bed.sofa::before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/template/img/sofa.svg) 15% 15% no-repeat;
    background-size: 25px;
}

.registration #loginbox .step-desc p {
    margin-bottom: 10px;
}

#loginbox #js-back:hover {
    opacity: 1
}

.custom-input .custom-placeholder {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    color: #818181;
    width: unset;
    text-align: left;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    display: table;
    margin-top: 10px;
    transition: 200ms;
    pointer-events: none;
    padding: 0;
    background: transparent;
    border-radius: 50px
}

.custom-input input:not([disabled]):focus~.custom-placeholder, .custom-input input:active~.custom-placeholder, .custom-input input:not([value=""]):not(:focus):invalid~.custom-placeholder, .custom-input input:not(:placeholder-shown)~.custom-placeholder,
.custom-input input:-webkit-autofill~.custom-placeholder,
.custom-input input:-webkit-autofill:hover~.custom-placeholder,
.custom-input input:-webkit-autofill:focus~.custom-placeholder,
.custom-input input:-webkit-autofill:active~.custom-placeholder  {
    top: 0;
    left: 6px !important;
    color: #219a67 !important;
    padding: 0 10px!important;
    background: white;
    height: 20px;
    line-height: 18px;
    font-size: 13px;
}

.custom-input input.error~.custom-placeholder {
    color: #da0046 !important
}

.custom-input input.error:active~.custom-placeholder, .custom-input input.error:focus~.custom-placeholder, .custom-input input.error:not(:placeholder-shown)~.custom-placeholder {
    color: #219a67 !important
}

#map .cluster {
    background: linear-gradient(to left, #219a67 0, #36bb4e 100%); !important;
    border-radius: 100%
}

#map .cluster img {
  display: none
}

.map-section {
    margin-top: 70px;
}

.list-col.col-hide {
  max-width: 0
}

.map-col {
    max-width: 100%;
    flex-basis: 100%
}

.hotel-col.selected div {
    border: none !important;
    background: linear-gradient(to left, #219a67 0, #36bb4e 100%); !important;
    color: white
}

#map .cluster div span {
  color: white !important;
  font-size: 18px !important;
  font-family: 'Kanit', sans-serif;
font-weight: 400;
}

#article.onlytext h1 {
    text-align: left;
    font-size: 40px;
    line-height: 70px;
    margin: 0;
    font-weight: bold;
}

#article.onlytext h1::before {
    display: none
}

#article.onlytext {
  margin-top: 160px;
  margin-bottom: 150px
}

.wrapp-md-6 {
    padding: 10px;
}

.question {
  border-radius: 6px;
  padding: 5px 10px 5px 0;
  width: 98% !important;
  margin: 10px 10px 0px 0;
  background: white;
  min-height: 70px;
  display: inline-block;
  transition: 800ms ease-in
}

.toggle-btn {
    width: 100%;
    font-size: 18px;
    display: inline-block;
    font-weight: 400;
    padding: 5px 8px 0px 0;
    padding-right: 50px;
    position: relative;
}

.pricemoreinfo {
    background: linear-gradient(to left, #219a67 0, #36bb4e 100%);
    font-size: 12px;
    display: block;
    position: absolute;
    width: unset;
    max-width: 260px;
    height: auto;
    box-shadow: 0 0 45px rgb(0 0 0 / 20%);
    overflow: hidden;
    right: 0%;
    top: -5px;
    border-radius: 5px;
    opacity: 0;
    transition: 400ms;
    transform: translateY(-50%)translateX(75%);
    padding-right: 15px;
}

.pricemoreinfo.visible::before {
    content: '';
    position: absolute;
    top: -3px;
    width: 30px;
    height: 30px;
    background: url(/template/img/close-x-w.svg) 50% 50% no-repeat;
    opacity: .6;
    filter: brightness(100);
    background-size: 8px;
    z-index: 33;
    right: -3px;
    cursor: pointer;
    transition: 400ms;
}

.pricemoreinfo.visible {
    opacity: 1;
    top: 50%;
    transform: translateY(-50%)translateX(75%)
}

.pricemoreinfo .wrapper {
    margin: 10px;
    position: relative;
}

.pricemoreinfo .wrapper p {
    position: relative;
    font-size: 13px;
    line-height: 18px;
    top: unset;
    transform: none;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    color: white
}

#article h2, #article h3 {
    font-weight: 600;
    font-style: normal;
    font-size: 35px;
    line-height: 40px;
    color: #000;
    margin: 20px auto 15px
}

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

#oregions a {
    display: block;
    height: 130px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

#oregions a .img {
    width: 100%;
    height: calc(100% - 25px);
    display: block;
    cursor: pointer;
    background-size: cover;
    position: relative;
}

#oregions a p {
    background: white;
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    position: relative;
    color: white;
    font-size: 15px;
    display: block;
}

.regions {
    position: absolute;
    bottom: 200px;
    left: 0;
    width: 100%
}

.question .toggle p {
    padding: 5px 20px 15px 0px;
    font-size: 16px;
    line-height: 23px;
    background: transparent;
    margin: 0;
    border-radius: 6px;
    font-weight: 300;
}

.yourstay {
    background: whitesmoke;
    margin-right: 0;
    margin-left: 20px;
    border-radius: 10px;
    transition: 600ms;
    overflow: hidden;
}

.personaldata h2 {
    margin-top: 0 !important;
        padding-top: 0px !important
}

.personaldata h2::before {
    display: none
}

.yourstay .dates {
    margin: 10px 18px;
}

.yourstay h3 {
    color: black;
    margin-top: 20px;
}

#lastform .hotelpic {
    min-height: 210px;
    position: relative;
}

#lastform .hotelpic::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%);
}

#lastform .hotelpic p {
  color: white;
  position: absolute;
  bottom: 13px;
  padding: 10px 20px;
  font-size: 26px;
  font-weight: 600;
  font-family: 'Baloo 2', sans-serif;
}

#lastform .hotelpic p.backtoroomselection {
    position: absolute;
    left: 2px;
    bottom: -8px;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

div.backtoroomselection {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 35px;
    height: 35px;
    border-radius: 100px;
    background: rgb(255 255 255 / 41%);
    cursor: pointer;
    transition: 400ms
}

div.backtoroomselection::before {
  content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-52%,-50%);
    width: 25px;
    height: 30px;
    background: url(/template/img/back.svg) 50% 50% no-repeat;
    background-size: 16px;
}

div.backtoroomselection:hover {
    transform: scale(1.1);
}

#lastform .row h2 {
    margin-bottom: -3px;
    font-weight: 600;
}

#lastform p.small {
    font-size: 13px;
    line-height: 17px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-top: 3px;
    width: 500px;
    max-width: 100%;
}

.yourstay span {
    color: grey;
    font-size: 12px;
    margin: 0;
    line-height: 12px;
    padding-left: 0;
}

.yourstay {
    position: sticky;
    top: 85px;
    margin-top: 7px;
}

.yourstay p {
    margin: 0;
    line-height: 15px;
    margin-bottom: 15px;
}

.yourstay .oneroom h4 {
    font-size: 19px;
    margin: 10px -1px 5px;
    font-weight: 600;
}

.yourstay .price {
    text-align: center;
    background: black;
    color: white;
    width: calc(100% + 40px);
    margin: 15px -20px -18px !important;
    padding: 13px 15px 18px;
    display: block;
    height: unset;
    line-height: unset;
}

.yourstay .inch, .yourstay .outch {
    padding-left: 50px;
    position: relative;
}

.yourstay .inch::before {
    position: absolute;
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url(/template/img/check-in.svg) 50% 50% no-repeat;
    background-size: 33px;
    top: 50%;
    left: 0;
    transform: translateY(-56%);
}

.yourstay .outch::before {
    position: absolute;
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url(/template/img/check-out.svg) 50% 50% no-repeat;
    background-size: 33px;
    top: 50%;
    left: 0;
    transform: translateY(-56%);
}

.yourstay .oneroom {
    padding: 8px 13px 0;
    border-top: 1px dashed silver;
    margin: 8px 0;
}

#lastform .hoteldet {
    padding: 0 10px 50px 0px;
}

#lastform .hoteldet h3 {
    font-size: 22px;
    margin-top: 40px;
    border-top: 1px dashed silver;
    padding-top: 25px;
    max-width: 600px;
    width: 90%;
}

#lastform .hoteldet .account {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    padding: 15px 25px 15px 30px;
    color: white;
    margin: 15px 0 0;
    max-width: 580px;
    border-radius: 7px;
}

#lastform .hoteldet .account h4 {
    font-size: 21px;
    margin-top: 8px;
    margin-bottom: 12px;
    font-weight: 900;
    position: relative;
}

#lastform .hoteldet .account p {
    font-size: 14px;
    line-height: 18px;
    margin: 8px 0;
}

#lastform .hoteldet input {
    background: white;
    color: black;
    border: none;
    padding: 0 16px;
    border-radius: 6px;
    font-size: 16px;
    text-align: left;
    width: 320px;
    max-width: 100%;
    height: 45px;
    line-height: 45px;
    border: 1px solid black;
    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;
}

#lastform .hoteldet .custom-input {
    position: relative;
    width: 320px;
    max-width: 90%;
    height: 45px;
    line-height: 45px;
    margin: 10px auto 10px 0;
}

#lastform .hoteldet .custom-input .custom-placeholder {
    color: black
}

#lastform .hoteldet .formie {
    max-width: 620px;
}

#lastform .custom-input input:active, .custom-input input:not(:placeholder-shown), #lastform .custom-input input:focus, #lastform .custom-input input:not(:placeholder-shown) {
    border-color: #219a67 !important;
    padding-top: 0px !important;
}
#lastform .hoteldet .custom-textarea {
    position: relative;
    width: 620px;
    max-width: 90%;
    height: 110px;
    line-height: 45px;
    margin: 10px auto 10px 0;
}

#lastform .hoteldet textarea {
    background: white;
    color: black;
    border: none;
    padding: 13px;
    border-radius: 3px;
    font-size: 16px;
    text-align: left;
    width: 500px;
    max-width: 100%;
    height: 92px;
    line-height: 18px;
    border: 1px solid black;
    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;
    border-radius: 6px;
    resize: none;
}

#lastform .pays {
    margin: 20px 0
}

.onepay input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1
}

.onepay span {
    width: 500px;
    display: block;
    border: 1px solid black;
    border-radius: 0px;
    padding: 10px;
    margin: 0;
    margin-top: -1px;
    font-size: 17px;
    padding-left: 55px;
    position: relative;
    cursor: pointer;
    transition: 400ms
}

.onepay span:hover {
    background: #e7f6e9;
}

.onepay span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background: url('/template/img/paysel.svg') 50% 50% no-repeat;
    background-size: 20px;
    opacity: 0.1
}

.onepay.webpay span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 185px;
    height: 35px;
    background: url('/template/img/pay-cards2.png') 50% 50% no-repeat;
    background-size: 185px;
}

.onepay.iban span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 85px;
    height: 35px;
    background: url('/template/img/transfer3.svg') 50% 50% no-repeat;
    background-size: 85px;
}

.onepay input:checked~span {
    background: #e7f6e9;
    color: #097925;

}

.onepay input:checked~span small {
    color: #097925;
}

.onepay input:checked~span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background: url('/template/img/paychecked3.svg') 50% 50% no-repeat;
    background-size: 20px;
    opacity: 1
}

.onepay:first-child span {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.onepay:last-child span {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.onepay span small {
  display: block;
  font-size: 12px;
  margin-top: -5px;
  background: transparent;
  color: black;
  padding: 0;
}

#bookingresults .next.disabled {
  opacity: .2;
  background: black;
  cursor: not-allowed;
}

#bookingresults .next.disabled:hover::before {
    right: 4px;
}

#fullpool p small {
    display: block;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    color: #23a062;
    font-weight: 500;
}

#fullpool .basicbook {
    margin-bottom: 8px;
    padding: 10px;
    border-radius: 5px;
    transition: 200ms;

}

#fullpool .basicbook:hover {
    box-shadow: 0px 3px 5px -5px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    transition: 200ms;
    cursor: pointer;
}

#fullpool .basicbook .user p {
    font-weight: 500;
}

#fullpool .basicbook div:last-child {
    float: right;
    text-align: right;
}

#fullpool .basicbook div:last-child p , #fullpool .basicbook div:last-child a {
    background: black;
    display: table;
    margin: 6px 0 6px auto;
    padding: 2px 10px;
    color: white;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: 400ms
}

#fullpool .basicbook div:last-child:hover p , #fullpool .basicbook div:last-child:hover a, #fullpool .basicbook:hover div:last-child p , #fullpool .basicbook:hover div:last-child a  {
    background: #219a67;
    color: #fff;
    transition: 400ms
}

#fullpool .basicbook.canceled {
    background: #ffefef;
    border-left: 3px solid #e91e63;
}

#fullpool .basicbook.opcia {
    background: #fff1e3;
    border-left: 3px solid #ff9800;
}

#fullpool .basicbook.paid {
    background: #d4f3d7;
    border-left: 3px solid #34b94f;
}

#fullpool .basicbook.paid p small {
    color: #198653;
    font-weight: 500;
}

#fullpool .basicbook.opcia p small {
    color: #ff9902;
    font-weight: 500;
}

#fullpool .basicbook.canceled p small {
    color: #e91e63;
    font-weight: 500;
}

#fullpool p  {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
}

.custom-select span {
    font-size: 18px;
    margin: 13px 0;
    display: inline-block;
}

.timetogo {
  border: none;
    font-style: normal;
    -webkit-appearance: none;
    appearance: none;
    background-color: black;
    background-image: url(/template/img/ardownw.svg);
    background-position: 91% 50%;
    background-size: 12px;
    background-repeat: no-repeat;
    color: white;
    font-size: 16px;
    padding: 8px 36px 8px 15px;
    border-radius: 4px;
    margin: 10px 8px;
    font-family: 'Kanit';
    font-weight: 500;
    display: inline-block;
}

.account p a:hover {
    color: #bef5c9;
}

#hotelform {
    margin-bottom: 80px;
    display: none
}

.cancelation {
    margin: 20px 0;
}

.cancelation .one {
    width: 500px;
    display: block;
    border: 1px solid black;
    border-radius: 0px;
    padding: 10px 20px;
    margin: 0;
    margin-top: -1px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    transition: 400ms;
}

.cancelation .one.cancel {
    font-size: 14px;
    line-height: 18px
}

.cancelation .one:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.cancelation .one:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.cancelation .one.freecancel {
    color: #ffffff;
    background: linear-gradient(to left, #36bb4e 0, #219a67 100%);
    padding-left: 50px;
    border-color: #219a67;
    font-weight: 500;
    font-size: 17px;
}

.cancelation .one.freecancel::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background: url(/template/img/super-like.svg) 50% 50% no-repeat;
    background-size: 23px;
}

#lastform  .agreements input {
    display: none
}

.account {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    padding: 15px 25px 15px 30px;
    color: white;
    margin: 15px 0 0;
    max-width: 580px;
    border-radius: 7px;
}

.account h4 {
    font-size: 21px;
    margin-top: 8px;
    margin-bottom: 12px;
    font-weight: 900;
    position: relative;
}

.orderdetail p {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    margin-top: 10px;
}

#js-resinfo-2 .oneroom .row .col-md-6 p {
    position: relative;
    padding-left: 16px;
}

#js-resinfo-2 .oneroom .row .col-md-6 p::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    left: -9px;
    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: 13px;
    -webkit-mask-size: 13px !important;
    mask-size: 13px !important;
    background-color: #000;
    transition: 0ms;
}

.orderdetail .oneroom {
    background: white;
    box-shadow: 0px 3px 5px -5px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    border-radius: 10px;
    overflow: hidden;
    margin: 10px 0;
    margin-right: 10px;
}

.orderdetail .oneroom .picture {
    padding-bottom: 54%;
}

.orderdetail .oneroom .name {
    padding: 15px 25px;
}

.orderdetail .oneroom .persons,.orderdetail  .oneroom .boarding,.orderdetail  .oneroom .roomprice {
    position: relative;
    padding-left: 19px;
    font-size: 16px;
    margin: 0 0 8px;
}

.orderdetail  .oneroom .rate {
  text-align: center;
}

.orderdetail .oneroom .rate h3 {
    font-size: 20px;
    text-align: center;
    font-family: 'Kanit', sans-serif;
    font-weight: 500;
}

.orderdetail .oneroom .rate div {
    text-decoration: none;
    opacity: 1;
    font-weight: 500;
    background: black;
    width: 100%;
    display: block;
    color: white;
    padding: 5px;
    font-size: 14px;
    margin-top: 5px;
    transition: 400ms;
    cursor: pointer !important;
}

.orderdetail .buttons {
    margin: 20px 0;
}

.orderdetail  .bookdeta p {
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px 15px 0 2px;
    font-size: 12px;
    color: #219a65;
}

.orderdetail  .bookdeta small {
    opacity: 1;
    font-size: 12px;
    font-style: normal;
    margin-left: 8px;
}

.bookdeta {
    width: 580px;
    max-width: 100%;
    padding: 5px 0;
  }

.orderdetail .bookdeta p:last-child {
    border-bottom: none
}

.orderdetail  .bookdeta p span {
    display: block;
    color: black;
    font-size: 16px;
    margin-top: -3px;
}

.orderdetail .fixedbook {
    background: white
}

.orderdetail .buttons a, .orderdetail .buttons div {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: white;
    font-size: 14px;
    padding: 5px 15px;
    margin: 5px 10px 5px 0;
    border-radius: 3px;
    transition: 500ms;
    display: inline-block;
    min-width: 150px;
    text-align: center;
    cursor: pointer !important;
}

.orderdetail .buttons a.classic {
    background: black;
}

.orderdetail .buttons a:hover {
    background-position: right center;
  }

.orderdetail .buttons .cancel {
    background: #ff003b;
}

.orderdetail .buttons .cancel:hover {
     background: #d80032;
}

.orderdetail .oneroom .rate div:hover {
      background: #ff003b;
}

.orderdetail .oneroom .rate div small {
    display: block;
    margin: -3px 0 3px;
    line-height: 15px;
    font-size: 11px;
}

.orderdetail .oneroom .persons::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    left: -9px;
    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: 13px;
    -webkit-mask-size: 13px !important;
    mask-size: 13px !important;
    background-color: #000;
    transition: 0ms;
}

.orderdetail .oneroom .boarding::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-mask: url(/template/img/cutlery.svg) 50% 50% no-repeat;
    clip-path: url(/template/img/cutlery.svg) 50% 50% no-repeat;
    background-size: 13px;
    -webkit-mask-size: 13px !important;
    mask-size: 13px !important;
    background-color: #000;
    transition: 0ms;
}
.orderdetail .oneroom .roomprice::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-mask: url(/template/img/bedie.svg) 50% 50% no-repeat;
    clip-path: url(/template/img/bedie.svg) 50% 50% no-repeat;
    background-size: 13px;
    -webkit-mask-size: 13px !important;
    mask-size: 13px !important;
    background-color: #000;
    transition: 0ms;
}


.orderdetail .name h3 {
    font-family: 'Kanit', sans-serif;
    font-weight: 500;
    font-size: 18px;
    margin: 10px 0 16px;
}

.orderdetail .oneroom .name h3 small {
    color: black;
    font-size: 12px;
    display: block;
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    margin: 0px 0 8px;
}

.orderdetail .linktomap {
    background: whitesmoke;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    margin: 10px 0;
    max-width: 580px;
    cursor: pointer;
    transition: 400ms
}

.orderdetail .linktomap:hover {
    background: #e2e2e2;
  }
  .orderdetail .linktomap p {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
}

#js-resinfo-2 .oneroom .row .col-md-6:last-child p {
    position: relative;
    padding-left: 0px;
}

#js-resinfo-2 .oneroom .row .col-md-6:last-child p::before {
    display: none
}

.orderdetail .yourstay {
    margin-top: 40px;
    background: white;
}

.orderdetail .picth {
  padding-bottom: 60%;
}


.orderdetail #booook {
  margin-top: 80px
}

.account p {
    font-size: 14px;
    line-height: 18px;
    margin: 8px 0;
}

#js-cancel-payment .preloader {
    display: block;
    text-align: left;
    background: url('/template/img/loadergreen.svg') 2% 100% no-repeat;
    background-size: 50px;
    width: 100%;
    height: 60px;
}

#js-resinfo-2 .preloader {
    display: block;
    text-align: left;
    background: url('/template/img/loadergreen.svg') 50% 50% no-repeat;
    background-size: 54px;
    width: 100%;
    height: 200px;
}

#lastform  .agreements  {
    width: 500px;
    display: block;
    border-radius: 0px;
    padding: 15px 0px 5px;
    margin: 0;
    margin-top: -1px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    transition: 400ms;
}

#lastform  .agreements:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

#lastform  .agreements:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

#lastform  .agreements b, #lastform  .agreements p {
    color: black;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
    margin-left: 40px;
    margin-right: 15px;
}

#lastform  .agreements .control__indicator {
    width: 24px;
    height: 24px;
    border: 1px solid black;
    border-radius: 2px;
    display: block;
    position: relative;
    margin: 0 auto;
    float: left;
    margin-left: 2px;
    border-radius: 15px;
}

#lastform  .agreements .control .control__indicator:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#lastform  .agreements .control input:checked:focus~.control__indicator, #lastform  .agreements .control input:checked~.control__indicator, #lastform  .agreements .control:hover input:not([disabled]):checked~.control__indicator {
    background: #219d65;
    border: 2px solid #239e64;
}



#lastform input.error {
    border: 1px solid #da0046;
  }

#lastform .agreements .control.error .control__indicator {
    border: 1px solid #da0046;
  }

.allagree {
  margin-top: 20px
}

#lastform .bigsubmit #bigsub {
  display: inline-block;
  position: relative;
  top: unset;
  background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
  background-size: 200% auto;
  width: unset;
  height: 46px;
  margin-left: 0;
  border-radius: 3px;
  color: white;
  font-size: 17px;
  padding: 0 55px 0 45px;
  line-height: 46px;
  margin: 10px 0;
  cursor: pointer;
  transition: 400ms;
  border: none;
  margin-top: 30px;
  line-height: 46px;
}

#lastform .bigsubmit #bigsub #bload, .bigsubmit #bigsub #bload {
    background: url(/template/img/loading-white.svg) 50% 50% no-repeat;
    background-size: 22px;
    left: 0
  }

#lastform .bigsubmit #bigsub:hover {
  background-position: right center;
}


#lastform .bigsubmit #bigsub::before {
    content: '';
    display: block;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 40px;
    background: url(/template/img/ra.svg) 50% 50% no-repeat;
    background-size: 28px;
    transition: 400ms;
}

#lastform .bigsubmit #bigsub:hover::before{
    right: -4px;
}

.infosilver p {
    font-size: 13px;
    line-height: 17px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-top: 22px;
    padding: 10px 4px;
    max-width: 500px;
    width: 100%
}

#lastform .hoteldet .custom-input.long {
    width: 100%;
    margin: 10px 0;
    max-width: 95%;
}

#lastform .hoteldet .custom-input.long input {
    width: 100%
}

.extrab {
    margin: 10px 0 0;
}

.akobtn {
    display: inline-block;
    color: black;
    padding: 3px;
    border-radius: 15px;
    margin: 10px 10px 0px 5px;
    cursor: pointer;
    font-size: 13px;
    line-height: 17px;
    transition: 400ms;
    padding-left: 35px;
    padding-right: 50px;
    position: relative;
    transition: 200ms
}

.akobtn::before {
    content: '';
    position: absolute;
    top: 2px;
    width: 22px;
    height: 22px;
    left: 5px;
    background: white;
    border: 1px solid black;
    border-radius: 100px;
    transition: 200ms
}

.akobtn.act::after {
    content: '';
    position: absolute;
    top: 6px;
    width: 14px;
    height: 14px;
    left: 9px;
    background: #2e9e6c;
    border: 1px solid #329f6e;
    border-radius: 100px;
    opacity: 0;
    transition: 200ms
}

.akobtn.act::after {
    opacity: 1
}

.akobtn.act::before {
    border: 1px solid #a0d2b8
}

.akobtn.act {
    color: #2e9e6c;
    text-decoration: none
}

.akobtn:hover {
    color: #219a67
}

.hidd {
  display: none
}

h2.firstnomargin {
    margin-top: 0;
    font-size: 30px;
}

#lastform .agreements .error b, #lastform .agreements .error p{
      color: #dd2152;
}

#loginbox .agreements .error b, #loginbox .agreements .error p {
    color: #dd2152;
  }

.pop-up-gallery {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6555456;
    background: rgb(255 255 255 / 1);
    overflow: hidden;
    display: none
}

.pop-up-gallery .content {
    position: absolute;
    top: 50px;
    left: 50px;
    width: calc(100vw - 100px);
    height: calc(100vh - 100px);
    overflow: hidden;
}

.pop-up-gallery .content .main-hotel-gal {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.pop-up-gallery .content .main-hotel-gal .gal-image {
    display: inline-block;
    width: calc(100vw - 100px);
    height: calc(100vh - 100px);
    float: left;
    position: relative;
}

.pop-up-gallery .content .main-hotel-gal .gal-image img {
    height: unset;
    max-height: 75vh;
    margin: 0 auto;
    display: block;
    width: auto;
    max-width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 85%;
    width: auto !important;
    height: auto !important;
}

.gallery-arrows {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100vw - 0px);
    height: 100px;
}

.arrow-left {
    display: block;
    height: calc(100vw - 100px);
    width: 80px;
    background-color: transparent !important;
    position: absolute;
    left: 0;
    padding-left: 20px;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}

.arrow-right {
    display: block;
    height: calc(100vw - 100px);
    width: 80px;
    background-color: transparent !important;
    position: absolute;
    right: 15px;
    padding-right: 20px;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}

.arrow-right::before, .arrow-left::before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    padding: 3px;
    border: solid black;
    border-width: 0 3px 3px 0;
    transform: translate(-40%,-50%)rotate(135deg);
    -webkit-transform: translate(-40%,-50%)rotate(135deg);
    transition: 400ms all;
    transition-delay: 0;
    cursor: pointer;
    transition: 400ms
}

.arrow-right::before {
    transform: translate(-65%,-50%)rotate(-45deg);
    -webkit-transform: translate(-65%,-50%)rotate(-45deg);
}

.arrow-left:hover::before {
  transform: translate(-40%,-50%)rotate(135deg)scale(1.2);
  -webkit-transform: translate(-40%,-50%)rotate(135deg)scale(1.2);
}

.arrow-right:hover::before {
    transform: translate(-65%,-50%)rotate(-45deg)scale(1.2);
    -webkit-transform: translate(-65%,-50%)rotate(-45deg)scale(1.2);
}

#close-hotel-gal, #close-room-gal {
    position: fixed;
    top: 0px;
    right: 0;
    display: block;
    height: 55px;
    width: 55px;
    background-color: transparent;
    cursor: pointer;
    z-index: 468;
}

#close-hotel-gal::after, #close-room-gal::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    content: "";
    transition: 400ms;
    background: url('/template/img/close-thin.svg') 50% 50% no-repeat;
    background-size: 20px;
    opacity: .5
}

#close-hotel-gal:hover::after, #close-room-gal:hover::after {
    transform: scale(1.2);
    opacity: 1
}

.pop-up-gallery .hotel-name {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background: white;
}

.pop-up-gallery .counter {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.pop-up-gallery .hotel-name h3 {
    font-size: 20px;
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    padding: 13px;
}

.pop-up-gallery .counter p {
    font-size: 28px;
    font-weight: 300;
}

.hform-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 454565464;
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    padding: 15px 25px 15px 30px;
}

.hform-block {
    width: 350px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
}

.hform-text {
    font-size: 18px
}

.hform-text .logosending {
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 120px;
    background: white;
    margin: 30px auto;
    position: relative;
}

.hform-text .logosending::before {
    content: "";
    position: absolute;
    top: -12px;
    left: -12px;
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    border-radius: 100%;
    border-top: 4px solid transparent;
    border-top-color: white;
}
@keyframes spin{
  0%{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.hform-text .logosending::before{
    animation: spin 1.5s infinite;
    -webkit-animation: spin 1.5s infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
}

.hform-text .logosending::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80px;
    height: 80px;
    background: url('/template/img/faviconb.svg') 50% 50% no-repeat;
    background-size: 60px;
}

.pop-up-gallery.room .content {
    position: absolute;
    right: unset;
    top: 70px;
    width: 780px;
    height: 490px;
    max-width: 100%;
    overflow: hidden;
    left: 80px;
}

.main-room-gal {
    width: 300000px;
    position: relative;
    display: block;
    height: 100%
}

.main-room-gal .gal-image {
    position: relative;
    display: inline-block;
    width: 780px;
    height: 490px;
    float: left;
}

.pop-up-gallery.room .gallery-arrows {
    width: 780px;
    height: 490px;
    position: absolute;
    top: 70px;
    transform: none;
    left: 80px;
}

.room-info {
    position: absolute;
    top: 90px;
    right: 50px;
    width: calc(100vw - 170px - 815px);
}

.room-equip {
    margin: 60px 0;
    margin-left: -25px;
}

.equip-img {
    width: calc(100% / 6);
    display: inline-table;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin: 10px 0;
    margin-left: 0px;
}

.pop-up-gallery.room .pctgrm_img {
  -webkit-mask-size: 30px !important;
    mask-size: 30px !important;
    background-color: black;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

.pop-up-gallery.room .arrow-right, .pop-up-gallery.room .arrow-left {
    width: 40px;
    height: 40px;
    background: black !important;
    padding: 15px;
    display: block;
    border-radius: 100%;
    box-shadow: 0 2px 0.25rem 0 rgba(0, 11, 38, 0.2);
}

.pop-up-gallery.room .arrow-right::before, .pop-up-gallery.room .arrow-left::before, .pop-up-gallery.room .arrow-right:hover::before, .pop-up-gallery.room .arrow-left:hover::before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    padding: 3px;
    border: solid white;
    border-width: 0 2px 2px 0;
}

.pop-up-gallery.room .arrow-left {
    left: 15px;
  }

.pop-up-gallery.room .arrow-left:hover::before {
      transform: translate(-40%,-50%)rotate(135deg)scale(1);
      -webkit-transform: translate(-40%,-50%)rotate(135deg)scale(1);
  }

.pop-up-gallery.room .arrow-right:hover::before {
    transform: translate(-65%,-50%)rotate(-45deg)scale(1);
    -webkit-transform: translate(-65%,-50%)rotate(-45deg)scale(1);
}

.pop-up-gallery.room .counter {
    display: none
}

.orderdetail #quickbook h3 {
    text-align: left;
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 0;
}

.orderdetail #quickbook p.street {
    margin-bottom: 10px;
    font-size: 14px;
}

#lastform.logintobook .hoteldet {
    padding: 0 !important;
}

#ordercover  {
    background: white;
    width: 100%;
    margin-top: 70px;
}


body.popupopened {
  max-height: 100vh;
  overflow: hidden;
}

.modal .modal-content.text-content {
    max-width: 1100px;
    text-align: left;
    max-height: calc(100vh - 100px - 50px);
    overflow: auto;
    padding-top: 30px;
}

.modal .modal-content.text-content .text-content {
  margin: 25px 15px 50px 0;
}

.modal .modal-content.text-content::-webkit-scrollbar {
    display: none;
    width: 0
}

.modal .close-modal {
    position: fixed;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    cursor: pointer;
    width: 100%;
    max-width: 1120px;
}

#ordercover .modal .close-modal {
    max-width: 500px
}

.modal .close-modal span {
    display: none
}

.modal .close-modal::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    content: "";
    transition: 400ms;
    background: url(/template/img/close-thin-w.svg) 50% 50% no-repeat;
    background-size: 20px;
    opacity: 1;
}

.modal .close-modal:hover::after {
    opacity: 1
}

#ordercover .sizer {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 10px
}

#ordercover .img {
    width: 100%;
    height: 0px;
    padding-bottom: 62.5%;
    border-radius: 6px;
}

#ordercover .wrapp {
    padding: 5%;
    margin-right: 20px
}

#ordercover h1 {
    font-size: 35px;
    line-height: 39px;
    margin: 20px 0 0 0;
    color: black
}

.hotelpic {
    min-height: 210px;
    position: relative;
}

#ordercover .hotelpic::before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: block;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 40%, rgba(0,0,0,0.95) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 40%,rgba(0,0,0,0.95) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 40%,rgba(0,0,0,0.95) 100%);
}

.hotelpic p {
  color: white;
  position: absolute;
  bottom: 0px;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 600;
  text-shadow: 0 0 12px rgb(0 0 0 / 80%);
  font-family: 'Baloo 2', sans-serif;
}

#ordercover .yourstay {
  margin-top: 40px
}

.orderdetail p b {
    font-weight: 500;
    text-decoration: underline;
}

.orderdetail {
    margin-bottom: 120px;
}

#ordercover h2 {
    margin: 0;
    margin-top: 45px;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
    border-top: 1px dashed black;
    padding-top: 15px;
}

#ordercover .modal-content h2 {
    border-top: none
}

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

.orderdetail .timetogo {
    font-size: 14px;
    padding: 0 28px 0 1px;
    margin: 0px 0 0 0;
    border-radius: 18px;
    background-color: transparent;
    color: black;
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    background-image: url(/template/img/ico-edit.svg);
    background-size: 12px;
    background-position: 95% 57%;
}

  .modal .modal-content.text-content p, .modal .modal-content.text-content b {
      font-size: 14px;
      line-height: 20px;
      font-family: 'Kanit', sans-serif;
      font-weight: 400;
  }

  .modal .modal-content.text-content b, .modal .modal-content.text-content p strong {
      font-weight: 500;
  }

.modal .modal-content.text-content ul, .modal .modal-content.text-content ol  {
    padding-left: 30px;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
  }

  #ordercover .cancel-content h2 {
      margin: 0;
      margin-top: 0px;
      margin-bottom: 0;
      font-size: 24px;
      font-weight: 600;
  }


#cancelationform b {
    margin: 30px 10px 10px;
    text-align: left;
    display: block;
}

#cancelationform h4 {
    font-weight: 300;
    font-size: 14px;
    font-family: 'Kanit', sans-serif;
    line-height: 18px;
    max-width: 70%;
    margin: 0 auto;
}

#cancelationform label  {
  display: block;
  text-align: left;
  padding-left: 0;
  margin-left: 50px;
  margin-bottom: 5px;
}

#cancelationform label span {
    position: relative;
    text-transform: none;
    line-height: 18px;
    font-weight: 300;
    display: inline-block;
    opacity: 1;
    font-size: 14px;
    margin: 0;
    cursor: pointer;
}

#cancelationform label span::before {
    content: '';
    position: absolute;
    left: -19px;
    top: 2px;
    width: 12px;
    height: 12px;
    border-radius: 30px;
    background: silver;
    transition: 300ms;
}

#cancelationform #other input {
  background: whitesmoke;
    border: 1px solid #676767;
    padding: 6px 19px;
    border-radius: 5px;
    display: table;
    text-align: left;
    margin: 10px 0 0 10px;
    width: 90%;
    color: #676767;
    font-size: 15px;
}

#cancelationform #other input::placeholder {
    color: #676767
}

#cancelationform label input:checked ~ span::after {
  content: '';
  position: absolute;
  left: -19px;
  top: 2px;
  width: 12px;
  height: 12px;
  border-radius: 30px;
  background: #ff003b;
  transition: 300ms;
}

#cancelationform label input {
    opacity: 0;
  text-indent: -10000px;
  position: absolute;
}

#sendcancelbutton {
  display: inline-block;
  position: relative;
  top: unset;
  background: #ff003b;
  background-size: 200% auto;
  width: unset;
  height: 42px;
  margin-left: 0;
  border-radius: 3px;
  color: white;
  font-size: 17px;
  padding: 0 45px 0 45px;
  line-height: 46px;
  margin: 10px 0;
  cursor: pointer;
  transition: 400ms;
  border: none;
  margin-top: 30px;
  line-height: 42px;
}

#sendcancelbutton:hover {
    background: #d80032
}

#sendcancelbutton #bload {
    background: url('/template/img/loading-white.svg') 50% 50% no-repeat;
    background-size: 22px;
    left: 0
  }

.oneroom.isstorno {
  filter: grayscale(1);
    opacity: .3;
}

.onebooking {
    background: white;
    border-radius: 10px;
    box-shadow: 0px 3px 5px -5px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    display: block;
    max-width: 360px;
    width: 96vw;
    position: relative;
    text-decoration: none;
    color: black;
    overflow: hidden;
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 15px;
    transition: 400ms
}

.onebooking:hover {
    transform: translateY(-8px);
}

.onebooking .img {
    height: 0;
    width: 100%;
    padding-bottom: 60%;
    position: relative;
}

.onebooking .img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.85) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.85) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.85) 100%);
}

.onebooking .img .term {
    position: absolute;
    bottom: 10px;
    left: 20px;
    color: white;
}

.onebooking .img span {
    background: yellow;
    position: absolute;
    top: 25px;
    padding: 3px 12px;
}

.onebooking .img .term p {
    font-size: 16px;
    font-family: 'Baloo 2', sans-serif;
    font-weight: 500;
}

.onebooking .content {
    padding: 20px;
    padding-bottom: 50px;
    position: relative;
}

.onebooking .status {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: black;
    text-align: center;
    color: white;
    height: 36px;
    line-height: 36px;
}

.onebooking  .status p {
    line-height: 36px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
}

.onebooking .status.paid {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
}

.onebooking .status.opcia {
    background: #ff003b
}

.onebooking .more {
    text-align: left;
}
.onebooking .price {
    text-align: center;
}

.onebooking .price p {
    font-weight: 500;
    font-size: 18px;
}

.onebooking .more span {
    background: black;
    color: white;
    margin: 0 auto;
    text-align: center;
    padding: 4px 15px;
    border-radius: 3px;
    transition: 400ms
}

.onebooking.canceled {
    filter: grayscale(1);
    opacity: .6;
}

.onebooking:hover .more span {
    background: #36bb4e
}

.onebooking .content h3 {
    font-size: 22px;
    line-height: 26px;
    font-family: 'Kanit';
    font-weight: 400;
    margin: 10px 0;
}

#usermybookings h2 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 600;
    margin: 50px 0 15px 0;
    color: black;
}

.onebooking .content h3 small {
    display: block;
    font-size: 14px;
    opacity: 0.3;
}

.content .price, .content .more {
    display: inline-block;
    width: 49%
}

.onebooking .img .term p small {
    font-size: 12px;
    margin-left: 8px;
}

.row.oneclass {
    margin-bottom: 80px;
    display: block;
    width: 100%;
}

main#usermybookings {
    background: rgb(239,239,239);
    background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);
    position: relative;
    width: 100%;
}

.delete-col {
    display: inherit;
    width: 35px;
    float: right;
}

.rightarticle #cke_parex .cke_contents {
      max-height: 100px
}

.rightarticle #cke_text .cke_contents {
    min-height: 700px;
}

.rightarticle input.submit {
    margin-right: -5px;
}

.rs-filter input:not(.submit) {
    border: 1px solid #000000;
    border-radius: 30px;
    padding: 6px 34px 6px 15px;
    font-size: 14px;
    line-height: 24px;
    transition: 400ms;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: black;
    -webkit-appearance: none;
    appearance: none;
    margin: 0px auto 20px;
    background-color: white;
    background-image: none;
    background-position: 94% 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    width: 90%;
    max-width: 200px;
    margin-right: 15px;
    margin-left: 5px;
}

.rs-filter select {
    border: 1px solid #cccccc;
    border-radius: 30px;
    padding: 6px 34px 6px 15px;
    font-size: 14px;
    line-height: 24px;
    transition: 400ms;
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #888888;
    -webkit-appearance: none;
    appearance: none;
    margin: 0px auto 20px;
    background-color: whitesmoke;
    background-image: url(/template/img/ardown-silver.svg);
    background-position: 94% 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    width: 90%;
    max-width: 200px;
    margin-right: 15px;
    margin-left: 5px;
}

#rsil img {
    max-width: 90%;
    width: 500px;
    border-radius: 10px;
}

.rs-filter  b {
    font-size: 15px;
    font-weight: 500;
}

.rs-filter {
    margin-bottom: 40px
}

.rs-filter input.submit {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    border-radius: 50px;
    background: black;
}

#fullpool .detail.oneblock h2 small {
    font-size: 17px;
    margin: 0;
    margin-top: -18px;
    display: block;
    font-weight: 300
}

#fullpool .detail.oneblock h2 {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    margin-top: 5px;
    display: block;
}

.detail.oneblock h2.name a, .detail.oneblock h2.name a:hover {
    display: block;
    width: 100% !important;
    margin: 15px auto 0px;
    position: relative !important;
    background: transparent;
    color: black !important
}

#searchbg .slider-main h1 .mainhea  {
    color: white;
    font-size: 42px;
    line-height: 52px;
}

#fullpool .oneblock.detail  p {
    color: #229b65;
    display: block;
    transform: translateY(0px);
    font-size: 12px;
    position: relative;
    padding-left: 0;
}

.region.mainsearch, .slider-region .swiper-slide, .slider-region {
    height: 85vh;
    min-height: 500px;
  }

#fullpool .oneblock.detail p small {
    display: block;
    font-size: 15px;
    line-height: 17px;
    color: black;
    transform: translateY(-3px);
}

#fullpool .oneblock.detail .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    width: 49%;
    display: inline-block;
}

.main-img-zaz {
  position: relative;
    width: 100%;
    height: 480px;
    border-radius: 10px;
}

.maincontzaz {
    position: relative;
    margin: 50px auto 20px;
    width: 100%;
    max-width: 1170px;
    display: block;
    z-index: 35;
    text-align: left !important;
}

.maincontzaz h1, .maincontzaz p {
    text-align: left;
}

.maincontzaz h1 {
    font-size: 45px;
    font-weight: 600;
    line-height: 55px;
}

.maincontzaz .parex p {
    font-size: 25px;
    line-height: 33px;
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 25px;
}

.maincontzaz p {
  text-align: left;
    font-size: 19px;
    line-height: 30px;
    width: 800px;
    max-width: 100%;
    margin: 10px auto;
    font-weight: 300;
}

.searchwrap h1 span.mainhea {
    color: white;
    font-size: 45px;
}

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

.zaz .maingal {
    position: relative;
    margin: 100px auto 20px;
    width: 100%;
    max-width: 1170px;
    height: 480px;
    display: block;
    z-index: 35;
}

.slider-main:not(.slider-region) .desc-g.hero-heading {
  position: absolute;
    bottom: 10px;
    right: 15px;
    color: rgb(255 255 255 / 50%);
    font-size: 14px;
    font-style: italic;
}

.mail-registration {
    color: black !important;
    border: 1px solid black !important;
    border-radius: 5px !important;
    margin: 8px auto !important;
    width: 76% !important;
    width: 280px;
    max-width: 80%;
    background: black !important;
    color: white !important;
    height: 40px !important;
    line-height: 38px !important;
    position: relative !important;
    transition: 400ms;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
}

.mail-registration::before {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    background: url('/template/img/obalka.svg') 50% 50% no-repeat;
    background-size: 18px;
}

.js-soc-modal h2 {
    position: relative;
    margin: 10px auto 40px;
    font-family: 'Baloo 2', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 26px;
    line-height: 34px;
    text-transform: uppercase;
}

.js-soc-modal h2::before {
    content: '';
    display: block;
    position: relative;
    width: 160px;
    height: 120px;
    background: url('https://www.betimo.sk/template/img/faviconb.svg') 50% 50% no-repeat;
    background-size: 80px;
    margin: 0 auto;
}

.modal.js-soc-modal .close-modal {
    position: fixed;
    top: 105px;
    right: 5px;
    height: 50px;
    cursor: pointer;
    width: 94%;
    max-width: 426px;
    animation: fadeInS 2.8s ease-out;
}

.modal.js-soc-modal .close-modal::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    content: "";
    transition: 400ms;
    background: url(/template/img/close.svg) 50% 50% no-repeat;
    background-size: 28px;
    opacity: 1;
}

.js-soc-modal .abcRioButtonLightBlue {
    background-color: #c5c5c5 !important;
    color: black !important;
    box-shadow: 0px 3px 5px -5px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%) !important;
    border-radius: 5px !important;
    margin: 8px auto !important;
    width: 281px !important;
    max-width: 281px;
    background: black !important;
    height: 44px !important;
    position: relative !important;
    transition: 400ms;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
}

.js-soc-modal .abcRioButtonSvg {
    display: block;
    width: 22px;
    height: 22px;
    margin: 2px
}

.js-soc-modal .abcRioButtonContents {
    font-size: 0;
    color: transparent
}

.js-soc-modal .social-login {
    margin-bottom: 30px
}

.js-soc-modal .abcRioButtonLightBlue::before {
    content: "Prihlásiť sa s Google účtom";
    position: absolute;
    display: block;
    left: 0px;
    font-size: 15px;
    text-align: center;
    width: 100%;
    height: 44px !important;
    line-height: 44px !important;
    color: white !important;
    font-weight: 500
}

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

.modal.js-soc-modal #loginbox {
    background: white;
    box-shadow: none;
    display: table;
    width: 100%;
    max-width: 100%;
    margin: 30px auto 50px;
    border-radius: 6px;
    padding: 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.modal.js-soc-modal {
  z-index: 456644564
}

.modal.text-pop-up {
  z-index: 4566445648
}

.modal.js-soc-modal #loginbox p a {
    font-weight: 400;
    text-decoration: underline;
    transition: 400ms;
    padding: 0;
    margin: 0;
    display: inline-block;
    color: #888888;
    background: transparent;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
    text-transform: none;
    letter-spacing: 0
}

.modal.js-soc-modal #loginbox p a:hover {
    color: #229967;
}

.modal.js-soc-modal  #loginbox .login-disabled p {
    color: #ffffff;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
}

.modal.js-soc-modal #loginbox p {
    color: #888888;
    font-weight: 400;
font-size: 15px;
line-height: 18px;
text-align: left;
}

.modal.js-soc-modal #loginbox .agreements {
    margin: 0px auto 0px;
    width: 330px;
    max-width: 95%;
    display: inline-block;
}

.modal.js-soc-modal .login-disabled {
    position: absolute;
    top: unset;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: calc(140px);
    background: rgb(255 255 255 / 80%);
    cursor: not-allowed;
}

.modal.js-soc-modal .agreements:nth-child(3) {
    margin-bottom: 40px !important
}

.account p a {
    background: white;
    color: #31b454;
    text-decoration: none;
    margin: 4px 5px;
    padding: 0px 8px;
    border-radius: 50px;
    font-size: 12px;
    cursor: pointer;
    transition: 400ms;
    display: inline-block;
}

.account p a:hover {
  background: whitesmoke;
  color: #31b454;
}

.maingal .mark {
    left: 14px;
    top: 17px;
    z-index: 9999;
}

.registration #loginbox {
    width: 660px;
    max-width: 96vw;
    overflow-x: hidden;
    display: block;
  }

  .registration #loginbox {
    padding: 0
  }

.registration .reg-step {
    width: 660px;
    max-width: 96vw;
    display: inline-block;
    float: left;
}

.registration .reg-step .content {
    margin: 20px 40px 50px;
    text-align: left;
}

.registration #loginbox .reg-step .content h2 {
    text-align: left;
    margin: 5px 10px -5px 10px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    color: black;
    font-size: 17px;
    line-height: 22px;
}
.registration #loginbox .agreements {
    margin: -10px auto 15px auto;
    max-width: 95%;
    width: 95%;
    display: inline-block;
}

.registration #loginbox .agreements b, .registration #loginbox .agreements p {
    color: #818181 ;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    margin: 0;
    margin-left: 50px;
    margin-right: 0px;
    margin-top: 23px;
}

.registration #loginbox .agreements a {
    text-decoration: underline;
    color: #888888;
}


.registration #loginbox .agreements a:hover {
    text-decoration: underline;
    color: #26a261;
}

.registration #loginbox {
    padding-bottom: 40px
}

.register-container {
    position: relative;
}

.register-button {
    text-align: right;
    margin-right: 10px;
}

.registration .reg-step .content .custom-input {
    position: relative;
    width: 280px;
    max-width: 100%;
    height: 45px;
    line-height: 45px;
    margin: 0px 0px 18px 10px;
    display: inline-block;
}

#js-nextStep {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: #fff;
    padding: 8px 35px 8px 35px;
    border-radius: 25px;
    margin: 10px 30px 10px 8px;
    transition: 400ms;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    transition: 400ms;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer !important;
}

.registration #loginbox img {
    width: 50px;
    margin: 50px auto 10px;
}

.registration #loginbox h2 {
    color: black;
    font-size: 26px;
    text-transform: none;
    font-weight: 600;
    margin-bottom: 10px;
}

#js-nextStep:hover {
    background-position: right center
}

#register-menu {
    display: block;
    width: 100%;
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

#register-menu li {
    display: inline-block;
}

#register-menu a {
  text-decoration: none
}

#register-menu a h2 {
    font-size: 15px;
    line-height: 16px;
    text-transform: none;
    padding: 8px 22px;
    margin: 5px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: grey;
    background: whitesmoke;
    border-radius: 4px;
    border: 1px solid #dadada;
    min-width: 205px;
}

.registration #loginbox .custom-input input {
    text-align: left;
    padding: 0 18px !important;
}


.registration #loginbox .custom-input select {
    background: white;
    color: black;
    border: none;
    padding: 0px 14px;
    border-radius: 3px;
    font-size: 16px;
    text-align: center;
    width: 280px;
    max-width: 100%;
    height: 45px;
    line-height: 48px;
    border: 1px solid #219a67 !important;
    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;
    cursor: pointer;
    background-image: url('/template/img/ardown.svg');
    background-position: 94% 50%;
    background-size: 12px;
    background-repeat: no-repeat;
}

.registration #loginbox form .loader-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 150px;
    bottom: 0;
    z-index: 56;
    background: white;
}

.registration #loginbox .custom-input b {
    position: absolute;
    left: 5px;
    color: #818181;
    width: unset;
    text-align: left;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    display: table;
    margin-top: 10px;
    transition: 200ms;
    pointer-events: none;
    padding: 0;
    background: transparent;
    border-radius: 50px;
    top: -7px;
    color: #219a67 !important;
    padding: 0 10px!important;
    background: white;
    height: 20px;
    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
}

.registration #loginbox p {
    color: black;
    margin: 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-bottom: 35px;
}

.document-list input {
    background: white;
    border: 1px solid black;
    padding: 6px 15px;
    border-radius: 5px;
    color: black;
    font-size: 16px;
}

.document-list input::placeholder {
    color: black
}

.document-list a {
    font-size: 16px;
    display: block;
}

.document-list p {
    display: inline-block;
}

.document-list .generate {
  background: black;
  color: white;
  display: inline-block;
  padding: 10px 15px;
  border-radius: 6px;
  margin: 0 6px;
  margin-left: -6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  transform: translateY(-2px);
  cursor: pointer;
  border: none;
  font-size: 12px;
}

#loginbox.success {
    position: relative;
    height: 320px;
}

.document-list.hotels {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

.document-list.hotels span.nameh {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    margin: 6px 0 0 0;
    opacity: 1;
    color: #249f64;
    padding: 0;
    font-style: normal;
}

.ppath {
    margin: 1px 2px 5px;
    color: #868686;
}

.ppath ul {
    margin: 10px 35px;
}

.ppath a {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: #fff;
    padding: 6px 25px 6px 25px;
    border-radius: 25px;
    margin: 10px 30px 10px 8px;
    transition: 400ms;
    display: inline-block;
    transition: 400ms
}

.ppath a:hover {
    background-position: right center;
  }

.ppath h4 {
    color: black;
    font-size: 17px;
    text-transform: uppercase;
    margin-top: 12px;
    font-family: 'Kanit';
    font-weight: 500;
}

.ppath input {
    width: 295px;
    border: none;
    font-size: 13px;
    padding: 2px;
    color: #229b65;
}

.document-list {
    padding: 0 30px;
    margin-bottom: 50px;
}

.hotelitem a span.mark.off, .hotelitem a span.mark {
    background: #ff0047;
    color: white;
    display: inline-block;
    margin-left: 5px;
    border-radius: 25px;
    opacity: 1;
    padding: 0px 6px;
    font-size: 10px;
    font-style: normal;
    line-height: 17px;
    letter-spacing: 1px;
    transform: translateY(-3px);
}

.document-list.hotels span.nameh.off {
      color: #ff0247;
}


.hotelitem a span.mark.on {
    background: #249f64;
}

.howtoto {
    margin: 20px 0;
    background: whitesmoke;
    display: inline-block;
    padding: 20px 30px;
    border-radius: 12px;
}

.howtoto b {
    font-weight: 600;
    font-size: 16px;
}

.howtoto ol {
    margin: 10px 20px
}

.bookwrapp #inspiracie.zaz {
  background: transparent !important;
  margin: 0 -10px;
}

.rooms .rm {
    margin: 0px 0 15px;
}

.rm .roombed{
    font-size: 18px;
    padding: 0;
}

.rooms .rm p {
    color: #7d7d7d;
    font-size: 14px;
    font-weight: 300;
}

.houserules .half {
    width: 49%;
    display: inline-block;
}

.hotel-des .houserules small  {
    font-size: 16px;
    padding: 0;
    background: none;
    color: black;
    display: block;
    padding: 0;
    margin: 0;
}

.hotel-des .houserules span {
    display: inline-block;
    padding-left: 0;
    color: #7d7d7d;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 20px;
}

.bigextra {
    background: whitesmoke;
    background-size: 200% auto;
    padding: 9px 20px 10px 20px;
    color: black;
    margin: 15px 0 0;
    max-width: 580px;
    border-radius: 10px;
    box-shadow: 0px 3px 5px -5px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
}

.bigextra h3 {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 900;
    padding-left: 20px;
    position: relative;
    color: black;
}

.bigextra h3::before {
    content: '';
    width: 35px;
    height: 35px;
    background: url(/template/img/warb.svg) 50% 50% no-repeat;
    background-size: cover;
    position: absolute;
    display: inline-block;
    left: -10px;
    background-size: 16px;
    top: -8px;
}

.bigextra p {
    font-size: 14px;
    line-height: 18px;
    margin: 3px 0;
    font-weight: 300;
}

.icons.services {
    display: block;
}

.icons.services .img, .hotel-des .icons.services .onepic .img {
    display: inline-block;
}

.hotel-des .icons.services .onepic {
    display: inline-flex;
    width: unset;
    text-align: left;
    margin-right: 15px;
    min-width: calc((100% / 3) - 25px);
    margin-bottom: 0px;
}

.hotel-des .icons.services span {
    display: inline-block;
    margin: 2px;
    background: transparent;
    color: #7d7d7d;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    padding: 0;
    border-radius: 4px;
    margin-left: 0;
    transform: translateY(-3px);
    font-weight: 300
}

.hotel-des .icons.services span.green {
    color:  #7d7d7d;
    background: transparent
}

.hotel-des h2:not(.firstnomargin) {
    margin-top: 35px;
    font-size: 24px;
    font-weight: 600;
    border-top: none;
    padding-top: 25px;
    position: relative;
}

.hotel-des h2:not(.firstnomargin)::before {
    content: '';
    position: absolute;
    top: 0;
    height: 1px;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(left, rgba(204,204,204,0.35) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left,rgba(204,204,204,0.35) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,rgba(204,204,204,0.35) 0%,rgba(0,0,0,0) 100%);
}

#preferhotel .col-md-3 .item {
    position: relative;
    margin-right: 10px;
}

.input-form.endpoint {
    margin-top: 40px;
}

#js-art-container .oneitem .row {
    border-radius: 6px;
    overflow: hidden;
    margin: 0 10px 10px 0;
    box-shadow: 0px 3px 5px -5px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    cursor: default;
    transition: 400ms
}

#js-art-container h3 {
    font-size: 16px;
    line-height: 22px;
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: 300;
}

#js-art-container .oneitem .row:hover {
    box-shadow: 0 0 35px rgb(0 0 0 / 15%);
    transition: 400ms
}

#js-art-container .oneitem .row .img {
    background-size: cover !important;
    height: 55px;
    background-position: center center;
}

#js-art-container .oneitem .row .col-md-7 {
    position: relative;
}
#js-art-container .oneitem .row .col-md-7 p small {
    position: absolute;
    right: 2px;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 400ms
}

#js-art-container .oneitem .row .col-md-7 p small:hover {
    background: #36bb4e
}

#js-art-container .oneitem .row .col-md-7 p {
    padding: 0 45px 0 10px;
    font-size: 14px;
    font-weight: 300;
    line-height: 15px;
    cursor: pointer !important;
}


.document-list input.submit {
    background: black;
    border-color: black;
    color: white;
    border: none;
    text-transform: uppercase;
    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;
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: white;
    border: none;
    text-transform: none;
    font-weight: 500;
    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: 0px 29px 0px;
    height: 36px;
    line-height: 36px;
    letter-spacing: 0.3px;
}

.modal.text-pop-up.image .modal-content.text-content {
    max-width: 580px;
    text-align: left;
    max-height: calc(100vh - 100px - 50px);
    overflow: auto;
    padding: 0;
}

.modal.text-pop-up.image .close-modal {
    position: fixed;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    cursor: pointer;
    width: 100%;
    max-width: 610px;
}

.modal.text-pop-up.image .modal-content.text-content .modal-text {
    padding: 20px 40px 40px;
}

.modal.text-pop-up.image .modal-content.text-content h2 {
    padding: 20px 40px 0;
}

.modal.text-pop-up.image .modal-content.text-content .modal-img {
    background-size: cover !important;
    background-position: center center;
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 56.666%;
}

body.popupopened #loginbox .agreements .control__indicator {
    margin: 0px auto 0;
    float: left;
    margin-left: 10px;
    border-radius: 15px;
}

#preferhotel .onecat .picthotel {
    position: relative;
    width: 100%;
}

.js-item {
  cursor: pointer !important;
}

#preferhotel .onecat {
    margin-right: 40px;
}

#preferhotel .onecat a .cont h3 {
    font-family: 'Baloo 2', sans-serif;
    color: black;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0px;
    font-size: 18px;
}

#preferhotel .onecat a {
    box-shadow: 0px 3px 5px -14px rgb(0 0 0 / 12%), 0 0px 2px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    margin: 5px 0 10px;
}

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

#preferhotel .onecat  a .cont h4 {
    font-family: 'Baloo 2', sans-serif;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 0px;
    font-size: 15px;
    margin: -2px 0 5px;
    color: rgb(0 0 0 / 65%);
}

#preferhotel .onecat .col-md-6 {
    position: relative;
}

#preferhotel .onecat .mark.add-to-fav {
    position: absolute;
    top: 8px;
    right: 9px !important;
    width: 40px;
    height: 40px;
    background: transparent;
    z-index: 5;
}

.distance-form input {
    background: black;
    color: white;
    font-size: 16px;
    border: none;
    padding: 10px 26px;
    border-radius: 35px;
    cursor: pointer;
    border: 2px solid black;
    transition: 400ms
}

.distance-form input:hover {
    background: white;
    color: black
}

.avatar-mobile {
    position: absolute;
    right: 64px;
    top: 50%;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
    display: block;
    border-radius: 60px;
    overflow: hidden;
}

.avatar-mobile img {
    margin: 0;
    width: 100%;
    height: auto;
}

.avatar-mobile .avatar-col.no-image {
    background: black;
    width: 74%;
    height: 74%;
    margin: 13%;
    position: relative;
    border: 0;
    border-radius: 60px;
}

.avatar-mobile .avatar-col.no-image::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-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: 16px;
    -webkit-mask-size: 16px !important;
    mask-size: 15px !important;
    background-color: white;
    transition: 0ms;
}

.avatar-mobile a {
    width: 100%;
    height: 100%;
    display: block;
}

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

#preferhotel .onecat .mark.add-to-fav span {
    background-color: #fff;
    -webkit-mask: url(/template/img/favg.svg) 50% 50% no-repeat;
    clip-path: url(/template/img/favg.svg);
    -webkit-mask-size: 20px;
    mask-size: 25px;
    display: block;
    width: 30px;
    max-width: 90%;
    height: 30px;
    z-index: 2;
    visibility: visible;
    transition: all 0.5s;
    font-size: 0;
    opacity: .5;
    cursor: pointer;
    margin: 0 auto;
}

#preferhotel .onecat .mark.add-to-fav.fav span {
    opacity: 1;
    background-color: #fff;
    -webkit-mask: url(/template/img/favgf.svg) 50% 50% no-repeat;
    clip-path: url(/template/img/favgf.svg);
    -webkit-mask-size: 20px;
}

#preferhotel .onecat a {
    position: relative;
    display: flex;
    margin-right: 10px;
    margin-bottom: 6px;
}

#preferhotel .onecat a .mark {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: -5px !important;
    background: transparent;
    color: #22093a;
    font-weight: 500;
    padding: 1px 7px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#preferhotel .onecat a h3 {
  position: absolute;
  bottom: 8px;
  color: white;
  left: 12px;
  text-shadow: 0 0 10px black;
  z-index: 36;
  font-size: 14px;
  line-height: 15px;
  max-width: calc(100% - 25px);
  font-family: 'Kanit';
  font-weight: 400;
}

.onecat h4 {
    font-size: 20px;
    line-height: 24px;
}

#prave {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)rotate(90deg);
    z-index: 456;
    background: #ffeb3b;
    padding: 10px 24px;
    left: -59px;
    font-size: 18px;
    cursor: pointer !important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    transition: 400ms
}

#prave:hover {
    background: #ffc107
}

#preferhotel .onecat  a .cont {
    background: white;
    color: black
}

#inspiracie.zaz .onehotel .cont h3 {
    font-family: 'Baloo 2', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 30px;
    color: #000000;
    margin-top: 0;
    margin-bottom: 0;
    margin-top: -5px;
    margin-left: 1px;
    margin-right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40ch;
}

#inspiracie.zaz .onehotel .cont h3 small {
    display: block;
    font-size: 11px;
    line-height: 10px;
    text-align: center;
    color: silver;
    margin-top: -5px;
    margin-bottom: -1px;
}

.to-search {
    background: #27a65f !important;
    display: table;
    margin: 10px 0;
    text-decoration: none;
    color: white;
    border-radius: 3px;
    padding: 7px 20px;
    font-size: 16px;
}

.modal-content .social-login .mail-registration {
    width: 281px !important;
    max-width: 281px;
}

.modal.js-soc-modal .modal-content  #loginbox {
    margin: -30px auto 0px !important;
  }

  #logginbuton {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    font-size: 16px;
    display: inline-block;
    margin: 15px auto;
    padding: 12px 20px;
    border-radius: 3px;
    width: 280px;
    max-width: 100%;
  }

    #logginbuton span {
      color: white
    }

.modal.js-soc-modal .modal-content .abcRioButtonIcon {
    padding: 10px 12px !important;
}

.orderdetail .fixedbook#booookpan {
    background: #f5f5f5
}

.gal-image img {
    max-width: 100%;
    max-height: 100%;
    margin: 0px auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
}

#article .content-art.cleartext h2, #article .content-art.cleartext h3, #article .content-art.cleartext h4 {
    padding: 25px 0px 0 0;
    margin-bottom: -10px;
}

#article .content-art.cleartext p img {
    margin: 40px 0;
    border-radius: 10px;
}

.content-art.cleartext a.superbut {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: #fff;
    padding: 12px 40px 12px 40px;
    border-radius: 3px;
    margin: 13px 30px 10px 1px;
    transition: 400ms;
    font-size: 17px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

.content-art.cleartext a.superbut:hover {
  background-position: right center;
}

#article .content-art.cleartext p strong {
    font-weight: 500;
}

.vop p {
    padding: 5px 20px 15px 0px;
    font-size: 16px;
    line-height: 23px;
    background: transparent;
    margin: 0;
    border-radius: 6px;
    font-weight: 300;
}

.vop p strong {
    font-weight: 500;
}

.vop ol {
    list-style-type: decimal;
    margin: 8px 16px;
  font-weight: 300;
  font-size: 15px;
  line-height: 23px;
}

#hotels-owl-sub {
    margin: 10px 0px -50px 0;
    max-width: calc(100% + 20px)
}

#additionalHotels h2 {
    font-family: 'Baloo 2', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 34px;
    color: #000;
    margin-top: 50px
}

#inspiracie h2 {
    font-family: 'Baloo 2', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    line-height: 34px;
    color: #000;
}

#hotels-owl-sub .picthotel {
     height: 0;
     padding-bottom: 60%;
     width: 100%;
     position: relative;
}

#hotels-owl-sub {
    margin-bottom: 80px
}

#hotels-owl-sub .owl-nav {
    margin-top: 0 !important;
    margin-left: 0 !important;
}

#hotels-owl-sub a {
    display: block;
    background: white;
    border-radius: 6px;
    margin: 10px;
    transition: 400ms;
    overflow: hidden;
    box-shadow: 0px 3px 5px -14px rgb(0 0 0 / 12%), 0 0px 2px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    margin: 5px 0 10px;
}

#hotels-owl-sub a {
    position: relative;
    display: flex;
    margin-right: 10px;
    margin-bottom: 6px;
}

#hotels-owl-sub .item {
    width: calc(25% - 10px);
    display: inline-block;
}

#hotels-owl-sub .firstimg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    transition: 500ms;
}

#hotels-owl-sub .firstimg:hover, #hotels-owl-sub .item:hover .firstimg {
    opacity: 0;
}

#hotels-owl-sub a h3 {
  position: absolute;
bottom: 8px;
color: white;
left: 12px;
text-shadow: 0 0 10px black;
z-index: 36;
font-size: 14px;
line-height: 15px;
max-width: calc(100% - 25px);
font-family: 'Kanit';
font-weight: 400;
}

#newsletter .col-md-6 {
    padding: 0 15% 0 0;
    font-size: 80%;
}

#newsletter .buttino {
  margin-top: 30px
}

#newsletter h3 {
    color: white;
    font-size: 17px;
    font-family: 'Kanit';
    font-weight: 500;
    margin: 25px 0 -5px 0;
}

#newsletter .blackboxmax p {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    margin: 5px 0 0 0;
    font-weight: 300;
}

.map-section .hotel-col .content {
    box-shadow: 0px 3px 5px -5px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    border-radius: 6px;
    display: inline-block;
    margin: 10px 10px 10px 10px;
    width: calc(100% - 20px);
    overflow: hidden;
    background: white;
    transition: 400ms;
    position: relative;
}

.map-section .hotel-col .content .hotel-img {
    min-height: 140px;
    position: relative;
}

.map-section .hotel-col .content a {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: white;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    padding: 0 16px;
    margin: 10px 0 10px 8px;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    transition: 400ms;
    width: 100px;
    float: none;
}

.map-section .hotel-col .content a:hover {
    background-position: right center;
}

.map-section .hotel-col .content .hotel-type {
    position: absolute;
    right: 11px;
    top: 9px;
    font-size: 14px;
    line-height: 14px;
    opacity: .6;
    color: white;
    text-transform: uppercase;
}

.map-section .hotel-col .content .hotel-name {
    color: white;
    position: absolute;
    bottom: 0;
    text-shadow: 0 0 10px black;
    font-size: 16px;
    line-height: 18px;
    left: 10px;
    margin-bottom: 10px;
}



/*  MOBILE MOBILE MOBILE  MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE
 MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE
  MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE  */


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

  .mobile-hiden {
    display: none
  }

  .desktop-hiden {
    display: block !important
  }

.maingal .row .col-md-6 {
    width: 100%;
  }

  .maingal .row .col-md-6 .row.half {
    width: 50%;
    display: inline-block;
    float: left;
}

.maingal .row.half .col-md-6 {
    width: 50%;
    display: inline-block;
    float: left;
  }

  .registration #loginbox {
    width: 660px;
    max-width: 94vw;
    overflow-x: hidden;
    display: block;
}

.registration #loginbox .step-desc {
    background: whitesmoke;
    background-size: 200% auto;
    padding: 9px 15px 10px 15px;
    color: black;
    margin: 10px 10px 10px 10px;
    max-width: 580px;
    border-radius: 10px;
    box-shadow: 0px 2px 2px -5px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 0px 1px 0 rgb(0 0 0 / 12%);
}

.registration .reg-step .content {
    margin: 20px 15px 40px;
    text-align: left;
}

.register-button {
    text-align: right;
    margin-right: 0;
}

#js-nextStep {
    margin: 10px auto 10px auto;
    display: table;
  }

  .registration .reg-step .content .custom-input {
    margin: 0px auto 18px auto;
    display: block;
}

.registration #loginbox .agreements {
    margin: -10px 15px 20px;
    max-width: 95%;
    width: 95%;
    display: inline-block;
}

.registration #loginbox .agreements b, .registration #loginbox .agreements p {
    color: #818181;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
  }

  .maingal {
    position: relative;
    margin: 70px auto 20px;
    width: 100%;
    height: unset;
}

.maingal .onebig {
    height: 400px;
    margin: 10px;
    margin-right: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    position: relative;
    overflow: hidden;
    background: black;
}

.onesmall {
    height: 195px;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
    background: black;
    border-radius: 0 !important;
}

.maingal .row .col-md-6 .row.half {
    width: calc(50% - 10px);
    display: inline-block;
    float: left;
    margin-left: 5px;
}

.maingal .row .col-md-6 .row.half:first-child .col-md-6:first-child .onesmall {
    border-bottom-left-radius: 10px !important;
}

.maingal .row .col-md-6 .row.half:last-child {
    margin-left: 0px;
    width: calc(50% - 0px);
}

.onesmall.bottomright {
    border-bottom-right-radius: 10px !important;
}

#rooms-filter {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

#hotelbooking #rf-button {
    margin-left: 0;
    width: calc(100% - 10px);
    margin: 1%;
}

#hotelbooking .input, #hotelbooking #rf-start, #hotelbooking #rf-end, #hotelbooking #rf-peoples {
    width: calc((100% / 2) - 10px);
    text-align: center;
    padding: 7px;
    margin: 1%;
}

#hotelbooking #rf-peoples{
    width: calc((100% / 1) - 10px);
}

#bookingresults .oneroom .roomimg {
    width: 100%;
    border-radius: 0
}

.col-md-12.rates {
    width: 100%;
}

.rbi_pict_wrapper {
    margin-top: 10px;
    margin-bottom: 0px;
}

.ratehead .col-md-3 {
  width: 25%
}

.ratehead .col-md-4, .rates .row:not(.ratehead) .col-md-4 {
  width: 30%
}

.ratehead .col-md-2, .rates .row:not(.ratehead) .col-md-2 {
  width: 20%;
  text-align: center;
}

.rates .row:not(.ratehead) .col-md-3 {
  width: 25%
}

.ratehead .col-md-2 p {
  display: none
}

.next-step-link {
  position: fixed;
  bottom: 0;
  background: #000000;
    color: white;
  width: 100%;
  margin: 0;
  left: 0;
  top: unset;
  z-index: 7657;
  padding-bottom: 5px;
  transition: 550ms;
}

.next-step-link.disabled {
    transform: translateY(100%);
}

.next-step-link.down {
  padding-bottom: 40px;
}

.next-step-link h3 {
    position: relative;
    display: inline-block;
    color: white;
    padding: 10px 10px 5px 25px;
}

 .next-step-link p {
   display: none
 }

 .next-step-link .vyber {
   margin-top: 0
 }

  .next-step-link .vyber p {
    display: inline-block;
    color: white;
    padding: 0px 10px 5px 25px;
  }

.next-step-link .vyber p b {
    color: white;
  }


#bookingresults .next  {
    float: right;
    position: absolute;
    right: 10px;
    top: 14px;
    margin: 0 !important;
}

.next-step-link .sales {
  display: none
}

  header #main-menu {
    width: 300px;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 61px;
    margin-right: -100%;
    background: white;
    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;
}

#bookingresults {
    margin: 20px 0 0px;
}

header #main-menu li:not(:last-child) a {
    position: relative;
    font-family: 'Kanit', sans-serif;
    font-size: 22px;
    line-height: 26px;
    padding: 12px 17px 12px 50px;
    color: black;
    transition: 600ms;
    text-align: left;
    width: 100%;
    font-weight: 300;
}



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: 'Kanit', 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: 'Kanit', 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: 0;
    width: calc(100vw - 16px);
    margin: 0 auto;
}

.searchwrap input {
  margin: 2px
}

input.loc {
    display: block;
    width: calc(100% - 20px);
    margin: 10px;
}

#rf-start, #rf-end {
    width: calc(50% - 15px);
    margin: 0 5px;
    text-align: left;
}

#rf-button, #rf-peoples {
    width: calc(50% - 14px);
    margin: 10px 5px;
    text-align: left;
}

#rf-button {
  text-align: center;
}

.searchwrap {
    text-align: center;
    width: 98vw;
    max-width: 1000px;
    margin: 0px auto
}

.mainsearch a {
    color: white;
    width: 100%;
    text-align: center;
    display: inline-block;
    height: unset;
}

header .logoinhead {
    background: url(/template/img/logo.svg) 50% 50% no-repeat;
    background-size: 160px;
}

#location-block {
    display: none;
    position: absolute;
    text-align: left;
    width: calc(100% - 21px);
    left: 11px;
    border-radius: 8px;
    height: 300px;
    overflow: auto;
    top: 58px;
    border-top: 3px solid black;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.loc-item, #location-block:hover .loc-item {
    opacity: 1
}

#calendar-block {
    position: absolute;
    margin: 20px auto;
    padding: 10px 10px 10px;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
    width: 680px;
    max-width: calc(100% - 20px);
    left: 50%;
    top: 105px;
    transform: translateX(-50%);
    z-index: 9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 9999;
    border-radius: 3px;
    box-shadow: 0 10px 20px rgba(0,0,0,.25), 0 24px 38px rgba(0,0,0,.2), 0 13px 55px rgba(0,0,0,.15);
    overflow: hidden;
}
.month-block {
    float: left;
    margin: 10px;
    width: 100%;
}

.downbutt {
    display: none
}

#js-calendar {
    position: relative;
    width: 100%;
    height: 320px;
}

.month-block {
    float: left;
    margin: 10px 5px;
    width: calc(100vw - 65px);
    box-sizing: border-box;
}

#calendar-wrapper {
    width: calc(100vw * 15);
    position: absolute;
    display: flex;
    left: 0;
    top: 0;
}

#js-calendar .mb-content {
    width: calc(100vw - 65px);
    max-width: calc(100vw - 65px);
    float: left;
    padding: 0px;
}

#calendar-block .mb-day.selectable.selecteddays::before, #calendar-block .mb-day.selectable.selecteddays:hover::before, #calendar-block .mb-day.selectable.startdate::before, #calendar-block .mb-day.selectable.enddate::before {
    content: '';
    background: rgb(41 171 91);
    width: 115%;
  }

  #calendar-block.isfxpc .caldayname {
    margin-top: 22px;
    margin-bottom: -1px;
}


  #js-peoples {
    position: absolute;
    width: calc(100vw - 36px);
    right: 10px;
    background: #ffffff;
    padding: 0;
    top: 180px;
    display: none;
    z-index: 9999;
    border-radius: 3px;
    box-shadow: 0 10px 20px rgba(0,0,0,.25), 0 24px 38px rgba(0,0,0,.2), 0 13px 55px rgba(0,0,0,.15);
    overflow: hidden;
    max-height: 480px;
    z-index: 65478454656;
}

#searchres .oneoffer {
  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;
  display: inline-block;
  margin: 10px 0px 10px 0;
  width: calc(100% - 0px);
  overflow: hidden;
  background: white;
  transition: 400ms;
}

#searchres h1 {
    font-size: 35px;
    margin-bottom: 6px;
    line-height: 45px;
}

}

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


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

  #loginplace .abcRioButtonLightBlue {
    width: 79% !important;
    width: 280px;
    max-width: 80%;
  }

  #hotels-owl-sub .item {
    width: calc(46vw - 10px);
    display: inline-block;
    position: relative;
}

  #hotels-owl-sub .mark.add-to-fav {
    position: absolute;
    top: 8px;
    right: 6px !important;
    width: 50px;
    height: 50px;
    background: transparent;
    z-index: 65;
}

#hotels-owl-sub a h3 {
    position: absolute;
    bottom: 8px;
    color: white;
    left: 12px;
    text-shadow: 0 0 10px black;
    z-index: 36;
    font-size: 11px;
    line-height: 12px;
    max-width: calc(100% - 25px);
    font-family: 'Kanit';
    font-weight: 400;
}

  .mail-registration {
    width: 80% !important;
    width: 280px;
    max-width: 80%;

  }

  #headeradmin {
    margin-top: 60px;
}

.row.oneclass {
    margin-bottom: 80px;
    display: block;
    width: 93%;
    margin: 10px auto;
}

#preferhotel .onecat .col-md-6  {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.account p a {
    background: white;
    color: #31b454;
    text-decoration: none;
    margin: 10px 10px 4px 0;
    padding: 3px 12px;
    border-radius: 50px;
    font-size: 13px;
    cursor: pointer;
    transition: 400ms;
    display: inline-block;
}

#preferhotel .onecat {
    margin-right: 0;
    margin-bottom: 50px;
}

#preferhotel .onecat a h3 {
    position: absolute;
    bottom: 7px;
    color: white;
    left: 8px;
    text-shadow: 0 0 10px black;
    z-index: 3;
    font-size: 12px;
    line-height: 12px;
    max-width: calc(100% - 25px);
    font-family: 'Kanit';
    font-weight: 400;
}

  p.maindes {
    padding-right: 0px;
}

.rmiblock {
    padding: 10px 14px;
}

.rmiblock .bed {
    position: relative;
    padding-left: 0;
    margin: 8px 0;
}

.rmiblock .bed.doublebed180::before, .rmiblock .bed.doublebed150::before, .rmiblock .bed.doublebed130::before {
    content: '';
    width: 40px;
    height: 30px;
    display: block;
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    background: url(/template/img/double-bed.svg) 15% 50% no-repeat;
    background-size: 25px;
}

.rmiblock .bed.singlebed::before {
    content: '';
    width: 40px;
    height: 30px;
    display: block;
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    background: url(/template/img/single-bed.svg) 15% 50% no-repeat;
    background-size: 21px;
}

.rmiblock .bed.extrabed::before {
    content: '';
    width: 40px;
    height: 30px;
    display: block;
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    background: url(/template/img/extra-bed.svg) 15% 50% no-repeat;
    background-size: 28px;
}

.rmiblock .bed.sofa2::before {
    content: '';
    width: 40px;
    height: 25px;
    display: block;
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    background: url(/template/img/long-sofa.svg) 15% 50% no-repeat;
    background-size: 28px;
}

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

#js-art-container .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

#js-art-container .oneitem .row .img {
    background-size: cover !important;
    height: 100px;
    background-position: 50% 50%;
}

#js-art-container .oneitem .row .col-md-7 p {
    padding: 9px 10px 5px 10px;
    font-size: 15px;
    font-weight: 300;
    line-height: 16px;
    cursor: default;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40ch;
}

#js-art-container .oneitem .row .col-md-7 p small {
    position: absolute;
    right: 0;
    margin: 0;
    top: -20px;
    transform: none;
    cursor: pointer;
    border-radius: 2px;
    transition: 400ms;
    background: #28a361;
}

#js-art-container .oneitem .row .col-md-2 {
    background: black;
    color: white;
    margin-top: 6px;
}

.modal.text-pop-up.image .close-modal {
    position: fixed;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    cursor: pointer;
    width: 100%;
    max-width: 610px;
}

.rmiblock .bed.sofa::before {
    content: '';
    width: 40px;
    height: 22px;
    display: block;
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    background: url(/template/img/sofa.svg) 15% 50% no-repeat;
    background-size: 25px;
}

.rmiblockall .owl-nav .owl-next {
    position: absolute;
    right: -13px;
}

#searchbg .regions {
  display: none
  }

.descsearch .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

#searchres .oneoffer .imgs {
    height: 185px;
    position: relative;
}

  .pop-up-gallery.room .arrow-left {
      left: 5px;
      outline: none;
      box-shadow: none;
    }

    .onebooking {
    display: block;
    margin-right: auto;
    margin-bottom: 15px;
    transition: 400ms;
    margin-left: auto;
    max-width: 94%
}

.onebooking .status p {
    line-height: 36px;
    font-size: 14px;
}

#lastminute h2 {
    margin-left: 20px;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 28px;
}

h2 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 28px;
}

    .room-info {
    position: relative;
    top: 0;
    right: 0;
    width: 100vw;
    left: 0;
    margin-top: 110px;
}

    .pop-up-gallery.room .arrow-right {
      right: 5px;
      outline: none;
      box-shadow: none;
      }

  .pop-up-gallery {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 6555456;
    background: rgb(255 255 255 / 1);
    overflow: hidden;
    overflow-y: auto;
    display: none;
}

header #main-menu {
    width: 600px;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 60px;
    margin-right: -100%;
    background: white;
    min-height: 120vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 80vh;
    border-top: 1px solid #e0e0e0;
}

.pop-up-gallery .hotel-name {
    position: fixed;
    box-shadow: none
  }

  .room-info, .room-info div {
    text-align: center;
  }

  .ratehead {
    margin-top: 20px;
    display: none;
}

.modal .close-modal {
    position: fixed;
    top: 0;
  }

  .month-block {
    float: left;
    margin: 10px;
    width: unset;
    box-sizing: border-box;
}

.pop-up-gallery.room .content {
    position: relative;
    right: unset;
    top: 50px;
    width: 100%;
    height: 0;
    max-width: 100%;
    overflow: hidden;
    left: 0;
    padding-bottom: 67%;
}

 .pop-up-gallery.room .gallery-arrows {
    position: absolute;
    width: 100%;
    height: 0;
    max-width: 100%;
    overflow: hidden;
    left: 0;
    padding-bottom: 45px;
    bottom: unset;
    top: calc((100vw * 0.7) + 45px);
    outline: none
}

.room-info .room-info {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    padding: 20px;
    margin-top: 100px;
}

.main-room-gal .gal-image {
    position: relative;
    display: inline-block;
    width: 100vw;
    height: 285px;
    float: left;
}

.room-equip {
    margin: 25px 0;
    margin-left: 0;
}

.pop-up-gallery.room .pctgrm_img {
    -webkit-mask-size: 20px !important;
    mask-size: 20px !important;
    background-color: black;
    width: 28px;
    height: 28px;
    margin: 0 auto;
}

.pop-up-gallery.room .arrow-right, .pop-up-gallery.room .arrow-left {
    width: 40px;
    height: 40px;
    background: white !important;
    padding: 15px;
    display: block;
    border-radius: 100%;
    box-shadow: none !important
}

.pop-up-gallery.room .arrow-right::before, .pop-up-gallery.room .arrow-left::before, .pop-up-gallery.room .arrow-right:hover::before, .pop-up-gallery.room .arrow-left:hover::before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    padding: 3px;
    border: solid black;
    border-width: 0 2px 2px 0;
}

.rmiblockall {
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
}

.rmiblockall .room-info,.rmiblockall .room-info div, .room-beds .item {
    text-align: left;
}

.room-beds .item h3 , .room-beds .item span {
    text-align: left;
}

.equip-img {
    width: calc((100% / 4) - 0px);
    display: inline-table;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin: 10px 0;
    margin-left: 0px;
}

.equip-text span {
    display: inline-block;
    padding-left: 0;
    font-size: 10px;
    line-height: 11px;
    margin: 0 10px;
    text-align: center;
}

#hotelbooking #calendar-block {
    top: 30px;
  }

#hotelbooking #js-peoples {
    position: absolute;
    width: 85vw;
    min-width: 320px;
    left: 50%;
    background: #ffffff;
    padding: 0;
    top: 95px;
    display: none;
    z-index: 9999;
    border-radius: 3px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 25%), 0 24px 38px rgb(0 0 0 / 20%), 0 13px 55px rgb(0 0 0 / 15%);
    overflow: hidden;
    max-height: 480px;
    z-index: 65478454656;
    transform: translateX(-50%);
}

.hotel-des .icons img {
    width: 25px;
    margin: 0 5px;
    margin-right: 15px;
    display: inline-block;
}

.hotel-des .icons .onepic {
    display: inline-block;
    width: unset;
    text-align: left;
    margin-right: 15px;
    min-width: calc(50% - 17px);
    margin-bottom: 6px;
}

.hotel-des .icons .img p {
    display: flex;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 185px;
    font-size: 14px;
}

  #lastform.logintobook .col-md-6 {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%;
  }

.modal .modal-content.text-content .text-content {
    margin: 25px 0px 50px 0;
    font-size: 14px;
    line-height: 18px;
}

.modal .modal-content.text-content {
    max-width: 1100px;
    text-align: left;
    max-height: calc(100vh - 100px - 50px);
    overflow: auto;
    padding-top: 25px;
    padding: 25px;
    top: 55px;
    width: 95%;
}

#lastform .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}


#lastform .hoteldet .custom-input {
    position: relative;
    width: 320px;
    max-width: 95%;
}

#lastform .hoteldet .custom-textarea {
    max-width: 100%;
}

.akobtn {
    padding-right: 0px;
}

#lastform .hoteldet .custom-input.long {
    width: 100%;
    margin: 10px 0;
    max-width: 97%;
}

.maingal .row .col-md-6:nth-child(2) .row.half:nth-child(2) .col-md-6:nth-child(2) .onesmall {
    border-bottom-right-radius: 10px !important;
    margin-right: 5px !important;
}

#lastform .row h2 {
    margin-bottom: -3px;
    line-height: 26px;
    max-width: 80vw;
    font-weight: 900
}

#lastform p.small {
    font-size: 13px;
    line-height: 17px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-top: 3px;
    width: 500px;
    max-width: 80vw;
}

#lastform .hoteldet h3 {
    font-size: 22px;
    margin-top: 40px;
    border-top: 1px dashed silver;
    padding-top: 25px;
    max-width: 600px;
    width: 100%;
    padding-right: 30px;
}

.cancelation .one {
    max-width: 100%;
}

.cancelation .one.freecancel::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 10px;
    transform: none;
    width: 35px;
    height: 35px;
    background: url(/template/img/super-like.svg) 50% 50% no-repeat;
    background-size: 23px;
}

.onepay span {
    width: 500px;
    max-width: 100%;
  }

  .onepay.webpay span::after {
    display: none
  }

  .timetogo {
    border: none;
    font-style: normal;
    -webkit-appearance: none;
    appearance: none;
    background-color: black;
    background-image: url(/template/img/ardownw.svg);
    background-position: 91% 50%;
    background-size: 12px;
    background-repeat: no-repeat;
    color: white;
    font-size: 16px;
    padding: 8px 36px 8px 15px;
    border-radius: 4px;
    margin: -5px 50px 0 5px;
    font-family: 'Kanit';
    font-weight: 500;
    display: inline-block;
}

#lastform .agreements {
    width: 500px;
    max-width: 100%;
}

#lastform .agreements b, #lastform .agreements p {
    color: black;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    margin-left: 40px;
    margin-right: 15px;
    max-width: 100%;
}

.onepay.iban span::after {
    display: none
}

.yourstay {
    position: sticky;
    top: 85px;
    margin-top: 7px;
    width: 100%;
    margin: 0;
}

.yourstay .col-md-6.inch, .yourstay .col-md-6.outch, .yourstay #js-resinfo-2 .col-md-6  {
    max-width: 50%;
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
}

.hotel-des .wrappie {
    margin-right: 0;
    margin: 10px;
}

.bigextra {
    margin: 15px -10px 0;
  }

.hotel-des h2 {
    margin-top: 50px;
    font-size: 24px;
    font-weight: 700;
}

.fixedbook {
    margin-left: 0;
    direction: inherit;
    display: flex;
    flex-direction: column-reverse;
}

.covidinfo {
    margin: -70px 0 20px;
  }

.hotel-des .icons .onepic {
    display: inline-flex;
    width: unset;
    text-align: left;
    margin-right: 15px;
    min-width: calc(50% - 17px);
    margin-bottom: 6px;
}

.hotel-des .icons.services .img p {
    min-width: unset;
    font-weight: 500;
}

.hotel-des .icons.services span {
    background-image: none;
    background-size: 200% auto;
    font-size: 11px;
    background: transparent;
    color:  #7d7d7d;
    padding: 0;
    margin-top: 0px;
    display: block;
    font-weight: 400;
    text-align: left;
    margin-left: 0
}

.hotel-des .icons.services span.green {
    background-image: none;
    background-size: 200% auto;
    font-size: 11px;
    background: transparent;
    color:  #7d7d7d;
    padding: 0;
    margin-top: 0px;
    display: block;
    font-weight: 400
}

.hotel-des .icons.services .onepic {
    display: inline-block;
    width: calc((100% / 4) - 5px);
    text-align: left;
    margin-right: 0;
    min-width: unset;
    margin-bottom: 12px;
}

.hotel-des .icons.services .img {
    text-align: left !important;
}

.linktomap p {
    text-align: center;
    padding: 15px 15px 20px;
}

#ordercover h2 {
    margin: 0;
    margin-top: 35px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

#ordercover .wrapp {
    padding: 5%;
    margin-right: 0;
}

.orderdetail p.extrafee {
    font-size: 13px;
    line-height: 17px;
    color: #000000;
    font-weight: 400;
    margin: 0;
}

.col-md-2.persons {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
    position: relative;
    text-align: left !important;
    padding: 0 10px
}

.col-md-2.persons p.smalll {
    font-size: 12px;
    padding-left: 3px;
    line-height: 16px !important;
}

.col-md-2.persons::before {
    content: attr(data-name);
    text-align: left;
    font-size: 12px;
    color: #219d65;
    line-height: 14px;
    margin: 0;
    margin-bottom: -5px;
    margin-top: 8px;
    display: block;
    font-weight: 500;
}

.hotel-des h1 {
    font-size: 27px;
    line-height: 29px;
    margin: 11px 0 10px 0;
    text-transform: none;
}

#bookingresults .next {

    height: 40px;
    margin-left: 0;
    border-radius: 3px;
    color: white;
    font-size: 16px;
    padding: 0 40px 0 20px;
    line-height: 40px;
    margin: 10px 0;
    cursor: pointer;
    transition: 400ms;
}

.pop-up-gallery .content {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100vw - 0px);
    height: calc(100vh - 0px);
    overflow: hidden;
}

.pop-up-gallery .content .main-hotel-gal .gal-image {
    display: inline-block;
    width: calc(100vw - 0px);
    height: calc(100vh - 140px);
    float: left;
    margin: 0px;
    position: relative;
}

.pop-up-gallery .content .main-hotel-gal .gal-image img {
    height: unset;
    max-height: calc(55vh);
    margin: 0 auto;
    display: block;
    width: auto;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.arrow-right, .arrow-left {
    height: 100px
}

.arrow-right {
    right: 0;
  }

.gallery-arrows {
    position: fixed;
    bottom: 0;
    transform: none;
    width: calc(100vw - 0px);
    height: 85px;
    left: 0;
    width: 100vw;
    top: unset;
}

.pop-up-gallery .content .main-hotel-gal {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.arrow-right::before, .arrow-left::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    display: inline-block;
    padding: 3px;
    border: solid black;
    border-width: 0 3px 3px 0;
  }

#bookingresults .next::before {
    content: '';
    display: block;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 40px;
    background: url(/template/img/ra.svg) 50% 50% no-repeat;
    background-size: 28px;
    transition: 400ms;
}

.next-step-link .vyber p {
    display: inline-block;
    padding: 0px 10px 5px 25px;
    transform: translateY(-5px);
}

.maingal .onebig {
    height: 400px;
    margin: 10px;
    margin-bottom: 4px;
  }

  .hotel-des {
    margin: 0 10px;
}

.maingal .onebig {
    height: 250px;
  }

  .onesmall {
    height: 75px;
    margin: 0 5px;
    margin-right: 0;
  }

  .blurik {
    display: none;
}

#hotelgall {
    min-height: 375px;
}

.onebig span {
    position: absolute;
    bottom: 10px;
    left: 10px;
  }

  #loginbox {
      width: 100%;
      max-width: 100%;
      margin: 30px auto 50px;
      padding: 10px 0 30px;
  }

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


.searchwrap h1 {
    display: none;
}

#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: 94%;
    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;
}

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

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

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

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

footer ul li {
    margin: -3px 0 5px;
    padding: 0;
    width: 49%;
    display: inline-block;
}

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

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: 10px 0;
    font-size: 13px;
    color: black;
    padding-bottom: 0;
}

#prave {
  display: none
}

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: 15px 10px 0px 0;
}

#inspiracie .item a {
    display: block;
    position: relative;
    margin: 0px 10px 4px;
    background: white;
    transition: 600ms;
    box-shadow: 0 0 20px rgb(0 0 0 / 2%);
}

.vop span {
  display: inline-block;
text-align: left;
}

.vop p {
    padding: 5px 0px 15px 0px;
    font-size: 14px;
    line-height: 20px;
    background: transparent;
    margin: 0;
    border-radius: 6px;
    font-weight: 300;
}

.vop p strong {
  font-size: 14px;
  line-height: 20px;
}

.vop ol {
    list-style-type: decimal;
    margin: 8px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
}

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

.slider-region .desc-g.hero-heading {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 23;
    text-align: center;
    width: 100%;
    padding: 2%;
    font-size: 28px;
    font-family: 'Baloo 2', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: white;
}

.zaz .maingal {
    position: relative;
    margin: 60px auto 20px;
    width: 100%;
    max-width: 1170px;
    height: 380px;
    display: block;
    z-index: 35;
}

.main-img-zaz {
    position: relative;
    width: 100%;
    height: 380px;
    border-radius: 0;
}

.maincontzaz {
    position: relative;
    margin: 40px auto 20px;
    width: 100%;
    max-width: 1170px;
    display: block;
    z-index: 35;
    text-align: left !important;
    padding: 20px;
}

#inspiracie.zaz .item a {
    display: block;
    position: relative;
    margin: 0px 5px 5px;
    background: white;
    transition: 600ms;
    box-shadow: 0px 3px 5px -5px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%)
}

#inspiracie.zaz .item a .cont {
    display: block;
    width: 100%;
    vertical-align: middle;
    padding: 12px 29px 17px 29px;
}

.maincontzaz h1 {
    font-size: 38px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 20px;
}

footer .mywrapp {
    margin: 60px auto 0;
    padding-left: 0;
    border: none;
    box-shadow: none;
}

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

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

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

.onerete {
  padding: 5px;
  background: #f3f3f3;
  width: 96%
}

.pop-up-gallery .hotel-name h3 {
    font-size: 18px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    padding: 13px;
    padding-right: 50px;
}

.col-md-3.price , .col-md-3.persons {
    width: 50%;
    display: inline-block;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.onerete .conditions {
    margin: 10px 0;
    text-align: center;
    font-weight: 400;
}

.onerete .price p {
    font-size: 22px;
    font-weight: 800;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Baloo 2', sans-serif;
}

.onerete .conditions::before {
  content: attr(data-name);
    text-align: left;
    font-size: 12px;
    color: #219d65;
    line-height: 14px;
    margin: 0;
    margin-bottom: 0px;
    margin-top: -5px;
    display: block;
    font-weight: 500;
}

.onerete .price {
    position: relative;
}

.onerete .price::before {
    content: attr(data-name);
    text-align: right;
    font-size: 12px;
    color: #219d65;
    line-height: 14px;
    margin: 0;
    margin-bottom: 0;
    display: block;
    font-weight: 500;
    transform: translateY(-10px);
    font-family: 'Kanit' , sans-serif;
}

.onerete .price p {
    font-size: 20px;
    font-weight: 500;
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
    font-family: 'Kanit', sans-serif;
    right: 10px;
}

.rates .row:not(.ratehead) .col-md-3, .rates .row:not(.ratehead) .col-md-4, .rates .row:not(.ratehead) .col-md-2 {
    padding: 0px 10px;
}

#hotelbooking .input, #hotelbooking #rf-start, #hotelbooking #rf-end {
    width: calc((100% / 2) - 10px);
    min-width: unset;
    text-align: center;
    padding: 7px;
    margin: 1%;
}

.onerete .price p::before {
    content: '';
    position: absolute;
    top: -8px;
    left: -25px;
    width: 27px;
    height: 27px;
    background: url(/template/img/i-g.svg) 50% 50% no-repeat;
    background-size: 14px;
}

.onerete .pricemoreinfo .wrapper p {
    position: relative;
    font-size: 13px;
    line-height: 18px;
    top: unset;
    transform: none;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    color: white;
    right: unset
}

.pricemoreinfo {
    background: linear-gradient(to left, #219a67 0, #36bb4e 100%);
    font-size: 12px;
    display: block;
    position: absolute;
    width: 50vw;
    max-width: 260px;
    height: auto;
    box-shadow: 0 0 45px rgb(0 0 0 / 20%);
    overflow: hidden;
    top: -5px;
    right: 0px;
    left: unset;
    border-radius: 5px;
    opacity: 0;
    transition: 400ms;
    transform: none
}

.pricemoreinfo.visible {
    opacity: 1;
    top: 33px;
    transform: none;
    z-index: 55;
    right:0px;
    left: unset;
}

.onerete .roomsele {
    margin: 0px 0 10px 0;
    text-align: center !important;
}

.next-step-link h3 {
    font-size: 10px;
}

.next-step-link h3 {
    font-size: 10px;
}

.next-step-link .vyber {
    margin-top: 0;
    transform: translateY(-5px);
}

.orderdetail .oneroom {
    margin: 10px 0;
    margin-right: 0;
}

.orderdetail #booook {
    margin-top: 80px;
    margin: 10px;
}

#quickbook {
    padding: 20px 10px;
}


.col-md-5.conditions {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
    text-align: left;
    padding-left: 10px;
}

.conditions p {
    font-size: 12px;
    line-height: 16px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
}

.col-md-2.roomsele {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
}

.ratehead .col-md-2, .rates .row:not(.ratehead) .col-md-2 {
    width: 20%;
    text-align: center;
    padding: 0 10px 5px;
}

ul#persons {
    list-style: none;
    margin-top: 4px;
}

ul#persons p.smalll {
    font-size: 12px;
    padding-left: 3px;
    line-height: 14px;
}

.swiper-slide, .slider-region, .slider-region .swiper-slide {
    background-size: cover !important;
    background-position: center center;
    height: 240px;
    min-height: unset;
    position: relative;
}

.mainsearch.region {
    height: unset;
    min-height: 195px;
}

.mainsearch.region::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #dedede;
    opacity: 1;
}

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

#searchres {
    margin-top: 60px;
}

.maingal .onebig {
    height: 250px;
    margin: 0px;
    margin-bottom: 3px;
    border-radius: 0;
}

.maingal .row .col-md-6 .row.half:first-child .col-md-6:first-child .onesmall {
    border-bottom-left-radius: 0px !important;
    margin-left: 0;
}

.maingal .row .col-md-6:nth-child(2) .row.half:nth-child(2) .col-md-6:nth-child(2) .onesmall {
    border-bottom-right-radius: 0px !important;
    margin-right: 0px !important;
}

.onebig span {
    position: absolute;
    padding: 3px 12px;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer;
    transition: 300ms;
}

.maingal {
    position: relative;
    margin: 60px auto 20px;
    width: 100%;
    height: unset;
}

.maingal .row .col-md-6 .row.half {
    width: calc(50% - 0px);
    display: inline-block;
    float: left;
    margin-left: 0;
}

#calendar-block {
    top: 95px
}

.mainsearch {
    height: 260px;
    min-height: unset;
    position: relative;
    position: relative;
    z-index: 23;
    top: 0;
    left: 0;
    right: 0;
    background: #eaeaea !important;
}

.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%);
}

.slider-main {
    margin-top: 60px
}

.finder {
    background: transparent;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
}

.onesmall {
    height: 75px;
    margin: 0 3px;
    margin-right: 0;
}

#hotelgall {
    min-height: 335px
}

.hotel-des small {
    display: table;
    font-size: 12px;
    line-height: 20px;
    font-family: 'Kanit', sans-serif;
    font-weight: 400;
    color: white;
    background: black;
    margin-top: -3px;
    letter-spacing: 0px;
    padding: 0px 6px;
    border-radius: 15px;
}

.hotel-des .conditions small {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin: 6px 0px -4px;
    opacity: 1;
    color: #1b7256;
    background: transparent;
    padding: 0;
}

.hotel-des .undh1 span {
    display: inline-block;
    padding-left: 5px;
    margin-top: 8px;
}

.hotel-des .undh1 span span.location {
    padding-left: 0;
    display: block;
}

.hotel-des .undh1 span img {
    padding-left: 3px;
    margin-left: 0px;
}

#rooms-filter {
    text-align: center;
    width: 103%;
    margin: 0 -1.5%;
}

.hotel-des .icons .onepic {
    display: inline-block;
    width: calc((100% / 4) - 5px);
    text-align: center;
    margin-right: 0;
    min-width: unset;
    margin-bottom: 30px;
    min-height: 65px;
    vertical-align: top;
}

.hotel-des .icons .onepic .img {
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
}

.hotel-des .icons img {
    width: 25px;
    margin: 0 5px;
    margin-right: auto;
    display: inline-block;
    margin-left: auto;
    height: 30px;
}

.hotel-des .icons .img p {
    display: block;
    height: unset;
    font-size: 12px;
    line-height: 14px;
    vertical-align: text-top;
    overflow: visible;
    text-overflow: unset;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: default;
}

footer .underline .mywrapp {
    border-top: none
}

header #main-menu li:last-child a.user {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: #fff;
    padding: 6px 16px 6px 35px;
    border-radius: 25px;
    margin: 10px 30px 10px 50px;
    transition: 400ms;
}

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


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

footer .div-1-3:nth-child(3) ul li, footer .div-1-3:nth-child(4) ul li {
    margin: -3px 0 5px;
    padding: 0;
    width: 99%;
    display: inline-block;
}

#calendar-block .mb-day.selectable.selecteddays::before, #calendar-block .mb-day.selectable.selecteddays:hover::before {
    content: '';
    background: rgb(41 171 91);
    width: 102%;
}

#calendar-block .mb-day.selectable.startdate::before, #calendar-block .mb-day.selectable.enddate::before  {
    width: 110%;
}

.slider-main:not(.slider-region) .desc-g.hero-heading {
  position: absolute;
    bottom: 2px;
    right: 10px;
    color: rgb(255 255 255 / 50%);
    font-size: 8px;
    font-style: italic;
}

#inspiracie .owl-nav {
    position: relative;
    top: unset;
    right: unset;
    margin-left: 5px !important;
    margin: 5px !important;
}

 #inspiracie .item a .cont {
    padding: 10px;
    min-height: 36px;
}

#inspiracie button {
    outline: none;
    margin: 0;
}

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

#inspiracie .cont p {
    display: none
}

.js-soc-modal h2::before {
    content: '';
    display: block;
    position: relative;
    width: 140px;
    height: 66px;
    background: url(https://www.betimo.sk/template/img/faviconb.svg) 50% 50% no-repeat;
    background-size: 40px;
    margin: 0 auto;
}

.modal.js-soc-modal .modal-content  #loginbox {
    margin: -30px auto 50px !important;
  }

  .orderdetail .fixedbook#booookpan {
    background: #f5f5f5;
    margin: 15px;
}

#usermybookings h2 {
    text-align: center;
}

#article h1 {
    text-align: left;
    font-size: 25px;
    line-height: 35px;
    margin: 10px 20px 18px 10px;
    font-weight: 600;
}

#article .parex p {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Kanit', sans-serif;
    font-weight: 300;
    margin-top: 25px;
    margin-bottom: 25px;
    margin: 10px;
}

#article .content-art {
    margin-bottom: 50px;
    margin: 10px;
}

#article .content-art p {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    width: 800px;
    max-width: 100%;
    margin: 10px auto;
    font-weight: 300;
}

.content-art.cleartext a.superbut {
    background-image: linear-gradient(to left, #219a67 0, #36bb4e 50%,#219a67 100%);
    background-size: 200% auto;
    color: #fff;
    padding: 12px 20px 12px 20px;
    border-radius: 3px;
    margin: 13px 0px 10px 0px;
    transition: 400ms;
    font-size: 16px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

#articlehead {
    height: 60px;
}

#article.onlytext {
    margin-top: 60px;
    margin-bottom: 150px;
}

#article.onlytext h1 {
    text-align: left;
    font-size: 25px;
    line-height: 30px;
    margin: 0;
    font-weight: bold;
    margin-top: 40px;
}

.question {
    border-radius: 6px;
    padding: 5px 0px 5px 0;
    width: 98% !important;
    margin: 10px 0px 0px 0;
}

.question .toggle p {
    padding: 5px 0px 15px 0px;
    font-size: 16px;
    line-height: 23px;
    background: transparent;
    margin: 0;
    border-radius: 6px;
    font-weight: 300;
}

section.withblurik .oneoffer {
    display: table;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .onblurik .conten {
    padding: 50px 20px;
}

}

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

  .custom-input .custom-placeholder {
      position: absolute;
      top: 50%;
      left: 20px;
      transform: translateY(-50%);
      color: #818181;
      width: unset;
      text-align: left;
      font-size: 14px;
      height: 40px;
      line-height: 40px;
    }

    #inspiracie.zaz .item a .cont {
    display: block;
    width: 100%;
    vertical-align: middle;
    padding: 5px 10px 12px 10px;
}

    .mainsearch.region {
    height: unset;
    min-height: 250px;
}



#rf-peoples {
  width: calc(100% - 20px);
}

#js-peoples .adults, #js-peoples .rooms {
    font-size: 16px;
    text-align: left;
    padding-left: 24px !important;
}

.addchild span {
    width: 138px;
    display: inline-block;
    font-size: 16px;
    text-align: left;
    padding-left: 24px;
}

header {
    position: fixed;
    height: 60px;
}

header .logoinhead {
    height: 60px;
    width: 180px;
  }

  #nav-icon {
    width: 26px;
    height: 18px;
    position: relative;
    margin: 16px auto;
}

  #nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000;
    border-radius: 6px;
  }

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

#rf-button {
    width: calc(100% - 20px);
    margin: 0 10px 10px;
}

#sci-nights {
    font-size: 13px;
    color: #a5a5a5;
    font-weight: 400;
    font-style: normal;
    position: absolute;
    right: 190px;
    margin-top: 2px;
}

.modal.js-soc-modal .modal-content  #loginbox {
    margin: -30px auto 50px !important;
  }


}


@media only screen and (max-width: 360px) {
    #sci-nights {
      display: none
    }
}