/*h1-h5*/
.ch1 {
    font-size: 18px !important;
    font-weight: 700;
    color: #004d89;

}

.ch2 {
    font-size: 16px;
    font-weight: 700;
    color: #004d89;
}

.mt-0 {
    margin-top: 0px!important;
}
.mb-0 {
    margin-bottom: 0px!important;
}

.mt-1 {
    margin-top: 10px!important;
}
.mb-1 {
    margin-bottom: 10px!important;
}

.mt-2 {
    margin-top: 15px!important;
}
.mb-2 {
    margin-bottom: 15px!important;
}




/*bootstrap4 missing utils*/
.p-0 {
    padding: 0px !important;
}

.p-1 {
    padding: 0.2em !important;
}

.d-none {
    display: none !important;
}

.events-none * {
    pointer-events: none;
}

.events-none {
    cursor: pointer;
}

.text-underline {
    text-decoration: underline;
    cursor: pointer;
}
/* end of bs4 utils*/

.btn-shadow {
    -webkit-box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.3);
}

.position-relative {
    position: relative;
}

.vyradene-info {
    padding-top: 5px;
    margin-top: 5px;
    display: block;
    color: #2d93d8;
}

.logo a:hover {
    text-decoration: none;
}

#header a:hover {
    text-decoration: none;
}

.nowrap {
    white-space: nowrap;
}

.vzd-info {
    display: inline-block;
    margin-right: 15px;
}

.pad-t-5 {
    padding-bottom: 10px;
}

.info-archiv-blok {
    margin: 20px 15px 15px 15px;
    padding: 15px;
}

.pad-error-block {
    padding: 25px 0px 15px 0px;
}

.pad-b-10 {
    padding-bottom: 10px;
}

.width-auto {
    width: auto !important;
}

.mt-2 {
    margin-top: 1em !important;
}

.mbt {
    margin-bottom: 20px;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

/*ERROR BLOCK*/
#error-block-close {
    background: url(https://www.1-2-3-ubytovanie.sk/images/close.png) 0px 0px no-repeat;
    width: 47px;
    height: 45px;
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
}

#error-block-close span {
    display: none;
}

#error-block {
    width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -200px 0px 0px -150px;
    background-color: #17497f;
    border: #7b1214 0px solid;
    z-index: 9999;
    color: white;
    text-align: left;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Chrome */
    border-radius: 15px; /* CSS3 */
    overflow: hidden;
}


#error-block .error-block h1, #error-block .error-block h1 {
    margin: 10px 0px !important;
}

#error-block .error-block {
    padding: 10px 20px 15px 20px;
    background-color: #005292;
    margin: 5px;
    -moz-border-radius: 12px; /* Firefox */
    -webkit-border-radius: 12px; /* Safari, Chrome */
    border-radius: 12px; /* CSS3 */
    overflow: hidden;
}

#error-block .error-block h2 {
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    color: white;
    padding: 5px 0px 0px 0px;
}

#error-block .error-block p {
    margin: 5px 0px 5px 0px;
    padding: 0px;
}

.error-message {
    color: white;
    padding: 0px;
    font-size: 12px;
}

#error-block .error-block a {
    color: white;
}

#error-block .justified {
    text-align: left;
}


#TB_overlay div {
    overflow: hidden;
}

#TB_overlay {
    position: fixed;
    z-index: 9998;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    display: block;
}

#TB_overlay {
    background-color: #000000;
    filter: alpha(opacity=65);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

/*
@font-face {
    font-family: 'Open Sans';
    src: url(../fonts/open-sans/OpenSans-Regular.svg);
    src: url(../fonts/open-sans/OpenSans-Regular.ttf);
}

@font-face {
    font-family: 'Open Sans';
    font-weight:700;
    src: url(../fonts/open-sans/OpenSans-Bold.ttf);
}


@font-face {
    font-family: 'Open Sans';
    font-weight:600;
    src: url(../fonts/open-sans/OpenSans-Semibold.ttf);
}
*/

/*ios fix on selec focusin*/
.selecting #kriteria_typy {
    display: none;
}

h1 {
    font-family: 'Open Sans';
    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
}


h2 {
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;

}

h3 {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

h4 {
    font-family: 'Open Sans';
}

a.offsetted-anchor {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}

.fright {
    float: right;
}

.auto-width {
    width: auto;
}


/*fix iframe for iphone */
iframe {
    width: 1px;
    min-width: 100%;
    *width: 100%;
}

button * {
    pointer-events: none;
}

select, select, slect {
    background: #fff url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
    background-repeat: no-repeat;
    background-position: 97% center;
    font-family: 'Open Sans';
    /*padding:0 25px 0 8px;*/
    /*font-size: .875em;*/
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}

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

/* switchable tabs content disable */
.tab-cont, .tab-maps {
    display: none;
}

.zoz-hidden {
    display: none;
}

.skry {
    display: none;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

*:before, *:after {
    font-family: '123u';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;


    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    position: relative;
    -webkit-overflow-scrolling: touch;
}

div.bg-top {
    width: 100%;
    height: 1128px;
    background: url(../img/bg-top-123.jpg) center top no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}

.pinchme {
    padding: 5px 20px 10px 20px;

}

#lokality-svg {
    height: 314px;
}

.main-mapa {

    background: url(../img/bg-top-123.jpg) no-repeat;
    background-size: 100%;
    background-position: left 0px;
}


div.bg-bottom {
    width: 100%;
    background: url(../img/footer-bg.jpg) no-repeat;

    background-position: center;
    position: absolute;
    bottom: -340px;
    z-index: -2;
    height: 443px;
}


a {
    outline: none !important;
    /*text-decoration: none !important;*/
}

input[type=checkbox][disabled] + label {
    color: #808080;
    /*
    cursor:not-allowed !important;
    */
    opacity: 0.3;

}

input[type=checkbox][disabled] + label span {
    /*background-color: #808080 !important;
    cursor:not-allowed !important;*/
    opacity: 0.5;
}


#quickform {
    padding: 15px 0px 0px 15px;
    /*
    position:relative;
    top:0px; left:0px;
    */
}

#quickform h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px 15px 0px;
}

.main-form {
    display: none;
}

div.box-row {
    padding: 5px 10px;
}


#tab1 {
    padding: 0px 0px 0px 0px;
}

.actab {
    display: block !important;
}


.list-obce h1 {
    margin-bottom: 15px !important;
    margin-top: 20px !important;
}


.obce-column-layout {
    padding: 0px 15px;
    -moz-column-count: 5;
    -moz-column-gap: 20px;
    -webkit-column-count: 5;
    -webkit-column-gap: 20px;
    column-count: 5;
    column-gap: 20px;

}

.geo-column-layout {
    padding: 0px 25px;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
}

#map-page .geo-column-layout a {
    font-size: 16px;
}

.add-nav {
    margin-top: 10px;
}

.breadcrumbs-matrio {
    line-height: 18px;
}

.breadcrumbs-matrio div {
    display: inline-block;


}

.breadcrumbs-matrio a {
    vertical-align: middle;
}

.breadcrumbs-matrio .bc-sepa {
    font-size: 20px;
    vertical-align: top;
    display: inline-block;
}

div.select label {
    font-family: 'Open Sans';
    font-weight: 700;
    padding-left: 0px;
    width: 30%;
    font-size: 14px;

}

div.select span {
    display: inline-block;
    padding: 4px;
    background-color: white;
    width: 64%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    top: 0px;
    left: 0px;
}

div.select select {
    width: 100%;
    border: black 0px solid;
    cursor: pointer;
    background-color: white;
}


div.select span:after {
    content: "\e01f";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    font-size: 18px;
    line-height: 29px;
    padding: 0px 9px;
    background: white none repeat scroll 0% 0%;
    color: black;
    pointer-events: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

div.select span.sel-active:after {
    content: "\e60b";
    font-size: 15px;
}


div.box-row > button.btn, .open > .dropdown-toggle.btn-default {
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 400;
    outline: none !important;
}


div.ubytovanie-box-cont .akcia {
    position: absolute;
    top: -14px;
    z-index: 2;
    left: 0px;
    text-align: center;
    width: 100%;
}

div.ubytovanie-box-cont .akcia span {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding: 3px 7px 3px 7px;
    color: white;
}

.popup-content {
    border: white 2px solid;
}

.msg-block {
    padding: 20px 20px 10px 20px;
    color: white;
    max-width: 380px;

}

.msg-block h2 {
    font-size: 22px;
}

.go-right {
    margin-top: 15px !important;
    text-align: right;
}

.odsadit {
    display: block;
    margin-top: 5px;
}


#form-error-block {
    margin: 0px 20px 20px 20px;
    position: relative;
    border: white 2px solid;
    background-color: white;
    border-radius: 8px;
    padding: 20px 30px 15px 20px;
    -webkit-box-shadow: 6px 10px 5px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 6px 10px 5px -10px rgba(0, 0, 0, 0.5);
    box-shadow: 6px 10px 5px -10px rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 16px;
}

#form-error-block h1 {
    font-size: 24px;
    margin-top: 0px;
}

#form-error-block p {
    position: relative;
    top: 0px;
    left: 20px;

}

#form-error-block p:before {
    content: "\e913";
    position: absolute;
    top: 2px;
    left: -20px;
    height: 40px;
}

.processing-overlay {
    /*display:table;*/
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

    background: rgba(255, 255, 255, 0.7);
    /*border: 2px solid #EE8813;*/
    z-index: 99999;
    border-radius: 8px;

}

.spinner-wrap {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner {
    font-size: 130px;
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;

    -webkit-animation: spin 6s linear infinite;
    -moz-animation: spin 6s linear infinite;
    animation: spin 6s linear infinite;
}

.spinner div {
    position: absolute;
    left: 0.4629em;
    bottom: 0;
    width: 0.074em;
    height: 0.2777em;
    border-radius: 0.5em;
    background-color: transparent;
    -webkit-transform-origin: center -0.2222em;
    -ms-transform-origin: center -0.2222em;
    transform-origin: center -0.2222em;
    -webkit-animation: spinner-fade 1s infinite linear;
    animation: spinner-fade 1s infinite linear;
}

.spinner div:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.spinner div:nth-child(2) {
    -webkit-animation-delay: 0.083s;
    animation-delay: 0.083s;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.spinner div:nth-child(3) {
    -webkit-animation-delay: 0.166s;
    animation-delay: 0.166s;
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.spinner div:nth-child(4) {
    -webkit-animation-delay: 0.249s;
    animation-delay: 0.249s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.spinner div:nth-child(5) {
    -webkit-animation-delay: 0.332s;
    animation-delay: 0.332s;
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.spinner div:nth-child(6) {
    -webkit-animation-delay: 0.415s;
    animation-delay: 0.415s;
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.spinner div:nth-child(7) {
    -webkit-animation-delay: 0.498s;
    animation-delay: 0.498s;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.spinner div:nth-child(8) {
    -webkit-animation-delay: 0.581s;
    animation-delay: 0.581s;
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.spinner div:nth-child(9) {
    -webkit-animation-delay: 0.664s;
    animation-delay: 0.664s;
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.spinner div:nth-child(10) {
    -webkit-animation-delay: 0.747s;
    animation-delay: 0.747s;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.spinner div:nth-child(11) {
    -webkit-animation-delay: 0.83s;
    animation-delay: 0.83s;
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.spinner div:nth-child(12) {
    -webkit-animation-delay: 0.913s;
    animation-delay: 0.913s;
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

@-webkit-keyframes spinner-fade {
    0% {
        background-color: #69717d;
    }
    100% {
        background-color: transparent;
    }
}

@keyframes spinner-fade {
    0% {
        background-color: #69717d;
    }
    100% {
        background-color: transparent;
    }
}

.spinner .status {
    font-size: 18px;
    display: inline-block;
}

/* zoznam ubytovacich zariadeni */
#zoznam-ubytovacich-zariadeni h3 {
    margin-left: 20px;
    cursor: pointer;
}

#zoznam-ubytovacich-zariadeni h3 span {
    position: relative;
    top: 2px;
    color: #428bca;
    font-size: 20px;
    margin-right: 10px;
}

#zoznam-ubytovacich-zariadeni h3 span.icon-mplus {
    display: inline-block;
}

#zoznam-ubytovacich-zariadeni h3 span.icon-mminus {
    display: none;
}

#zoznam-ubytovacich-zariadeni h3.zoz-rozbaleny span.icon-mplus {
    display: none;
}

#zoznam-ubytovacich-zariadeni h3.zoz-rozbaleny span.icon-mminus {
    display: inline-block;
}

#zoznam-ubytovacich-zariadeni ul {
    list-style: none;
}

#zoznam-ubytovacich-zariadeni ul li {
    font-size: 16px !important;
    padding-left: 20px;
}

.infoservis #zoznam-ubytovacich-zariadeni h3 {
    clear: both;
}

.infoservis #zoznam-ubytovacich-zariadeni h3 span.icon-mplus {
    display: block;
    float: left;
    height: 40px;
}

.infoservis #zoznam-ubytovacich-zariadeni h3.zoz-rozbaleny span.icon-mplus {
    display: none;
}

.infoservis #zoznam-ubytovacich-zariadeni h3.zoz-rozbaleny span.icon-mminus {
    display: block;
    float: left;
    height: 40px;
}

/* =======================================
   =======================================
   ============== HOMEPAGE =============== */

div#header {
    width: 100%;
    height: auto;
    padding: 10px 0px 0px 0px;
}

/* mobile menu */

#mobile-header {
    display: none;
}

/* header top */

div.header-top {
    width: 100%;
    height: auto;
    position: relative;
}

div.logo {
    margin-top: 5px;
    /*width:330px;*/
}

div.logo a {
    display: block;
    height: auto !important;
}

div.logo a span {
    font-size: 72px;
    color: #003c6b;
}


div.logo a span.slogan-123-sk {
    font-size: 12.3px;
    position: absolute;
    left: 94px;
    top: 50px;
}

div.logo a span.slogan-123-cz {
    font-size: 12.3px;
    position: absolute;
    left: 94px;
    top: 50px;
}

div.logo a span.slogan-123-pl {
    font-size: 11px;
    position: absolute;
    left: 94px;
    top: 50px;
}

div.logo a span.slogan-123-hu {
    font-size: 14px;
    letter-spacing: 1px;
    position: absolute;
    left: 94px;
    top: 50px;
}

div.logo a span.slogan-123-de {
    font-size: 10.1px;
    position: absolute;
    left: 94px;
    top: 50px;
}

div.logo a span.slogan-123-en {
    font-size: 11px;
    position: absolute;
    left: 94px;
    top: 50px;
}

div.logo-cont {
    padding: 10px 0px 0px 30px;
    border-left: 1px solid #003c6b;
}

div.logo-cont p {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px 0px 7px 0px;
}

#languages {
    z-index: 5;
}

#languages img {
    margin-right: 5px;
}

#languages .dropdown-menu {
    padding: 10px 0px 15px 0px;
}


/*mapa*/
svg {
    display: inline-block;
    position: relative;
    width: 100%; /*padding-bottom: 100%;*/

    overflow: hidden;

}

#labels text {
    font-size: 10px;
    font-family: 'Arial', sans-serif;
    fill: #000000;
    pointer-events: none;
}

#labels path {
    fill: #ffffff;
    stroke-width: 0.5;
    pointer-events: none;
    stroke: #808080;
}

#areas path {
    stroke: #ffffff;
    stroke-width: 0.5;
    stroke-linejoin: round;
    transition: .5s fill;
}

#areas path:hover {
    transition: .2s fill;
    fill: #FFCB3B;
}

#areas path {
    cursor: pointer;
}

#areas path.nohover:hover {
    transition: none;
    fill: none !important;
    stroke-linejoin: round;
}

#areas path.nohover {
    stroke-width: 1px;
    /*stroke:#aecfee;*/
    stroke: white;

}

#obce #labels text {
    fill: #ffffff;
    font-size: 9px;
    font-family: 'Arial', sans-serif;
}


div.main-mapa a.toggle-switcher {
    cursor: pointer;
}

div.main-map {
    z-index: 5;
}


#mtab1 {
    position: relative;
    top: 0px;
    left: 0px;
}


#zlk {
    display: none;
    background-color: white;
    padding-bottom: 15px;
    -webkit-box-shadow: 6px 10px 5px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 6px 10px 5px -10px rgba(0, 0, 0, 0.5);
    box-shadow: 6px 10px 5px -10px rgba(0, 0, 0, 0.5);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

.obce-zlk {
    padding-top: 15px;
    background: url(../img/bg-top-123.jpg) no-repeat;
    background-size: 100%;
    background-position: left -40px;
    position: relative;
    top: 0px;
    left: 0px;
}


#map-page .pinchme {
    border-radius: 8px;
    margin-top: 15px;
}

#najnovsie-ub div.ubytovanie {
    padding-right: 15px;
    transition: all 1s;
}

#najnovsie-ub h2 {
    margin: 0px !important;
}

.listing nav {
    text-align: center;
}

nav ul {
    margin-left: auto;
    margin-right: auto;
}

nav .pagination {
    margin: 25px 0px 10px 0px;
}


div.header-top-right {
    padding: 0px 0px 0px 0px;
}


div.header-top-right-wrap .btn-default {
    width: 60px !important;
    height: 42px;

}


div.header-top-right-wrap button.btn, .open > .dropdown-toggle.btn-default {
    border: 1px solid #3e9cdc;
    background-color: #fff;
    padding-left: 15px;
    padding-top: 5px;
    font-family: 'Open Sans';
    font-size: 17px;
    font-weight: 700;
    color: #aeaeae;
}


div.header-top-right-wrap button.btn:focus {
    outline: none !important;
}

div.header-top-right-wrap button.dropdown-toggle {
    background-color: #fff !important;
    box-shadow: none !important;
}

div.header-top-right-wrap .bootstrap-select .dropdown-menu {
    border: none !important;
    top: 95% !important;
    z-index: 5;
    border-radius: 0 !important;
    box-shadow: none !important;
}

div.header-top-right-wrap .bootstrap-select .dropdown-menu li {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 700;
}

div.search {
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px 23px 10px 10px;
    padding-right: 37px;
}

div.search input {
    display: inline-block;
    width: 290px;
    height: 30px;
    padding: 0px 0px 0px 15px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-size: 15px;
    outline: none;
    box-sizing: border-box;
}

#total-ub {
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    margin: 0px 0px 0px 10px;
}

#total-ub:after {
    content: 'x';
    font-family: 'Open Sans';
    font-weight: bold
}

#total-ub span {
    display: none;
}

#total-ub div {
    display: inline-block;
}


.box-lupa span.icon-search-uby01 {
    color: #EE8913;
}

.box-lupa span.icon-search-uby02 {
    color: #FDA236;
}

.box-lupa span.icon-search-uby03 {
    color: white;
}

.box-lupa span {
    font-size: 39px;
    width: 30px;
    height: 30px;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -75px;
    padding: 4px;
    font-size: 150px;
    opacity: 0;
    text-align: center;
    line-height: 22px;
    pointer-events: none;
}

.hladanie span {
    opacity: 1
}

/*
div.search span {
    width: 30px;
    height: 30px;
    border: none;
    position:absolute;
    top:0px;
    right:-2px;
    padding:4px;
    background-color:white;
    border-radius:15px;
    text-align:center;
    line-height:22px;
}

div.search span:after {
    content: "\e6f0";
    font-size: 18px;
    color:#EE8913;
    cursor:default;
}
*/


.header-top .container {
    position: relative;
    top: 0px;
    right: 0px;
}


div.header-top-right-wrap a.ponukam-ubyt {
    display: block;
    margin: 0px;
    padding: 7px 38px 6px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #9f0101;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    position: absolute;
    right: 30px;
    top: 5px;

}

.header-nav {
    position: absolute;
    top: 0px;
    right: 0px;

}


div.header-top-right-wrap a.ponukam-ubyt:after {
    content: "\e618";
    font-size: 28px;
    position: absolute;;
    right: 10px;
    top: 5px;
}

#languages button img {
    position: relative;
    top: -1px;
    left: 0px;
}

#languages button {
    background: none !important;
    border: none !important;
}

div.header-top-right-wrap {
    float: right;
}


/* navigation */


div.box-shadow {
    -webkit-box-shadow: 0 0 8px #b7b7b7;
    -moz-box-shadow: 0 0 8px #b7b7b7;
    -ms-box-shadow: 0 0 8px #b7b7b7;
    box-shadow: 0 0 8px #b7b7b7;
    background-color: #fff;
}

div.nav {
    margin-top: 14px;
}


/* MAIN */
div#main {
    width: 100%;
    height: auto;
    margin-top: 0px;

}

div.main-map h1 {
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 700;
    color: #004d89;
    padding-top: 10px;
    margin: 10px 0px 0px 0px;
    /*display:none;*/
}

div.main-map p {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 500;
    padding: 10px 0px 5px 0px;
    /*display:none;*/
}

div.main-map p span {
    /*font-size: 14px;*/
    font-weight: 700;
}


div.main-mapa {
    width: 667px;
    height: auto;
    border-radius: 7px;
    /*padding-bottom: 20px;*/
    position: absolute;

}


div.main-mapa p {
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 400;
}

div.main-mapa ul {
    width: 100%;
    /*height: 45px;*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    overflow: hidden;
    border-left: #bedff4 1px solid;
    border-top: #bedff4 1px solid;
    border-right: #bedff4 1px solid;
    background: url(../img/bg-top-123.jpg) center 0px no-repeat;
    background-size: 100%;
}

div.main-mapa ul li {
    width: 25%;
    /*height: 45px;*/
    float: left;
    border-right: 1px solid #bedff4;
    text-align: center;

}

div.main-mapa ul li:last-child {
    border-right: none;
}

div.main-mapa ul li a.active {
    background-color: transparent;
}

div.main-mapa ul li a.active:hover {
    background-color: transparent;
}

div.main-mapa ul li a {
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 700;
    height: 100%;
    display: block;
    padding: 10px 0px;
    background-color: rgba(255, 255, 255, 0.7);
    transition: all .2s;
    -webkit-transition: all .2s;
}

div.main-mapa ul li a:hover {
    background-color: rgba(255, 255, 255, 0);
    text-decoration: none;
}

div.main-mapa img {
    display: block;
    margin: 0 auto;
    padding: 25px 20px;
}

div.main-mapa a.toggle-switcher {
    display: block;
    text-align: center;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;

    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 400;
    padding: 6px 12px 6px 12px;


}

div.main-mapa a.toggle-switcher:after {
    font-size: 19px;
    position: relative;
    top: 2px;
    left: 5px;

}

div.main-mapa a.toggle-switcher:hover span {
    text-decoration: underline;
}

div.main-mapa a.toggle-switcher:hover {
    text-decoration: none;
}

div.main-mapa a.zatv:after {
    content: "\e618";
}

div.main-mapa a.otv:after {
    content: "\e619";
}

#obce-switcher {
    top: 15px;
    right: 10px;
    z-index: 99;
    padding-top: 3px;
    background: none;
    border: none;
}

a#obce-switcher:hover span {
    text-decoration: none !important;
    color: blue;
}

#obce-switcher span {
    font-size: 20px;
    position: relative;
    top: 3px;
    color: #004D89;
}


#yellowbox {
    position: relative;
}

/* box vyhladavanie */
div.box-vyhladavanie {
    margin-top: 18px;
}

/*
div.box-vyhladavanie-wrap {
    padding-bottom:10px;
}
*/
.searchtext-wrap {
    display: inline-block;
    position: relative;
    top: 0px;
    right: 0px;
    border: rgba(255, 255, 255, 0.4) 2px solid !important; /* 255,140,0,0.4 */
    padding: 2px;
    border-radius: 7px;
}

.searchtext-wrap span.icon-search-uby02 {
    font-size: 20px;
    position: absolute;
    right: 8px;
    top: 7px;
    color: darkorange;
}

.main-mapa {
    -webkit-box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.3);
}

.tab-maps {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    overflow: hidden;
}


div.box-vyhladavanie-wrap ul.box-vyhladavanie-top {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 50px;
    width: auto;
    white-space: nowrap;
    position: relative;
}

ul.box-vyhladavanie-top li.active {
    background-color: #fff;
}

div.box-vyhladavanie-wrap ul.box-vyhladavanie-top li {
    height: 50px;
    width: 33.333333333%;
    text-align: center;
    border-right: 1px solid #fda236;
    float: left;
}

div.box-vyhladavanie-wrap ul.box-vyhladavanie-top li a {
    display: block;
    width: auto;
    height: 100%;
    padding: 12px 0;
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 700;
}


#selecty {
    padding: 0px;
}

#vybavenost-chbs {
    padding-top: 5px;
    margin-bottom: -15px;
    padding-right: 0px;
}

#kriteria_typy {
    padding-top: 10px;
    padding-right: 0px;
}

.checkboxes {
    padding: 10px 0px 15px 10px;
}

div.box-row > .bootstrap-select .btn:focus {
    outline: none !important;
}

div.checkbox {
    display: inline-block;
    margin-top: 0 !important;
}

div.checkbox {
    padding-left: 0;
}


div.checkbox label {
    padding-left: 0;
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 400;
    height: 20px;
    display: block;
    text-align: left;

    /*border:red 1px solid;*/
    line-height: 13px;
    white-space: nowrap;
}

div.checkbox label span {
    font-size: 10px;
    display: block;
}


div.checkbox input[type="checkbox"] {
    display: none;
}


div.checkbox input[type="checkbox"] + label b {
    display: block;
    width: 19px;
    height: 19px;
    float: left;
    margin: -2px 10px 5px 0px;
    cursor: pointer;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;

}

div.checkbox input[type="checkbox"]:checked + label b:before {
    content: "\e60b";
    position: relative;
    left: 3px;
    top: 2px;
}

div.range {
    padding: 0px !important;
    position: relative;
    top: 0px;
    left: 0px;
    font-family: "Open Sans";
}

div.range input {
    display: none !important;
}

#slider-container {
    width: 240px;
    display: inline-block;
    /*margin:0px 20px 0px 20px; */
    margin: 0px 0px 0px 10px;
}

div.range .input-do {
    margin-left: 10px !important;
}

div.range label {
    padding-left: 0;
    width: 100%;
    text-align: left;
    position: relative;
    top: -3px;
    white-space: nowrap;
}


div.range input, .yb-kapacita input {
    width: 37px;
    height: 28px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 500;
    outline: none;
    margin: 0px !important;
    padding: 0px !important;
    position: relative;
    top: -4px;
    display: inline-block;
}

.yb-kapacita {
    margin-top: 5px;
    padding-left: 0px !important;
    text-align: left;
}

.yb-kapacita input {

    width: 37px;
}

.yb-kapacita input {
    vertical-align: middle;
}

.yb-kapacita label {
    margin-right: 7px;
}

.yb-kapacita button {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px !important;
    padding: 0px !important;
    vertical-align: middle;
    height: 28px;
    width: 28px;
    position: relative;
    top: -4px;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.yb-kapacita .noUi-handle:before, .yb-kapacita .noUi-handle:after {
    background: none;
}

.kap-controlls {
    display: inline-block;
    /*
    float:right;
    margin-right:38px;
    */
}

.najd-ub-wrap {
    text-align: right;
}

div.najd-ub {
    padding-right: 0;
}

div.najd-ub input {
    display: inline-block;

    margin: 10px 10px 10px 10px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    behavior: url(PIE.htc);
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f77c21), to(#e25225));
    background-image: -webkit-linear-gradient(top, #f77c21, #e25225);
    background-image: -moz-linear-gradient(top, #f77c21, #e25225);
    background-image: -o-linear-gradient(top, #f77c21, #e25225);
    background-image: linear-gradient(to bottom, #f77c21, #e25225);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f77c21, endColorstr=#e25225);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f77c21, endColorstr=#e25225)";
    font-family: 'Open Sans';
    font-size: 25px;
    font-weight: 400;
    padding: 5px 15px;
    border-top: 1px solid #ffa367;
    border-bottom: 1px solid #ac3c18;
    border-right: 0px;
    border-left: 0px;
    color: white;
}


#vynuluj {
    box-sizing: border-box;

    box-sizing: border-box;
    padding: 0px;
    line-height: 0px;
    position: absolute;
    top: 66px;
    right: 23px;
    display: none;
    background-color: #FFCB3B;
    border-radius: 20px;
    border: #EE8913 3px solid;

    font-size: 14px;

    padding: 3.5px;

    font-weight: bold;
    z-index: 9999;
    color: #EE8913;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.19);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.19);
    transition: opacity 0.5s;
}

#vynuluj:hover {
    text-decoration: none;
}


div.najd-ub input:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e25225), to(#f77c21));
    background-image: -webkit-linear-gradient(top, #e25225, #f77c21);
    background-image: -moz-linear-gradient(top, #e25225, #f77c21);
    background-image: -o-linear-gradient(top, #e25225, #f77c21);
    background-image: linear-gradient(to bottom, #e25225, #f77c21);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e25225, endColorstr=#f77c21);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e25225, endColorstr=#f77c21)";
}


div.first-box {
    margin-bottom: 15px;
}

/* TWITTER */

div.twitter {
    margin-right: 0px;

}

div.twitter span.icon-arr-right-double {
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    border: #428BCA 1px solid;
    padding: 0px 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    line-height: 18px;
    margin: 0px 2px;

}

div.text-box a:hover span {
    background-color: #428BCA;
    color: white !important;
    border-color: #428BCA;
}

div.twitter .text-box {
    padding-left: 15px !important;
    padding-bottom: 10px;
    margin: 0px;
    background: #f4f4f4 url(/assets/img/twitter-bg.gif) top right no-repeat;
    border-radius: 7px;
    line-height: 1.6;
}

div.twitter .text-box strong {
    color: #428BCA;
}

div.text-box h1, .listing h1 {
    font-family: 'Open Sans';
    font-size: 19px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #004d89;
}

div.text-box h2, .listing h2 {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;

}

div.text-box h3, .listing h3 {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;

}

.embed-listing h1 {
    margin-top: 25px;
}

div.text-box p {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
}

div.text-box a {
    color: #428BCA !important;
    display: inline;
}

div.text-box a:hover {
    text-decoration: none !important;
}


.twitter a {
    font-weight: bold;
}


div.twitter .text-box > div {
    margin: 5px 0px 5px 0px;
    padding: 0px;
    font-size: 14px;
}

.go-right {
    text-align: right;
}


div.banner {
    margin-top: 40px;
}

div.banner a img {
    padding-bottom: 20px;
    float: right;
}


div.odporucame-bg {
    margin-top: 10px;
    padding: 0px 0px 0px 15px;
}

div.odporucame-bg h2 a {
    font-weight: normal;
}

.tipy-kategorie-uvod {
    margin-top: 10px;
}

.tipy-na-vylet-kategorie {
    line-height: 1.5;
}

.tipy-na-vylet-kategorie a, .tipy-na-vylet-kategorie span {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
}


div.gradient-bg h1 {
    margin-top: 15px;
}

#odporucame-ub, #najnovsie-ub div.ubytovanie {
    padding-right: 16px;

    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#odporucame-ub, #najnovsie-ub div.tipy-na-vylet {
    padding-right: 16px;

    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.latest-orders h3 {
    color: #428BCA;
}

.latest-orders a {
    margin-bottom: 15px;
    display: block;
}

.latest-orders a b {
    display: block;
}

.latest-orders a span {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
}

td.valign-top {
    vertical-align: top;
}

/* UBYTOVANIE BOX */

div.ubytovanie {
    width: 100%;
    height: auto !important;
    position: relative;
}

div.ubytovanie-box-wrap {
    margin-top: 20px;
    padding: 0px 0px 0px 16px;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;

}

div.ubytovanie-box {
    max-width: 290px;
    width: 100%;
    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 30px;

}

.tip-na-vylet div.ubytovanie-box {
    background-color: white;
    padding-bottom: 10px;
}

div.ubytovanie-box a {
    display: block;
    width: auto;
    height: auto;

}

div.ubytovanie-box a img {
    display: block;
    width: 100%;

}

div.ubytovanie-box-cont {
    width: 100%;
    position: relative;
    top: 0px;
    padding: 15px 10px 5px 10px;
    transition: all 0.5s;
}

div.ubytovanie-box-cont span {
    font-family: 'Open Sans';
    font-size: 13.5px;
    font-weight: 700;
}

div.ubytovanie-box-cont p {
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 2px;

}

div.ubytovanie-price {
    width: 100%;
    height: auto;
    padding: 5px 0px 6px 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    text-align: center;
    /*
    padding: 4px 0 7px 20px;
    position: absolute
    bottom:0;
    */
}

div.ubytovanie-price p {
    padding: 0px;
}

.odporucame-bg h1 {
    margin-bottom: 0px !important;;
}


div.ubytovanie-price p {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}


div.ubytovanie-price p span.dom {
    display: inline-block;
    color: #fff;
    position: relative;
    top: 0;
    left: -2px;
    padding-left: 5px;
}

div.ubytovanie-price p span.dom:before {
    content: "\e601";
    position: relative;
}

div.ubytovanie-price p span.panacik {
    display: inline-block;
    color: #fff;
    position: relative;
    top: 0;
    left: -2px;
    padding-left: 5px;
}

div.ubytovanie-price p span.panacik:before {
    content: "\e608";
    position: relative;
}

div.gb-buttons {
    width: 100%;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */

    justify-content: space-between;

    margin-top: 10px;

}

.gb-btn-back {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    align-items: center;
    justify-content: center;
    font-size: 17px;
    margin-right: 15px;
}

a.zobrazit-odp {
    display: inline-block;
    min-height: 45px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    behavior: url(PIE.htc);
    border-top: 1px solid #fea062;
    border-bottom: 1px solid #ac3c18;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f67b21), to(#e25225));
    background-image: -webkit-linear-gradient(top, #f67b21, #e25225);
    background-image: -moz-linear-gradient(top, #f67b21, #e25225);
    background-image: -o-linear-gradient(top, #f67b21, #e25225);
    background-image: linear-gradient(to bottom, #f67b21, #e25225);
    position: relative;
    font-family: 'Open Sans';
    font-size: 17px;
    font-weight: 400;
    padding: 10px 15px 10px 15px;
    margin: 0px 0px;
}

.button-zapis-top a.zobrazit-odp {
    margin-left: 10px;
}

.button-zapis-top a {
    text-decoration: none !important;
}

.gb-buttons-centered a.zobrazit-odp {
    margin: 0px auto;
}

a.zobrazit-odp:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e25225), to(#f67b21));
    background-image: -webkit-linear-gradient(top, #e25225, #f67b21);
    background-image: -moz-linear-gradient(top, #e25225, #f67b21);
    background-image: -o-linear-gradient(top, #e25225, #f67b21);
    background-image: linear-gradient(to bottom, #e25225, #f67b21);
    text-decoration: none;
}


.btn-warning {
    border-top: 1px solid #fea062;
    border-bottom: 1px solid #ac3c18;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f67b21), to(#e25225));
    background-image: -webkit-linear-gradient(top, #f67b21, #e25225);
    background-image: -moz-linear-gradient(top, #f67b21, #e25225);
    background-image: -o-linear-gradient(top, #f67b21, #e25225);
    background-image: linear-gradient(to bottom, #f67b21, #e25225);
}

.btn-warning:hover {
    border-top: 1px solid #fea062;
    border-bottom: 1px solid #ac3c18;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e25225), to(#f67b21));
    background-image: -webkit-linear-gradient(top, #e25225, #f67b21);
    background-image: -moz-linear-gradient(top, #e25225, #f67b21);
    background-image: -o-linear-gradient(top, #e25225, #f67b21);
    background-image: linear-gradient(to bottom, #e25225, #f67b21);
}


.detail-buttons {
    display: inline-block;
    margin: 0px !important;
    vertical-align: top;
    float: right;
}

.detail-buttons button {
    height:29px !important;
    padding: 0px 7px 0px 24px !important;
}


.detail-buttons .bigger-text {
    font-size: 13px;
    vertical-align:top;
    line-height:23px !important;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
}
.detail-buttons .icon-euro:before {
    font-size: 19px !important;
    top: 5px !important;
    padding: 0px !important;
    line-height:18px !important;
    width: 28px !important;
}


/* KNIHA NAVSTEV */

div.kniha-navstev {
    margin-top: 35px;
}

div.kniha-navstev-wrap {
    border: 1px solid #cecece;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    behavior: url(PIE.htc);
}

div.kniha-navstev-wrap ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: inline-block;
}

div.kniha-navstev-wrap ul li {
    float: left;
    width: 25%;
    height: 45px;
    text-align: center;
    border-right: 1px solid #cecece;
}

div.kniha-navstev-wrap ul li:last-child {
    border-right: none;
}


div.kniha-navstev-wrap ul li a {
    display: block;
    padding: 10px 0;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 700;
}

div.kniha-navstev-cont, div.ub-nov, div.v-paci, div.fb {
    padding: 70px 15px 90px 15px;
}

div.kniha-navstev-cont a:hover, div.ub-nov a:hover, div.v-paci a:hover, div.fb a:hover {
    font-weight: 700;
    border-bottom: 2px solid #004d89;
}

div.testimonials {
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 7px;
    padding-top: 0px !important;
    margin-left: 0px;
}

div.testimonials h3 {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.owl-carousel > div p {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
}

.owl-carousel > div p span {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 700;

}

.owl-theme .owl-controls {
    position: relative;
    top: -5px;
    margin-top: 0px !important;
}

.owl-pagination {
    float: left !important;
}

.owl-theme .owl-controls .active > span {
    background: #05508b !important;
    width: 21px !important;
    height: 21px !important;
    position: relative;
    top: 3px;
}

a.viac-ohlasov {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 700;
    border-bottom: 2px solid #000;
    float: right;
}

.box-okraj {
    margin-top: 15px;
    border: #e4e4e4 1px solid;
    border-radius: 7px;
    margin-right: 0px;
    padding-bottom: 15px;
}

.box-top-margin {
    margin-top: 15px;
}


/* FOOTER */

div.footer {
    height: auto;
    margin-top: 20px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    behavior: url(PIE.htc);
}

div.footer hr {
    border-bottom: #2393f1 1px solid;
    border-top: #124e86 1px solid;
}

div.footer-top {
    padding: 20px 0;
    border-bottom: 1px solid #124e86;
}

div.footer-top ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-top: 20px;
    display: inline-block;
}

div.footer-top ul li {
    float: left;
    border-right: 1px solid #fff;
    height: 22px;
}

div.footer-top ul li:last-child {
    border-right: none;
}

div.footer-top ul li a {
    display: block;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 400;
    padding: 0 5px;
}


div.social {
    display: block;
    float: right;
}

div.social a {
    display: inline-block;
    width: 46px;
    height: 46px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#004b85), to(#013965));
    background-image: -webkit-linear-gradient(top, #004b85, #013965);
    background-image: -moz-linear-gradient(top, #004b85, #013965);
    background-image: -o-linear-gradient(top, #004b85, #013965);
    background-image: linear-gradient(to bottom, #004b85, #013965);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#004b85, endColorstr=#013965);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#004b85, endColorstr=#013965)";
    border-top: 1px solid #437ca8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    behavior: url(PIE.htc);
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    padding-top: 8px;
}

div.social a:last-child {
    margin-right: 0;
}

div.social a:hover {
    text-decoration: none;
}

div.social a span {
    color: #ffffff !important;
    font-size: 20px;
    line-height: 30px;
    pointer-events: none;
}


div.social a:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0094e3), to(#006fd9));
    background-image: -webkit-linear-gradient(top, #0094e3, #006fd9);
    background-image: -moz-linear-gradient(top, #0094e3, #006fd9);
    background-image: -o-linear-gradient(top, #0094e3, #006fd9);
    background-image: linear-gradient(to bottom, #0094e3, #006fd9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0094e3, endColorstr=#006fd9);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#0094e3, endColorstr=#006fd9)";
    border-top: 1px solid #00b2ec;
}

div.footer-bottom {
    border-top: 1px solid #2393f1;
    padding: 40px 0 30px 0;
    text-align: center;
}

div.footer-bottom p {
    font-family: 'Open Sans';
    font-size: 12.5px;
    font-weight: 400;
}

div.footer-bottom p a {
    font-weight: 700;
}

div.footer-bottom p a:hover {
    border-bottom: 2px solid #fff;
}

div.footer-bottom ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    margin: 0 auto;
    margin-top: 20px;
}

div.footer-bottom ul li {
    float: left;
    border-right: 1px solid #fff;
    height: 20px;
    display: block;
}

div.footer-bottom ul li a {
    display: block;
    padding: 0 5px;
}

div.footer-bottom ul li a:hover {
    text-decoration: underline;
}

div.footer-bottom ul li:first-child {
    border-right: none;
}

div.footer-bottom ul li:last-child {
    border-right: none;
}

#reklamne-buttony {
    color: #d0d0d0;
    font-size: 16px;
}

#reklamne-buttony a {
    color: white;
    font-size: 16px;
}

/* ==================================
   ==================================
   ============= DETAIL ============= */
.social-buttons-wrap {
    clear: both;
}

.social-buttons-wrap .zdielajte {
    border: 1px solid #cecece;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 15px 15px 10px 15px;
    position: relative;
    left: -2px;
    transition: all 0.5s;
}

.social-buttons-wrap .zdielajte .iframe-wrap {
    transition: all 0.5s;
    height: 0px;
    overflow: hidden;
}

.social-buttons-wrap .zdielajte:hover .iframe-wrap {
    height: 81px;
}

.social-buttons-wrap .zdielajte:hover .soc-short-url {
    border-bottom: #e0e0e0 1px solid;
}

.social-buttons-wrap .soc-short-url a {
    color:black;
    border: none !important;
    margin: 10px 0px 0px 0px;
}

.soc-default {
    margin-top: 15px;
    margin-bottom: 10px;
}

.soc-standard {
    margin-bottom: 15px;
}

.soc-standard .zdielajte {
    margin-top: 0px;
}

.soc-vyradene .zdielajte {
    margin-top: 5px;
    margin-bottom: 10px;
}

.soc-short-url {
    border-top: #e0e0e0 1px solid;
    margin-top: 7px;
    padding-top: 7px;
    border-bottom: #e0e0e0 0px solid;
}

div.rezervacia {
    position: relative !important;
    top: 0px;
    left: 0px;
    z-index: 100 !important;
}

div.rezervacia div.rez-cont {
    padding-top: 25px;
    padding-bottom: 20px;
}

.rezervacny-blok {
    padding-left: 0px;
    padding-top: 0px;
}


.formcss input.sub-form {
    margin-top: 10px !important;
}

div.rezervacia ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

div.rezervacia ul li {
    width: 25%;
    height: 48px;
    float: left;
    text-align: center;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}

div.rezervacia ul li:last-child {
    border-right: none;
}

div.rezervacia ul li a, div.rezervacia ul li div {
    display: block;
    height: 100%;
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 700;
    line-height: 45px;
    color: white;
    text-decoration: none;
}

div.rezervacia ul li a:hover {
    background-color: darkorange;
}

div.rezervacia ul li span {
    vertical-align: top;
    line-height: 45px;
    margin-right: 5px;
    pointer-events: none;
}

div.rezervacia .icon-calendar2 {
    font-size: 24px;
}

div.rezervacia .icon-phone {
    font-size: 23px;
}

div.rezervacia .icon-send-mail {
    font-size: 22px;
}

div.rezervacia .icon-calendar2-plus {
    font-size: 24px;
}

.rez-active {

    border-bottom: none !important;
}

.mg_switcher_outer {
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}

.minigallery_switcher {
    /*position: relative;
    display: flex;
    align-items: start;
    justify-content: left;
    column-gap: 5px;
    overflow-x: auto;
    flex-direction: row;
    overflow-x: auto;
    margin-bottom: 15px;*/
}

.minigallery_switcher a {
    border: 1px solid #fff;
    display: block;
    padding: 5px;
    height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
}

.minigallery_switcher a:hover, .minigallery_switcher a:active {
    text-decoration: none;
}

.minigallery_switcher a.active {
    font-weight: bold;
    border-color: #ccc;
    text-decoration: none;
}

.minigallery_switcher>div {
    display: block;
    width: 150px !important;
    height: 142px;
    height: calc(100px + 3em);
}

.minigallery_switcher a .thumb {
    display: block;
    height: 90px;
    width: 135px;
    margin-bottom: 5px;
    overflow: hidden;
}

.minigallery_switcher a .thumb img {
    width: 100%;
    height: auto;
}

#galrow {
    margin-top: 20px;
    position: relative;
    top: 0px;
    left: 0px;

}

#galswitch {
    float: left;
    overflow: hidden;
    height: 50px;
    position: relative;
    z-index: 10;
    top: 1px;
}

#galswitch a {
    border: #cecece 1px solid;
    display: inline-block;
    padding: 10px 15px 20px 15px;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    display: inline-block;
    font-family: 'Open Sans';
    font-size: 12.5px;
    font-weight: 400;
    margin-left: 10px;
    margin: 10px 0 20px 10px;

}

#galswitch a.selected {
    background-color: white;
}

#nalepky {
    /*
    position:absolute;
    right:0px;
    bottom:0px;
    */
    float: right;
}


#nalepky span.nalepky, #nalepky a.nalepky {
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    margin-left: 8px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 18px;
    color: white !important;
}

span.nalepky:first-of-type {
    margin-left: 0;
}


/* gallery css */

div.item-detail h1 {
    font-family: 'Open Sans';
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 5px;
    width: 58%;

}

div.item-detail p.ch4 {
    margin: 0 0 5px 0 !important;
    line-height: 1.3;
}

div.item-detail h1 a {
    color: #004d89;
}

div.item-detail h2 {
    font-family: 'Open Sans';
    font-size: 17px;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
}

div.reg-vyradene h2 {
    margin-bottom: 5px;
}

.reg-vyradene #galrow {
    display: none;
}

div.reg-vyradene .detail-galeria, div.reg-vyradene .detail-popis {
    width: auto;
}

.detail-popis h4 {
    margin-top: -2px !important;
    font-size: 14.5px !important;
    font-weight: 400;
}

div.reg-vyradene div.galeria {
    margin-top: 10px;
    display: inline-block;
}

div.galeria {
    height: auto;
    padding: 10px;
    border: 1px solid #cecece;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;

    background-color: white;
    position: relative;
    z-index: 1;

}

.swip2 {

    height: 400px;
}

.swip2 .swiper-slide {
    background: white;
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 0px 0px;
    color: #FFFFFF;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;

    text-align: center;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;

}

.swiper-slide {
    width: auto !important;
    background-size: cover;
    background-position: center;
}

.swip1 {
    padding: 10px 0 !important;
}

.swip1 .swiper-slide {
    height: 100%;
    opacity: 0.5;
}

.swip1 .swiper-slide-thumb-active {
    opacity: 1;
}

.swip1 .swiper-slide img {
    display: block;
    width: auto;
    height: 70px;
}

.swip2 .swiper-slide img {
    display: block;
    width: auto;
    height: 400px;
}

.swiper-slide img {
    z-index: 1;
    position: relative;
}

#embedded-gallery .swip2 .swiper-slide {
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 0px 0px;
}

#embedded-gallery .swip2 .owl-prev {
    left: 30px;
}


/*
.swiper-slide h2 {
    position: absolute;
    z-index: 2;
    bottom: 10px;
    padding: 10px 10px;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.2);
    color: white !important;
    font-weight: normal;
}
*/

.swip1 .swiper-slide {
    cursor: pointer;
}

@media screen and (max-width: 599px) {
    div#home h1 {
        margin: -15px 0px 0px 0px !important;
    }
}

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

    .reg-standard div.galeria, .reg-basic div.galeria {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 0px;
        padding-right: 0px;
        border: none;
        background: none;
    }

    .reg-standard div.galeria .swiper-slide, .reg-basic div.galeria .swiper-slide {
        border-radius: 0 !important;
    }

    .swip2 {
        height: 210px;
    }

    .swip2 .swiper-slide img {
        height: 210px;
    }

    .swip1 {
        height: 60px;
    }
    .swip1 .swiper-slide img {
        height: 60px;
    }

}

@media screen and (max-width: 499px) {
    .panorama-galeria dl {
        width: 49% !important;
    }
}

@media screen and (max-width: 490px) {
    #pridat-ubytovanie-mb {
        right: 52px !important;
    }


}

@media screen and (max-width: 389px) {
    #pridat-ubytovanie-mb .icon-mplus {
        color: white !important;
    }
    #pu-mb-label {
        display: none !important;
    }
}

/* end gallery css */

/* panorama css */
div.pano-galeria {
    padding-bottom: 0px;
}

.panorama-galeria a {

    display: inline-block;
    font-family: 'Open Sans';
    font-size: 12.5px;
    font-weight: 400;
    margin-left: 10px;
    margin: 10px 0 10px 10px;
}

.panorama-galeria {
    padding-bottom: 15px;
}

.panorama-galeria img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.panorama-galeria dl {
    margin: 0px 0px 0px 0px !important;
    padding: 0px !important;
    display: inline-block !important;
    width: 32%;
    text-align: center !important;
    vertical-align: top !important;
}

.panorama-akcia .panorama-galeria dl {
    width: 16% !important;
}

.panorama-akcia div.panorama-galeria a {
    margin-bottom: 5px !important;
}

.panorama-akcia div.panorama-galeria dl dd {

    font-size: 12px;
}

.panorama-akcia > dl > dt {
    display: none !important;
}


.panorama-galeria dl dt {
    margin: 0px !important;
    padding: 0px !important;
    float: none !important;
}

.panorama-galeria dl dd {
    margin: 0px !important;
    padding: 0px !important;
    text-align: center !important;
    float: none !important;
}


p.small-text {
    margin-top: 5px;
    font-size: 13px !important;
    line-height: 16px !important;
    background-color: #F77C21;
    color: white !important;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.phones strong {
    display: inline-block;
    white-space: nowrap;
}

.skype-content {
    display: inline-block;
}

.detail-popis a {
    text-decoration: underline;
}

.detail-tip-popis h2 {
    font-size: 20px;
    font-weight: bold;
    color: #004d89;
}

.detail-tip-popis .zdielajte {
    margin-top: 0px;
    width: auto;
}

#odporucame-form .row {

    margin-bottom: 10px !important;
}

#odporucame-form label {
    padding-top: 5px;
}

#odporucame-form textarea {
    height: 120px;
}

/* rozbalovacie info v detaile */
@media screen {
    .drop-cont {
        display: none;
    }
}

.zbalit {
    display: none;
}

.zbalit b, .rozbalit b {
    font-size: 32px;
    position: absolute;
    right: 15px;
    top: 0px;
    display: block;
    line-height: 65px;
    color: black;
}

#owl-galeria {
    margin-top: 7px;
}

#owl-galeria .owl-controls {
    margin-top: 0 !important;
}

#owl-galeria div {
    cursor: pointer;
}

.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -15px;
    top: 50%;
    background-color: #0081d1;
    opacity: 0.8;
    border: 5px solid #fff;
    padding: 4px 6px;
    margin-top: -15px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev i {
    width: 8px;
    height: 10px;
    background: url(../img/left-arrow.png);
    display: block;
}


.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -15px;
    top: 50%;
    background-color: #0081d1;
    opacity: 0.8;
    border: 5px solid #fff;
    padding: 10px;
    padding: 4px 6px;
    margin-top: -15px;
}

.owl-theme .owl-controls .owl-buttons .owl-next i {
    width: 8px;
    height: 10px;
    background: url(../img/right-arrow.png);
    display: block;
}

div.detail-popis {
    margin-top: 15px;
}


div.detail-popis p, .detail-tip-popis p {
    font-family: 'Open Sans';
    font-size: 14.5px;
    font-weight: 400;
}

div.rez {
    width: 100%;
    float: left;
    margin: 10px 0 10px 0;
    border-top: 1px solid #C8E7FF;
    border-bottom: 1px solid #C8E7FF;
    padding: 10px 0;

}

.detail-popis div.listing .vyr {
    width: auto !important;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0px auto;
}

div.detail-popis p a:hover {
    text-decoration: underline !important;
}

div.rez a {
    display: block;
    width: 263px;
    height: 45px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 400;
    padding-top: 9px;
    margin: 0 auto;
    text-decoration: none;
}

div.vybavenost {
    position: relative;
    left: 0px;
    right: -30px;
    margin: 0px -10px 10px 0px;
}

div.vybavenost h3 {
    font-family: 'Open Sans';
    font-size: 17px;
    font-weight: 700;
    margin-top: 0px;
}

div.vybavenost div.ico {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-right: 5px;
    margin-top: 5px;
    color: white;
    background-color: #428BCA;
    position: relative;
    top: 0px;
    left: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    line-height: 0px;
    overflow: hidden;
}

div.vybavenost div.ico div {
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    width: 70px;
}

div.vybavenost div span {
    position: relative;
    top: -2px;
    line-height: 35px;
    font-size: 28px;
    display: inline-block;
    padding: 0px;
    margin: 0px;

}

div.vybavenost div:hover span {
    font-size: 30px;
    display: inline-block;

    padding: 0px;
    margin: 0px;
}

div.vybavenost div p {
    margin: 0px 0px 0px 0px;
    font-size: 10px !important;
    line-height: 1.1;
    padding-left: 5px;
    padding-right: 5px;
}

/*
div.vybavenost span:before {
    font-size:22px;
    text-align:center;
    position:absolute;;
    left:4px;
    top:4px;
}

div.vybavenost span:hover:before {
    font-size:28px;
    text-align:center;
    position:absolute;;
    left:2px;
    top:2px;
}
*/


div.zdielajte {
    width: 100%;
    float: left;
    margin-top: 25px;
}

div.zdielajte h3 {
    margin-top: 0;
    font-family: 'Open Sans';
    font-size: 17px;
    font-weight: 700;
    color: #004D8C;
}

div.zdielajte a {
    display: inline-block;
    background-color: white;
    margin-left: 7px;
    text-align: right;
    padding: 0px 0px 0px 0px;
    font-family: 'Open Sans';
    color: #004d89;
    border: #f0f0f0 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

div.zdielajte a span {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

div.zdielajte a.share-review {
    margin-left: 0px;
}

div.zdielajte a span.count {
    padding: 0px 7px;
}

div.zdielajte a.sher [class^="icon-"],
div.zdielajte a.sher [class*=" icon-"] {
    color: white;
    font-size: 20px;
    padding: 7px;
    background-color: #c0c0c0;
}

div.zdielajte a.share-fb span.icon-facebook {
    background-color: #3b5998;
}

div.zdielajte a.share-messenger span.icon-messenger {
    background: linear-gradient(
            45deg,
            #0695FF,
            #A334FA,
            #FF6968
    );
}

@media (min-width: 1024px) {
    div.zdielajte a.share-messenger {
        display: none;
    }
}

div.zdielajte a.share-wp span.icon-whatsapp {
    background-color: #25D366;
}

div.zdielajte a.share-twitter span.icon-twitter {
    background-color: #00aced;
}

div.zdielajte a.share-gplus {
    width: 36px;
}

div.zdielajte a.share-gplus span.icon-g-plus {
    background-color: #dd4b39;
}

div.zdielajte a.share-gplus span.icon-g-plus:before {
    position: relative;
    left: -5px;
}

/*
share-bookmark
share-print
share-reccomend
share-review"
    */

div.zdielajte a.share-bookmark span.icon-heart {
    background-color: red;
}

div.zdielajte a.share-print span.icon-printer-tool {
    background-color: #808080;
}

div.zdielajte a.share-reccomend span.icon-share-symbol {
    background-color: #F77C21;
}

div.zdielajte a.share-reccomend span.icon-share-symbol:before {
    position: relative;
    left: 2px;
    top: -1px;
}

div.zdielajte a.share-review span.icon-star-half {
    background-color: #ffbb2b;
}

div.zdielajte a.share-review span {
    pointer-events: none;
}

div.drop {
    width: 100%;
    height: auto;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
    background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
    background-image: linear-gradient(to bottom, #ffffff, #f0f0f0);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f0f0f0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#f0f0f0)";
    margin-top: 15px !important;
    border: 1px solid #ced4d9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    behavior: url(PIE.htc);
    cursor: pointer;
    padding: 25px 50px 20px 15px;
    position: relative;
    overflow: hidden;
}

div.drop h3 span {
    vertical-align: middle;
}

div.drop h3 span.total-entries {
    line-height: 2;
    position: relative;
    display: inline-block;
    font-size: 11px !important;
    background-color: #004d89;
    color: white;
    min-width: 25px;
    text-align: center;
    padding: 1px 0px 1px 0px;
    -moz-border-radius: 100%; /* Firefox */
    -webkit-border-radius: 100%; /* Safari, Chrome */
    border-radius: 100%; /* CSS3 */

}

div.drop:hover {
    width: 100%;
    height: auto;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #ffffff);
    background-image: -moz-linear-gradient(top, #f0f0f0, #ffffff);
    background-image: -o-linear-gradient(top, #f0f0f0, #ffffff);
    background-image: linear-gradient(to bottom, #f0f0f0, #ffffff);
}


div.drop h3 {
    font-family: 'Open Sans';
    font-size: 19px;
    font-weight: 700;
    margin: 0;
}

div.drop p {
    font-family: 'Open Sans';
    font-size: 14.5px;
    font-weight: 700;
    margin: 0;
}

div.drop b span {
    margin-right: 10px;
    font-size: 19px;
    line-height: 0px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

span.info:before {
    content: "\e8c7";
}

div.drop-cont {
    width: 100%;
    height: auto;
    position: relative;
    top: -2px;
    padding: 20px 20px;
    border-left: 1px solid #ced4d9;
    border-right: 1px solid #ced4d9;
    border-bottom: 1px solid #ced4d9;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden;
}

div.drop-cont p {
    font-family: 'Open Sans';
    font-size: 17px;
    font-weight: 400;
}


.google-maps {
    position: relative;
    overflow: hidden;
    width: 100%; height: 350px;
    border: 1px solid black;
}

div.drop-cont h4 {
    margin-left: -2px;
    font-weight: bold;
    color: #428bca;
    margin-top: 15px;
    margin-bottom: 10px;
}

div.drop-cont h5 {
    font-size: 16px;
    font-weight: bold;
    color: #004d89;
    margin-top: 10px;
    margin-bottom: 10px;
}

.no-top-margin {
    margin-top: 0px !important;
}

.add-top-margin {
    margin-top: 15px !important;
}

.head-row {
    background-color: #f0f0f0;
    border-bottom: #e0e0e0 1px solid;
    font-size: 1em;
    color: #004d89;
    padding: 5px 0px;
    margin-bottom: 5px;
}


.gb-separed {
    border-bottom: #e0e0e0 1px solid;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1px;
}


.gb-autor {
    font-weight: bold;
    color: #428bca;
}

.gb-date {
    color: #000000;
    float: right;
}

.gb-termin {
    color: #f77c21;
}

.guestbook-content {
    padding: 0px 20px 0px 20px;
    font-size: 1.2em;
}

.drop-cont .entry-block {

    border-top: #e0e0e0 1px solid;
    padding-top: 10px;
}

.drop-cont .first-entry {
    border: none !important;
    padding-top: 0px;
}

.guestbook-content .entry-block {
    border: #c0c0c0 1px solid;
    padding: 15px;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    margin-top: 15px;

}

.pridat-gb-for-ubytovanie {
    width: 100%;
    text-align: center;
}

.pridat-gb-for-ubytovanie button {
    margin: 24px auto 0px auto;
}


.rating-block {
    text-align: left;
}

.rating-block .rating {
    display: inline-block;
    margin: 5px 20px 10px 0px;
    text-align: center;
}

.rating-block .rating span {
    font-size: 21px;
    color: #f77c21;
}

.rating-block .rating-label {
    font-size: 12px;
    margin-top: 5px;
    color: #303030;
}

.general-kniha-buttons {
    margin-top: 10px;
}

.gb-pridat-zapis {
    margin-right: 15px;
}


.guestbook-note {
    color: #428bca;
}

.guestbook-content nav {
    text-align: center;
}

/*guestbook latest*/
#gbl-table {
    width: 100%;
}

.gbl-row td {
    vertical-align: middle;
}

.gbl-alias-row td {
    vertical-align: top;
    position: relative;
    top: -3px;
    left: 0px;
}

.gbl-date {
    font-size: 12px;
    text-align: center;
    padding: 0px 3px;
}

.gbl-link {
    font-size: 12px;
}

.gbl-link a {
    text-decoration: none;
}

.gbl-link a span.showdate {
    color: black;
    display: inline-block;
    background-color: #808080;
    color: white;
}

.gbl-pocet {
    text-align: right;
}

.gbl-pocet span {
    position: relative;
    left: 0px;
    top: 0px;
    background-color: #428BCA;
    border-radius: 11px;
    color: white;
    text-align: center;
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    font-size: 11px;
}

.gbl-alias {
    font-size: 11px;
}

.gbl-lm-separator hr {
    margin: 10px 0px !important;
}

/* ohlasy */

.ohlas-archive {
    background-color: #f0f0f0;
    color: rgba(0, 0, 0, 0.5);
}

.ohlas-archive img {
    opacity: 0.5;
}

.ohlas-archive:hover {
    color: rgba(0, 0, 0, 1);
}

.ohlas-archive:hover img, .ohlas-archive:hover a {
    opacity: 1;
}

#text-content {
    padding: 0px 20px 0px 20px;
}

#text-content h1 {
    margin-top: 20px;
    width: 51%;
}

.text-page #text-content h1 {
    width: auto;
}

.standard-stats .stat-block {
    background-color: #f0f0f0;
    padding: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
}

.standard-stats .stat-block h2 {
    margin-top: 0px;
}

.standard-stats .stat-data {
    float: left;
    width: 30%;
}

.standard-stats .legenda {
    float: left;
    width: 69%;
}

.standard-stats .legenda ul {
    padding-left: 15px !important;
}


/*ohlasy*/
.ohlasy-wrap {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;

    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}

.ohlasy-no-columns {
    column-count: 1 !important;
}

.ohlasy-wrap .ohlas {
    position: relative;
    padding: 10px;
    border: #e0e0e0 1px solid;
    margin-bottom: 30px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    display: block;
    page-break-inside: avoid;
}

.ohlasy-wrap .ohlas .label {
    top: 15px;
    left: 15px;
    padding: 5px;
    z-index: 2;
}

.ohlasy-wrap .ohlas img {
    margin-bottom: 10px;
}

/*lm on map*/
.elem-wrap {
    margin-top: 20px;
}

.dva-stlpce {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;

    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 20px;
}

.dva-stlpce dt {
    margin-bottom: 58px;
}

.elem-wrap .akcia {
    padding: 10px;
    border: #e0e0e0 1px solid;
    margin-bottom: 20px;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;

    position: relative;
    top: 0px;
    left: 0px;

}

.elem-wrap dd {
    overflow: hidden;
}

.elem-wrap .akcia dt {
    float: left;
    padding-right: 20px;
}

.elem-wrap .akcia dl {
    margin: 0px;
    width: 100%;
    vertical-align: top;
    display: inline-block;

}

.elem-wrap .akcia {
    page-break-inside: avoid;
    /* bugs
    display: inline-table;
    width:100%;
    */
}

.elem-wrap .akcia:after {
    content: "";
    display: table;
    clear: both;
}

.elem-wrap h2.marked {
    font-size: 18px;
    line-height: 1.2;
    margin-top: 0px;
}

.elem-wrap dl h2 {
    margin: 0px 0px 0px 0px;
}

.elem-wrap dl h3 {
    margin: 5px 0px 10px 0px;
    font-size: 16px;
    font-weight: normal;
}

/* fix gap for position absolute */
.elem-wrap .dd-buttons {
    min-height: 60px;
}

/* put to bottom right using position absolute */
.elem-wrap div.buttons {
    text-align: right;
    margin: 10px 0px 0px 0px;
    padding-top: 10px;
    position: absolute;
    bottom: 10px;
    right: 10px;

}

.elem-wrap div.buttons .pull-left {
    float: none !important;
}

.elem-wrap div.buttons .na-mape {
    font-size: 17px;
}

@media (min-width: 650px) and (max-width: 1199px) {

    .dva-stlpce dt {
        width: 200px;
        display: block;
    }

}

@media (max-width: 899px) {

    .dva-stlpce dd.dd-buttons {
        float: none;
        clear: both;
        width: 100%;
    }

    .dva-stlpce .akcia dt {
        float: none;
        margin-bottom: 10px;
        padding-right: 0px;
    }

    .dva-stlpce dd {
        display: block !important;
        float: none !important;
        width: 100%;
    }

    .dva-stlpce div.buttons {
        text-align: center;
    }

    .dva-stlpce div.buttons .rezervovat {
        margin: 0px 0px 5px 0px;
    }

    .dva-stlpce div.buttons .info-buttons {
        position: absolute !important;
        right: 10px;
        top: 10px;
        max-width: 40px;
        padding: 0px;
        text-align: right;
    }

    .dva-stlpce div.buttons .info-buttons button {
        padding: 0px !important;
        height: 30px !important;
        width: 30px !important;
        min-width: 30px !important;

        overflow: hidden !important;
        margin-right: 0px;
        margin-left: 0px;
    }

    .dva-stlpce div.buttons .info-buttons button span:before {
        font-size: 20px !important;
        width: 30px !important;
        line-height: 16px !important;
    }

    .dva-stlpce div.buttons .info-buttons button {
        margin-bottom: 10px !important;
    }

    .dva-stlpce div.buttons {
        position: static !important;
        width: 100%;
    }


}

@media (max-width: 899px) {
    .dva-stlpce div.buttons .info-buttons {
        position: absolute !important;
        right: 10px;
        top: 10px;
        max-width: 40px;
        padding: 0px;
        text-align: right;
    }

    .dva-stlpce div.buttons .info-buttons button {
        padding: 0px !important;
        height: 30px !important;
        width: 30px !important;
        min-width: 30px !important;

        overflow: hidden !important;
        margin-right: 0px;
        margin-left: 0px;
    }

    .dva-stlpce div.buttons .info-buttons button span:before {
        font-size: 20px !important;
        width: 30px !important;
        line-height: 16px !important;
    }

    .dva-stlpce div.buttons .info-buttons button {
        margin-bottom: 10px !important;
    }

    .dva-stlpce div.buttons {
        position: static !important;
        width: 100%;
    }

}

@media (max-width: 767px) {
    dd.dd-buttons {
        float: none;
        clear: both;
        width: 100%;
    }

    .elem-wrap img {
        margin-bottom: 10px;
    }

    div.gb-buttons a {
        font-size: 13px;
        min-height: auto;
    }

    div.gb-buttons a.rez-btn-left {
        margin-right: 20px;
    }


}

@media (max-width: 649px) {

    .button-zapis-top a.zobrazit-odp {
        margin: 15px 10px 0px 0px;
        display: block;
        font-size:16px;
        line-height: 23px;
    }

    .dva-stlpce div.buttons .info-buttons {
        right: 20px;
        top: 20px;
    }

    .elem-wrap dt {
        width: 200px;
        display: block;
    }

    .dva-stlpce dt {
        width: 100%;
        display: block;
    }

}


@media (min-width: 480px) {
    .elem-wrap div.buttons .rezervovat {
        display: inline-block;
    }

    .elem-wrap div.buttons .info-buttons {
        display: inline-block;
    }

    .elem-wrap div.buttons .info-buttons button {
        margin-bottom: 0px;
    }
}

@media (max-width: 479px) {

    div.drop span.rzbl {
        display: none !important;
    }

    div.drop b span {
        display: block;
    }

    .elem-wrap .akcia dt {
        float: none;
        padding-right: 0px;
        width: 100%;
    }


    .elem-wrap dd {
        display: block !important;
        float: none !important;
        width: 100%;
    }

    .elem-wrap div.buttons {
        text-align: center;
    }

    .elem-wrap div.buttons .rezervovat {
        margin: 0px 0px 5px 0px;
    }

    .elem-wrap div.buttons .info-buttons button {
        margin-bottom: 10px;
    }

    .dva-stlpce {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }


    .elem-wrap div.buttons .info-buttons {
        position: absolute !important;
        right: 20px;
        top: 20px;
        max-width: 40px;
        padding: 0px;
        text-align: right;
    }

    .elem-wrap div.buttons .info-buttons button {
        padding: 0px !important;
        height: 30px !important;
        width: 30px !important;
        min-width: 30px !important;

        overflow: hidden !important;
        margin-right: 0px;
        margin-left: 0px;
    }

    .elem-wrap div.buttons .info-buttons button span:before {
        font-size: 20px !important;
        width: 30px !important;
        line-height: 16px !important;
    }

    .elem-wrap div.buttons .info-buttons button {
        margin-bottom: 10px !important;
    }

    .elem-wrap div.buttons {
        position: static !important;
        width: 100%;
    }

    .text-page #container h1 {
        font-size: 21px !important;
        line-height: 25px;
    }

    h1 {
        margin-bottom: 16px !important;
        margin-top: 0px !important;
    }

    .text-page #container h3 {
        font-size: 18px !important;
        line-height: 22px;
        font-weight: normal;
    }

    .text-page #container h3 {
        font-size: 16px !important;
        line-height: 20px;
        font-weight: normal;
    }

    .text-page #container .ohlasy-wrap .ohlas {
        font-size: 14px;
        line-height: 18px;
    }

}


.row-separed {
    border-bottom: #e0e0e0 1px solid;
    padding-top: 5px;
    padding-bottom: 5px;
}

.lm-separed {
    border-bottom: #e0e0e0 1px solid;
    padding-top: 0px;
    margin-bottom: 15px;
}

.lm-date, .lm-price {
    font-size: 16px;
    color: #428bca;
}

div.ubytovanie-cennik {
    padding-top: 5px;
}

.price-note {
    display: block;
    color: #808080;
    line-height: 1.5;
    font-size: 16px;
}

.price-note-cennik {
    display: block;
    color: #808080;
    line-height: 1.5;
    font-size: 14px;
}

p.blue {
    color: #004d89;
    margin: 30px 0;
}

p.cena {
    padding: 25px 0 0 25px;
}

span.lokalita:before {
    content: "\e855";
}

span.kapacita:before {
    content: "\e851";
}

span.cennik:before {
    content: "\e600";
}

span.aktivity:before {
    content: "\e60a";
}

span.last-m:before {
    content: "\e606";
}

span.kniha:before {
    content: "\e603";
}

span.kontakt:before {
    content: "\e60f";
}

div.formcss {
    height: auto;
    margin-top: 40px;
    padding-bottom: 5px;
}

div.formcss ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

div.formcss ul li {
    width: 25%;
    height: 45px;
    float: left;
    text-align: center;
    border-bottom: 1px solid #5fb0e6;
    border-right: 1px solid #5fb0e6;
}

div.formcss ul li:last-child {
    border-right: none;
}

div.formcss ul li a {
    display: block;
    height: 100%;
    font-family: 'Open Sans';
    font-size: 14.5px;
    font-weight: 700;
    padding-top: 10px;
}

div.formcss input {
    width: 100%;
    height: 45px;
    margin-top: 15px;
    border: 1px solid #deded8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 15px 15px 11px 20px;
    font-family: 'Open Sans';
    font-size: 14.5px;
    font-weight: 400;
}

div.formcss textarea {
    width: 100%;
    height: 90px;
    margin-top: 15px;
    border: 1px solid #deded8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding-top: 15px;
    padding-left: 20px;
    font-family: 'Open Sans';
    font-size: 14.5px;
    font-weight: 400;
}

form#odporucanie label {
    color: #F77C21;
}


.formcss textarea#odp-sprava {
    margin-top: 0px !important;
    height: 150px !important;
    font-size: 13px;
}

div.formcss input[type="button"] {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f67b21), to(#e25225));
    background-image: -webkit-linear-gradient(top, #f67b21, #e25225);
    background-image: -moz-linear-gradient(top, #f67b21, #e25225);
    background-image: -o-linear-gradient(top, #f67b21, #e25225);
    background-image: linear-gradient(to bottom, #f67b21, #e25225);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f67b21, endColorstr=#e25225);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f67b21, endColorstr=#e25225)";
    border: none;
    padding: 0;
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 400;
    border-top: 1px solid #fea062;
    border-bottom: 1px solid #ac3c18;
}

div.formcss input[type="button"]:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e25225), to(#f67b21));
    background-image: -webkit-linear-gradient(top, #e25225, #f67b21);
    background-image: -moz-linear-gradient(top, #e25225, #f67b21);
    background-image: -o-linear-gradient(top, #e25225, #f67b21);
    background-image: linear-gradient(to bottom, #f67b21, #f67b21);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e25225, endColorstr=#f67b21);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e25225, endColorstr=#f67b21)";
}


.mfp-content {
    max-width: 800px;

}


.mfp-wrap div {
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
}

.formcss {
    margin-top: 0px !important;
}

div.rez-cont {
    padding: 10px 5px;
}

.formcss label {
    color: white;
    padding: 0px 0px 5px 0px;
    margin: 5px 0px 0px 0px;
    display: block;
}

.formcss input, .formcss textarea {
    margin: 0px !important;
    display: block;
    padding: 5px 10px !important;
}

.formcss input[type="text"],
.formcss input[type="tel"],
.formcss input[type="email"],
.formcss input[type="number"] {
    height: 45px;
}


.formcss textarea {

    margin: 20px 0px 10px 0px !important;;
}


.block-inline {
    display: inline-block;

    padding: 0px;
}

.block-inline-first {
    padding: 0px;
}

#label-text {
    display: none;
}

.formcss input#fr-osoby {
    width: 100%;
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-align: center;

}


#label-pocet-osob:after {
    content: "\e851";
}

#label-pocet-osob span {
    display: inline-block;
    margin-right: 6px;
}

.formcss input#fr-pobyt-od {
    text-align: left;
}

.formcss input#fr-pobyt-do {
    text-align: left;
}

.pobyt span {
    pointer-events: none;
}

#rezervacia input:focus, #rezervacia textarea:focus {
    border: #F77C21 1px solid;
}


div.pobyt {
    position: relative;
}

div.pobyt span {
    position: absolute;
    bottom: 3px;
    right: 6px;
}

div.pobyt span:before {
    content: "\e607";
    font-size: 19px;
    color: #F77C21;
}

input.datepicker {
    cursor: pointer;
}


div.rez-pobyt h1 {
    font-family: 'Open Sans';
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 25px;
}

div.rez-pobyt p {
    font-family: 'Open Sans';
    font-size: 14.5px;
    font-weight: 400;
}

div.ubytovanie-cont h3 {
    text-align: center;
    margin: 0;
    font-family: 'Open Sans';
    font-size: 14.5px;
    font-weight: 700;
    padding-bottom: 30px;
}

div.rez-cont {
    overflow: hidden;
    padding: 15px;
}


/* ===============================
   ===============================
   ======= VYPIS HLADANIA ========= */

/*
span.hladat-na-mape {
    width:220px;
    height: 50px;
    text-align: center;
    display: block;
    font-family: 'Open Sans';
    font-size: 19px;
    font-weight: 700;
    border:1px solid #d1d1d1;
    border-bottom: none;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    margin-top: 18px;
    padding-top: 10px;
    position: relative;
    top:1px;
}

div.google-map {
    padding: 15px;
    border:1px solid #d1d1d1;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-top:20px;
}

div#googleMap {
    width: 100%;
    height: 473px;
}

div.rez-text h2 {
    font-family: 'Open Sans';
    font-size: 19px;
    font-weight: 400;
    line-height:30px;
}

div.rez-text h3 {
    font-family: 'Open Sans';
    font-size: 19px;
    font-weight: 400;
}

div.rez-text h2 a {
    font-weight: 700;
    border-bottom: 2px solid #004d89;
}

div.rez-text h3 a {
    font-weight: 700;
    border-bottom: 2px solid #004d89;

}

div.rez-text p {
    font-family: 'Open Sans';
    font-size: 14.5px;
    font-weight: 400;
    padding-top: 20px;
}
*/

div.vyradene button.zobraz-galeriu {
    display: none !important;
}

div.vyradene button.rezervovat {
    display: none !important;
}

div.vyradene .vypis-hladania {
    padding-bottom: 10px;
}

div.listing .row {
    margin-right: 0px;
}

div.vyradene .info-buttons span {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
}

div.vyradene button.zobraz-telefon {
    float: right !important;
    color: white !important;
    padding-left: 40px;
}

div.vyradene button.zobraz-telefon .phone-res-text {
    font-family: "Open Sans", sans-serif;
    line-height: 38px;
}

div.vyradene .vypis-mapa {
    margin-left: 0px;
}

div.vyradene div.buttons {
    margin-left: 0px;
}


.listing-box {
    padding: 0px;
    width: 100%;
    margin-left: 15px;
}

/* same div as row, but to be sure it doesn't target rows inside item we use this class*/
div.listing .item-couple {
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

div.listing .row .vypis {
    padding-right: 0px;

    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

div.vypis-hladania {
    margin-top: 15px;
    width: 100%;
    -webkit-box-shadow: 2px 2px 5px -0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 5px -0px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px -0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    overflow: hidden;
    background-color: white;
}

div.vypis-hladania > a {
    display: block;
}

div.vypis-hladania a h2 {
    margin: 15px 0px 5px 0px;
}

div.vypis-hladania a h3 {
    font-family: 'Open Sans';
    font-size: 14.5px;
    font-weight: 400;
    margin: 0;
}

div.vypis-hladania a h4 {
    font-family: 'Open Sans';
    font-size: 14.5px;
    font-weight: 400;
    margin: 0px 0px 5px 0px;
}


div.vypis-hladania a p {
    font-family: 'Open Sans';
    font-size: 12.5px;
    font-weight: 400;
    padding-top: 10px;
}


div.vypis-img {
    width: 100%;
    float: left;
    margin: 10px 20px 0px 10px;
    position: relative;
}

div.vypis-img img {
    border-radius: 3px;
}


div.vypis-hladania .akcia {
    padding-top: 0;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    bottom: 0px;
    left: 0px;
    position: absolute;
}

div.vypis-hladania .akcia span {
    color: white;
    padding: 5px 10px !important;

    display: block;
    text-align: center;
}


div.buttons {
    padding: 0px;
    width: auto;
    margin: 10px;
    text-align: right;
}

.buttons button {
    width: auto;
    display: inline-block;
    border: none;
    padding: 4px 15px 8px 50px;
    margin-left: 9px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;

    font-family: 'Open Sans';
    font-size: 20px;
    font-weight: 400;
    line-height: 0;
    clear: both;
    position: relative;
    height: 48px;
    min-width: 48px;
    overflow: hidden;
}

div.vypis-hladania .buttons a {
    display: inline-block;
    height: 48px;
    min-width: 48px;
    overflow: hidden;
}

div.buttons button.no-icon {
    padding: 6px 15px 8px 15px;
    overflow: hidden;
}

div.buttons button.just-icon {
    padding: 6px 7px 8px 30px;
    overflow: hidden;
}

div.buttons button span:before {
    width: 48px;
    left: 0px !important;
    text-align: center;
    top: 8px !important;
    font-size: 30px !important;
    line-height: 30px !important;
}

div.buttons .vypis-mapa span:before {
    font-size: 34px !important;
    line-height: 34px !important;
}

div.buttons .vypis-detail button {
    padding-left: 15px;
}

div.buttons .vypis-detail span.icon-info {
    display: none;
}


div.buttons button.zobraz-galeriu {
    margin-left: 0px;
}

button.v-aktovke {
    width: 210px;
    height: 47px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;

    font-family: 'Open Sans';
    font-size: 14.5px;
    font-weight: 700;
    line-height: 0;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9fbfd), to(#e7edf3));
    background-image: -webkit-linear-gradient(top, #f9fbfd, #e7edf3);
    background-image: -moz-linear-gradient(top, #f9fbfd, #e7edf3);
    background-image: -o-linear-gradient(top, #f9fbfd, #e7edf3);
    background-image: linear-gradient(to bottom, #f9fbfd, #e7edf3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f9fbfd, endColorstr=#e7edf3);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f9fbfd, endColorstr=#e7edf3)";
    border: 1px solid #dcdcdd !important;
    border-top: 1px solid #f3f3f3 !important;
    border-left: 1px solid #f3f3f3 !important;
    border-right: 1px solid #f3f3f3 !important;
}

button.v-aktovke:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e7edf3), to(#f9fbfd));
    background-image: -webkit-linear-gradient(top, #e7edf3, #f9fbfd);
    background-image: -moz-linear-gradient(top, #e7edf3, #f9fbfd);
    background-image: -o-linear-gradient(top, #e7edf3, #f9fbfd);
    background-image: linear-gradient(to bottom, #e7edf3, #f9fbfd);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e7edf3, endColorstr=#f9fbfd);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e7edf3, endColorstr=#f9fbfd)";
}

div.buttons button.plain {

    color: #2a84d8;
}


div.buttons button {
    /*display: none;*/
    color: white;
    line-height: 1.2 !important;
    border: none !important;
    vertical-align: bottom;
}

div.buttons a {
    vertical-align: bottom;
}

div.buttons button.ukaz-na-mape {
    padding-left: 45px;
}

div.buttons button.rezervovat {
    /*display: none;*/
    color: white;
}

div.buttons button span.smaller-text {
    font-size: 11px;
    display: block;
    text-align: center;
}


div.vypis-cont {
    width: 49%;
    float: left;
    overflow: hidden;
}

div.vypis-cont p.ch4 {
    font-size: 14.5px !important;
    font-weight: 400;
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    line-height: 1.1;
}

.buttons button span.briefcase {
    display: block;

}

/*div.vypis-hladania */
.buttons button span.briefcase:before {
    content: "\e609";
    left: 3px !important;

}


.buttons button span:before {
    font-size: 34px;
    position: absolute;
    left: 14px;
    top: 4px;
}

.buttons button span.icon-checkmark:before {
    position: absolute;
    left: 14px;
    top: 4px;
}

.buttons button span {

    text-align: center;
}


/*
div.vypis-hladania a span.icons {
    display: inline-block;
    font-size: 20px;
    margin-top: 7px;
    margin-left: 10px;
    clear: both;
}


div.vypis-hladania a span.icons:first-of-type {
    margin-left: 0;
}

span.information:before  {
    content: "\e8c7";
}

span.calendar:before  {
    content: "\e607";
}

span.book:before  {
    content: "\e603";
}

span.home:before  {
    content: "\e601";
}

span.phone:before  {
    content: "\e604";
}

span.map:before  {
    content: "\e605";
}

span.photo:before  {
    content: "\e602";
}

span.email:before  {
    content: "\e60f";
}
*/
/*
div.pagination {
    width:290px;
    height: 40px;
    float: right;
}

div.pagination ul {
    list-style-type:none;
    margin: 0;
    padding: 0;
}

div.pagination ul li {
    float: left;
}

div.pagination ul a {
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 14.5px;
    font-weight: 600;
    padding-top: 7px;
}

div.pagination ul li.active-pag a {
    border:1px solid #063b69;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

div.pagination ul li.prev a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

div.pagination ul li.prev a span:before {
    content: " ";
    background: url(../img/left-arr.png) no-repeat;
    width:9px;
    height: 12px;
    text-align: center;
    display: block;
    position: relative;
    left:14px;
    top:6px;

}


div.pagination ul li.next a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

div.pagination ul li.next a span:before {
    content: " ";
    background: url(../img/right-arr.png) no-repeat;
    width:9px;
    height: 12px;
    text-align: center;
    display: block;
    position: relative;
    left:14px;
    top:6px;
}
*/


div.box-nenajdene {
    width: 100%;
    height: auto;
    padding: 15px 125px;
    margin: 15px 0 0 0;
}

div.box-nenajdene h4 {
    font-family: 'Open Sans';
    font-size: 50px;
    font-weight: 700;
}

div.box-nenajdene p {
    font-family: 'Open Sans';
    font-size: 33.3px;
    font-weight: 700;
}

div.box-nenajdene a {
    display: block;
    width: 230px;
    height: 70px;
    text-align: center;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Open Sans';
    font-size: 22px;
    font-weight: 400;
    padding-top: 18px;
    margin-top: 20px;
}

div.lupa {
    width: 56px;
    height: 60px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#feca3a), to(#dda814));
    background-image: -webkit-linear-gradient(top, #feca3a, #dda814);
    background-image: -moz-linear-gradient(top, #feca3a, #dda814);
    background-image: -o-linear-gradient(top, #feca3a, #dda814);
    background-image: linear-gradient(to bottom, #feca3a, #dda814);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#feca3a, endColorstr=#dda814);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#feca3a, endColorstr=#dda814)";
    border-bottom: 1px solid #c29517;
    border-top: 1px solid #ffe8a9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: fixed;
    right: 0;
    bottom: 75px;
    z-index: 99;
    text-align: center;
    cursor: pointer;
}

div.lupa span:before {
    content: "\e6f0";
    font-size: 30px;
    position: relative;
    top: 5px;
}

div.aktovka {
    width: 56px;
    height: 56px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f77c21), to(#e25225));
    background-image: -webkit-linear-gradient(top, #f77c21, #e25225);
    background-image: -moz-linear-gradient(top, #f77c21, #e25225);
    background-image: -o-linear-gradient(top, #f77c21, #e25225);
    background-image: linear-gradient(to bottom, #f77c21, #e25225);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f77c21, endColorstr=#e25225);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f77c21, endColorstr=#dda814)";

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 99;
    text-align: center;
    cursor: pointer;
    transition: 0.5s all;
    -webkit-box-shadow: 3px 3px 4px -2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 4px -2px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 4px -2px rgba(0, 0, 0, 0.5);
}

div.aktovka span:before {
    content: "\e609";
    color: #fff;
    font-size: 30px;
    position: relative;
    top: 3px;
}

div.aktovka-active {
    max-width: 420px;
    height: auto;
    position: fixed;
    bottom: 10px;
    right: 0px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    z-index: 99;


}

a.aktovka-item {
    display: block;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}

a.aktovka-item:last-of-type {
    margin-bottom: 0;
}

div.aktovka-item-img {
    width: 130px;
    float: left;
    margin-right: 15px;
}

div.aktovka-item-cont h3 {
    font-family: 'Open Sans';
    font-size: 14.5px;
    font-weight: 600;
    margin: 0;
}

div.aktovka-item-cont p {
    font-family: 'Open Sans';
    font-size: 12.5px;
    font-weight: 400;
    margin-top: 25px;
    float: left;
}

div.aktovka-item-cont p:hover {
    text-decoration: underline !important;
}

div.aktovka-active a.bottom {
    font-family: 'Open Sans';
    font-size: 14.5px;
    font-weight: 400;
    padding: 0 7px;
    margin-top: 15px;
    float: left;
}

div.aktovka-active a.bottom:hover {
    text-decoration: underline !important;
}

#aktovka-obal {
    position: relative;
    top: 0px;
    left: 0px;


}

#aktovka {
    border: #ee8813 2px solid;
    border-radius: 8px;
    padding: 15px 10px 10px 15px;
    margin: 0px 15px 0px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
    position: relative;
    -webkit-box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.4) !important;
    -moz-box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.4) !important;
    box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.4) !important;
}

.aktovka-item {
    width: 100%;
    height: 50px;
}

.aktovka-item * {
    margin: 0;
    padding: 0;
}

.aktovka-item-obrazok img {
    margin-right: 10px;

    height: auto;
    width: 55px;
}

.aktovka-item-popis {
    width: 300px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.aktovka-item-popis a {
    text-decoration: none;
    color: #374d6b;
}

.aktovka-item-popis i {
    font-weight: normal;

}

.aktovka-item-zmaz {
    width: 55px;
    float: right;
    font-size: 12px;
}

.aktovkaZmaz:before {
    content: "\e622";
}

.aktovka-item-zmaz span {
    pointer-events: none;
}

#aktovka .aktovkaTlacitko {
    padding: 3px;
    margin: 3px;
    text-align: right;
    border-radius: 3px;
}

#aktovka .aktovkaTlacitko a {
    text-decoration: none;

    padding: 10px;
}

#aktovka .aktovkaTlacitko a:hover {
    color: red;
}

#aktovka .aktovka-akcie {
    margin: auto;
    display: block;
    text-align: right;
}

#aktovka .aktovka-akcie a:hover .btn-default {
    background-color: #f0f0f0;
    color: black;
}

.aktovka-item a:hover {
    text-decoration: underline;
}

#aktovka .aktovka-akcie a {
    display: inline-block;
}

#aktovka #rezervovat button {
    color: white;
    padding-left: 36px;
    position: relative;
    top: 0px;
    left: 0px;
}

#aktovka button {
    padding: 5px 10px 8px 10px;
    color: #606060;
}

#aktovka span {
    vertical-align: middle;
    line-height: 1;
}

#aktovka .icon-list, #aktovka .icon-share-symbol, #aktovka .icon-printer-tool {
    font-size: 16px;
}

#aktovka #rezervovat button span {
    font-size: 16px;
    position: absolute;
    left: 8px;
    top: 8px;
}

#aktovka .aktovka-akcie button {
    pointer-events: none;
}

#aktovka .aktovka-akcie #rezervovat {
    font-weight: bold;
}

#aktovka .aktovka-akcie div {
    padding: 4px;
    margin-top: 3px;
    display: inline-block;
}

#aktovka .aktovka-akcie div a:link, #aktovka .aktovka-akcie div a:visited {
    text-decoration: none;
    color: #444;
}


#aktovka-head h3 {
    margin: 10px 0px 5px 0px;
    text-align: left;
    color: #cf3400;
    font-size: 20px;
}

#aktovka-head img {
    border: none;
    position: absolute;
    right: 30px;
    top: 10px;
}

#aktovka-pocet {
    background-color: white;
    width: 22px;
    line-height: 17px;
    overflow: hidden;
    font-size: 12px;
    margin: 0px auto;
    border-radius: 10px;
    padding-top: 1px;
    padding-bottom: 1px;

    position: absolute;
    bottom: -5px;
    right: -5px;
    border: #f77c21 2px solid;
    color: #f77c21;
    font-weight: bold;
}

#aktovka-nadpis {
    text-decoration: none;
    font-size: 18px;

}

#aktovka-nadpis h3 {
    margin: 0px 0px 10px 0px;
    font-family: "Arial", sans-serif;
    text-align: left;
    color: #cf3400;
    display: inline-block;

}

#aktovka-nadpis h3 span {
    margin-right: 5px;
    font-size: 27px;
    position: relative;
    top: 2px;
}

.aktovka-hide {
    font-size: 14px;
    text-decoration: none;
    position: absolute;
    top: 6px;
    right: 4px;

    display: block;
    color: #f77c21;
    width: 32px;
    height: 32px;
    line-height: 0;
    border: #f77c21 2px solid;
    border-radius: 5px;
    background-color: white;
    text-align: center;
}

.aktovka-hide span:before {
    text-align: center;
    display: block;
    line-height: 29px;
}

.aktovka-hide:hover {
    color: white;
    background-color: #f77c21;
    text-decoration: none;
}

.akcia .aktovkaTlacitko {
    margin: 10px;
    position: relative;
    top: -6px;

}

.akt-v-zozname-akcii {

    position: relative;
    top: -35px;
    right: 10px;
}

#horuci-tip .aktovkaTlacitko {
    display: none;
}

.pri-nadpise-v-ubytovani {
    margin-right: 20px;
}

.pri-nadpise-v-ubytovani-s-featurami {
    margin-right: 25px;
    position: relative;
    top: 37px;
}

#toto-je-aktovka {
    box-sizing: border-box;
    display: none;
    height: auto;
    position: fixed;
    bottom: 110px;
    right: 25px;
    border-radius: 4px;
    border: #f77c21 3px solid;
    z-index: 99;
    padding: 10px 10px 15px 15px;
    text-align: left;

    font-size: 14px;
    width: 270px;


    background: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: #f77c21 solid 3px;
}

#toto-je-aktovka:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -15px;
    left: 213px;
}

#toto-je-aktovka:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 17px 17px 0;
    border-color: #f77c21 transparent;
    display: block;
    width: 0;
    z-index: 0;
    bottom: -20px;
    left: 211px;
}


/* zmeny */


/* avalanche */
div.avalanche {
    margin-top: -17px !important;
}

div.avalanche-footer {
    padding: 30px 0;
}

div.avalanche-footer p {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

div.avalanche-footer p a {
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: underline !important;
}

ul.avalanche-menu li a {
    padding: 15.5px 34.8px !important;
}

div.hotel-img {
    width: 100%;
    height: 380px;
    background: url(../img/hotel-avalanche.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: -20px;
}

div.avalanche-popis {
    float: left;
    width: 400px;
    height: 100px;
    background-color: #efefef;
    position: relative;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 230px;
    padding-left: 25px;
}

div.avalanche-popis h1 {
    font-family: 'Open Sans';
    font-size: 30px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

div.avalanche-popis h2 {
    font-family: 'Open Sans';
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-top: 0;
}

div.avalanche-nav {
    margin-top: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

div.hotel-img .header-top-right {
    margin: 268px 15px 0 0;
}


/*notify*/
/*alert info pri vyhladavani*/
.alert-found {
    color: white;
    border-color: #AC3C18;
    background-color: #EE8913;
    font-size: 18px;
    border-radius: 3px;
    padding: 10px;
}

#nacitavam {
    position: absolute;
    font-size: 18px;
    color: white;
    font-weight: bold;
    display: none;
    width: 200px;
    left: 50%;
    top: 40%;
    margin-left: -100px;
    text-align: center;
}

.mfp-content > div {
    /*border: 2px solid #EE8813;*/
    border-radius: 8px;
}

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    overflow: hidden;
    position: fixed;
    background: #f0f0f0;
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    max-width: 100%;
    cursor: auto;
}

.mfp-inline-holder .mfp-content h2.mfp-h2-title, .mfp-ajax-holder .mfp-content h2.mfp-h2-title {
    padding-right: 45px;
    line-height: 1.1 !important;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-content .rezervacia {
    max-width: 640px;
    border: white 2px solid;
    height: 100%;
    float: left;
}

.mfp-content .odporucanie {
    border: white 2px solid;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow, button.my-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close, .my-close {
    position: absolute;
    right: 0px;
    top: 4px;
    text-decoration: none;
    text-align: center;
    color: #F77C21 !important;
    /* ak pouzijeme namiesto ×
      <span class="icon-reset-form"></span>
        font-size: 16px;
    */
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;

    width: 32px !important;
    height: 32px !important;
    line-height: 28px !important;
    border: 2px solid #F77C21 !important;
    border-radius: 5px;

    color: #F77C21 !important;
    background-color: #FFF !important;
}

.my-close {
    right: 7px;
    top: 7px;
}

/* umiestnenie close pre .rezervacia .odporucanie mfp inline block */
.mfp-inline-holder .mfp-close {
    right: 10px !important;
    top: 10px;
}

.mfp-close:hover, .mfp-close:focus, .my-close:hover {
    color: #FFF !important;
    background-color: #F77C21 !important;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close:hover {
    color: #FFF;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-content {
    border: white 10px solid;
    border-top-width: 50px;
    border-radius: 10px;
    transition: all 0.8s ease-in-out;
    -webkit-box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.0);
    -moz-box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.0);
    box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.0);
    opacity: 0;
    overflow: visible;
    background-color: white;

}

.mfp-iframe-holder .mfp-content > div {
    border: none !important;
}

.loading-iframe {
    position: fixed;
    font-size: 50px;
    margin-top: -25px;
    margin-left: -25px;
    top: 50%;
    left: 50%;
    display: inline-block;
    color: #e0e0e0;
}

.odosielam .loading-iframe {
    margin-top: 0px;
}

.odosielam {
    display: block;
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
    color: #e0e0e0;
    height: 110px;
    font-weight: bold;
}


.mfp-shadow {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2) !important;
    opacity: 1 !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;

}

.mfp-iframe-holder .mfp-content iframe {
    background: transparent !important;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);*/
    background: #000;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: black;
    word-wrap: break-word;
    padding-right: 36px;
    position: absolute;
    top: -33px;
    left: 0px;
    font-size: 20px;
    font-weight: bold;
    font-family: "Open Sans", Arial, sans-serif;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

#pop-content {
    font-family: "Open Sans", Arial, sans-serif;
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    height: auto;
    margin: 20px auto;
}

.mfp-content #pop-content {
    display: block !important;
}

#pop-content h2 {
    margin-top: 0px;
    font-size: 16px;
    font-weight: bold;
}

#pop-content h2.h2-pad-right {
    padding-right: 30px;
}

#pop-content .phones p {
    margin-bottom: 5px;
    font-size: 16px;

}

#kontakt-form td strong {
    margin-right: 20px;
}

#kontakt-form td {
    padding-top: 15px;
}

.kontakt-form-wrap {
    padding: 10px 20px 15px 20px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
}

.kontakt-form-wrap .go-right {
    margin-top: 0px !important;
    margin-bottom: 5px !important;
}

.kontakt-form-wrap .btn-warning {
    background-color: darkorange;
    font-weight: bold;
}

.gray-block {
    padding: 20px 20px 10px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    max-width: 280px;
}

.mfp-content #pop-gal {
    display: block !important;
}

#pop-gal {
    font-family: "Open Sans", Arial, sans-serif;
    position: relative;
    background: white;
    padding: 10px;
    margin: 0px;
    width: 100%;
    max-width: 800px;
    height: 100%;
    max-height: 620px;
    text-align: center;
}

#pop-gal .gal-content {
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #cecece;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

#pop-gal .swip2 {
    margin-top: 14px !important;
}

#pop-gal .swip1 {
    padding-bottom: 0px !important;
}

#pop-gal h2 {
    font-size: 20px !important;
    line-height: 18px;
    margin: 10px 0px 4px 0px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}


#pop-gal .main-image img {
    /*height:200px;*/
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

#embedded-gallery .single-photo .item {
    margin: 0px 0px 0px 0px !important;
}

#embedded-gallery .single-photo img {
    width: 100%;
    height: auto;
}

.single-photo {
    margin-bottom: 0px !important;
    height: auto !important
}


.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}


.autocomplete-suggestions {
    border: 1px solid #a0a0a0;
    background: rgba(255, 255, 255, 0.95);
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.44);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.44);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.44);
    font-family: Arial, sans-serif;
    cursor: pointer;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;

}

.autocomplete-suggestion {
    padding: 5px 8px 2px 8px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-no-suggestion {
    padding: 2px 8px 2px 8px;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: bold;
    color: #000;
}

.autocomplete-group {
    padding: 5px 8px 2px 8px;
}

.autocomplete-group strong {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
}

@media (max-height: 320px) {
    .autocomplete-suggestions {
        max-height: 130px !important;
    }
}


.search-menu-bg {
    background-color: #EE8913 !important;
    background: transparent linear-gradient(to bottom, #EE8913 0px, #E08510 50%, #EE8913 100%) repeat scroll 0% 0% !important;
    height: 52px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    border-bottom: #ef9b38 1px solid;

}


#mobile-header {
    position: fixed;
    width: 100%;
    top: -1px;
    left: 0px;
    z-index: 1001;
    height: 52px;
    text-align: left;
    line-height: 48px;
    background: #3697DA;
    background: transparent linear-gradient(to bottom, #3697DA 0px, #2A94DE 50%, #3697DA 100%) repeat scroll 0% 0%;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);


}

#mobile-header #mob-menu:before {
    color: white;
    content: "\e610";
    font-size: 24px;
    position: absolute;
    height: 3px;
    left: 14px;
    top: 2px;
    width: 23px;
}

#logo123 {
    position: absolute;
    color: white;
    font-size: 35px;
    top: 1px;
    left: 48px;
    display: block;
    height: 50px;
    width: 200px;

}

#logo123 span {
    position: absolute;
    top: 0px;
}

#logo123 span.icon-logo-01 {
    top: 6px;
}

#logo123 span.icon-logo-02a {
    top: 0px;
    left: 41px;
    font-size: 45px;
}

#logo123 span.icon-logo-02b {
    font-size: 45px;
    left: 41px;
}

#extra-toggle {
    z-index: 99999;
    position: absolute;
    color: white;
    top: 9px;
    right: 42px;
    font-size: 35px;
    cursor: pointer;
}

#extra-toggle-back {
    z-index: 99999;
    position: fixed;
    color: white;
    top: 12px;
    left: 12px;
    right: auto;
    font-size: 26px;
    cursor: pointer;
}

#extra-toggle span {
    position: absolute;
}

#extra-toggle span.icon-search-uby01 {
    color: white;
}

#extra-toggle span.icon-search-uby02 {
    color: #ffcb3a;
}

#total-ub-mob {
    position: absolute;
    right: 64px;
    top: 0px;
}

#total-ub-mob .pocty {
    display: block;
    float: right;
    font-size: 26px;
    font-weight: bold;
    color: white;
    text-align: center;
    line-height: 18px;
    margin-top: 10px;

}

#total-ub-mob .pocty span {
    font-size: 12px;
    display: block;
    font-weight: normal;
}

#go-search-mob {
    display: none;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 6px;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f77c21), to(#e25225));
    background-image: -webkit-linear-gradient(top, #f77c21, #e25225);
    background-image: -moz-linear-gradient(top, #f77c21, #e25225);
    background-image: -o-linear-gradient(top, #f77c21, #e25225);
    background-image: linear-gradient(to bottom, #f77c21, #e25225);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f77c21, endColorstr=#e25225);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f77c21, endColorstr=#e25225)";
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 600;
    padding: 0px 10px 0px 10px;
    border-width: 1px 0px;
    border-style: solid none;
    border-top: 1px solid #ffa367;
    border-bottom: 1px solid #ac3c18;
    color: #FFF;
    height: 40px;
    line-height: 38px;
}


#vynuluj {

    z-index: 99999;
}

.rotuj {
    animation: rotation 2s infinite linear;
    -webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.rotuj {
    animation: rotation 2s infinite linear;
    -webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.hladanie span {
    z-index: 99999;
}

.searching2 {
    -webkit-animation: rot 0.8s linear infinite;
    animation: rot 0.8s linear infinite;
}

@keyframes rot {
    from {
        transform: rotate(0deg) translate(-3px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translate(-2px) rotate(-360deg);
    }
}


@-webkit-keyframes rot {
    from {
        -webkit-transform: rotate(0deg) translate(-3px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translate(-2px) rotate(-360deg);
    }
}


/* INZERCIA */

h1.vyberte-aspon, h1.ziadne-ubytka {
    width: 100% !important;
}

h1.ziadne-ubytka {
    display: none;
}

#inzercia-wrap .del-inz {
    position: absolute;
    right: 15px;
    top: 25px;
    padding: 15px 8px !important;
    font-size: 24px;
    line-height: 0px;
}

#inzercia-wrap .inz-reply {
    float: right;
    margin-right: -10px !important;
}

#inzercia-wrap .cerstvy-inzerat {
    border-color: green !important;
}

#inzercia-wrap .cerstvy-inzerat blockquote {
    background-color: green !important;
}

#inzercia-wrap .results-inzercia-variables {
    display: none;
}

#inzercia-wrap #iContent {
    background-color: #f8f8f8;
    margin-top: 15px;
    padding: 15px 15px 10px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}


#inzercia-wrap #inzeraty {
    margin-left: -1%;
    margin-right: -1%;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#inzercia-wrap .inzerat {
    display: inline-block;
    width: 31%;
    vertical-align: top;
    border: #c0c0c0 1px solid;
    border-radius: 7px;
    /*padding:15px;*/
    margin: 15px 1% 0px 1%;;
    overflow: hidden;

    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-grow: 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    top: 0px;
    left: 0px;
    font-family: 'Open sans', Arial, sans-serif;
}

#inzercia-wrap .inzerent-info {
    margin-top: 10px;
    padding: 10px 20px 10px 20px;
    background-color: white;
    border-radius: 3px;
    display: block;
    color: black;
}


#inzercia-wrap .inzerat blockquote {
    border: none;
    padding: 10px 15px 10px 15px;
    margin: 0px 0px 0px 0px;
    background-color: #0483DE;
    color: white;
}

#inzercia-wrap .inzerat p {
    margin-bottom: 0px;
    padding: 0px 15px 15px 15px;
}

#inzercia-wrap .vybrate_kriteria {
    background-color: #f0f0f0;
    margin: 0px;
    padding: 10px 15px;
    font-size: 11px;
    margin-bottom: 10px;
}

#inzercia-wrap .superadmin-enabled .inzerat {
    padding-bottom: 25px;
}

#inzercia-wrap .pocet-osob {
    font-size: 18px;
}

#inzercia-wrap .inzerat blockquote div {
    margin-bottom: 5px;
}

#inzercia-wrap .inzerat blockquote small:before {
    content: none !important;
}

#inzercia-wrap .inzerat blockquote small {
    color: white;
    opacity: 0.6;
}

#inzercia-wrap .pridane {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 11px;
    color: #ffffff;
    opacity: 0.6;
}

#inzercia-wrap .ip-and-host {
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: 10px;
    color: #808080 !important;
}

#inzercia-wrap .pobyt-info {
    font-size: 14px;
}

/*fix*/
#inzercia-wrap #vynuluj {
    right: 10px;
    left: auto !important;;
    top: 10px;
}

/*fix*/

#inzercia-wrap div.box-vyhladavanie {
    width: 100%;
    margin-left: 0px;
    padding: 0px !important;
}


#inzercia-wrap #kriteria_typy {
    position: static;
    padding-left: 15px !important;
}

#inzercia-wrap div.box-vyhladavanie-wrap ul.box-vyhladavanie-top {
    display: none;
}

ul.box-vyhladavanie-top li:hover {
    background-color: rgba(255, 203, 59, 0.6);
}

ul.box-vyhladavanie-top li:hover a {
    text-decoration: none;
}

body .text-box a:hover {
    text-decoration: underline !important;
}

.ubytovanie-box:hover {
    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.4);
    -webkit-animation: flesh 0.3s;
    animation: flesh 0.3s;
}

@-webkit-keyframes flesh {
    0% {
        box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.1);
    }
    100% {
        box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.4);
    }
}

@keyframes flesh {
    0% {
        box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.1);
    }
    100% {
        box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.4);
    }
}


.ubytovanie-box:hover a {
    text-decoration: none;
}


#inzercia-wrap div.box-vyhladavanie-wrap {
    position: static;
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#inzercia-wrap div.box-vyhladavanie-wrap:after {
    content: "";
    display: table;
    clear: both;
}

#inzercia-wrap div.search {
    display: none;
}

#inzercia-wrap .toggleable .tab-cont {
    overflow: hidden;
}

#inzercia-wrap #vyber-chbs .checkbox {
    width: 33%;
}

#inzercia-wrap #vybavenost-chbs .checkbox {
    width: 14.2%;
}

#inzercia-wrap #tab1 {
    width: 50%;
    display: inline-block !important;
    padding-bottom: 0px !important;
}

#inzercia-wrap #tab2 {
    width: 48%;
    display: inline-block !important;
    margin: 0px 0px 0px 0px !important;
    vertical-align: top;
}

#inzercia-wrap #tab3 {
    border-top: white 1px solid;
    display: block;
    margin: 0px 15px 10px 0px !important;
    padding: 15px 0px 0px 5px;
}

#inzercia-wrap #box-row-bottom-fixed {
    position: absolute !important;
    bottom: 47%;
    right: 15px;
    font-size: 32px;
    font-weight: bold;
}

.pushy .najd-ub {
    padding-left: 5px !important;
}

.pushy #total-ub-yellowbox {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Open Sans';
}

.pushy #total-ub-yellowbox span {
    font-weight: normal;
}

#inzercia-wrap #total-ub-yellowbox .pocty {
    text-align: right;
}


#inzercia-wrap #boxtoggler {
    display: none;
}

#inzercia-wrap .d0 {
    display: none;
}

#inzercia-wrap #iz_pobyt_od, #iz_pobyt_do {
    background-color: white;
    cursor: pointer;
    border-radius: 3px;
    width: 105px;
    text-align: left !important;
    padding-left: 7px;
}

#inzercia-wrap .input-daterange b:before {
    content: "\e607";
    font-size: 19px;
    color: #F77C21;
    position: relative;
    left: -25px;
    top: 3px;
    pointer-events: none;
}

#inzercia-wrap #inzerciaForm table {
    width: 100%;
}

#inzercia-wrap #inzerciaForm table.inz-osoby {
    width: auto;
}


#inzercia-wrap #inzerciaForm table td {
    padding-left: 15px;
    padding-bottom: 10px;
}

#inzercia-wrap #inzerciaForm input {
    display: inline-block;
}

#inzercia-wrap #inzerciaForm .input-daterange {
    display: inline-block;
    margin-left: 30px;
}

#inzercia-wrap #inzerciaForm .osob-block {
    display: inline-block;
}


#inzercia-wrap .inz-poceto {
    width: 50px;
}

#inzercia-wrap .iSub {
    background-color: darkorange;
    margin-top: 10px;
}

#inzercia-wrap .hide-after-sent legend {
    border: none;
    margin: 0px !important;
}

#inzercia-wrap .rblock-top {
    display: none !important;
}

#inzercia-wrap #findusonfacebook {
    display: none !important;
}

#inzercia-wrap #search-comes-here .search-zalozky {
    display: block;
}

#inzercia-wrap .o-cene-wrap {
    visibility: hidden;
}

#inzercia-wrap #go-search {
    display: none !important;
}

#inzercia-wrap #inzerciaForm {
    padding-bottom: 20px;
}

#inzercia-wrap label#button-pridat-inzerat {
    display: none;

}

#inzercia-wrap fieldset.If {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: #ffc511 2px solid;;
    margin: 0px !important;
    padding: 0px 20px 0px 20px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

#inzercia-wrap fieldset.If h1 {
    color: #E8641B !important;
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}

#inzercia-wrap h1.zadajte-inzerat, h1.inzerat-pridany {
    display: none;
}

@media (max-width: 991px) {

    .detail-popis div.listing {
        text-align:center;
    }

    #pridat-ubytovanie-mb {
        position: absolute;
        right: 140px;
        top: 5px;
        z-index: 999999;
        display: block;
        padding: 0px;
        margin: 0px;
        color: white;
        text-decoration: none;
        line-height: 0px;
        font-size: 0px;
    }

    #pridat-ubytovanie-mb .icon-mplus {
        font-size: 38px;
        display: inline-block;
        vertical-align: middle;
        line-height: 38px;
        height: 38px;
        color: #ffcb3a;
    }

    #pu-mb-label {
        margin-left: 7px;
        display: inline-block;
        font-size: 12px;
        line-height: 14px;
        vertical-align: middle;
        padding-top: 7px;
        height: 38px;
        font-weight:bold;
    }

    #inzercia-wrap .inzerat {
        width: 48%;
    }

    #inzercia-wrap div.box-vyhladavanie-wrap {
        background-color: #ffcb3b !important;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
    }

    #inzercia-wrap #total-ub-yellowbox {
        float: none;
    }


    #inzercia-wrap #vyber-chbs .checkbox {
        width: 50%;
    }

    #inzercia-wrap #vybavenost-chbs .checkbox {
        width: 33%;
    }

    #box-row-bottom-fixed {
        bottom: 53%;
    }

    #inzercia-wrap table td {
        display: block;
        width: 100% !important;
        padding: 0px 0px 5px 0px !important;

    }

    #inzercia-wrap tr.osoby-a-datum td div {
        width: 100% !important;

    }

    #inzercia-wrap div.input-daterange {
        margin-top: 15px;
        margin-bottom: 10px;
        margin-left: 0px;
    }

    #inzercia-wrap #box-row-bottom-fixed {
        bottom: 53%;
    }


}

@media (max-width: 768px) {

    div.box-nenajdene h4 {
        font-size: 26px;
    }

    div.box-nenajdene p {
        font-size: 20.3px;
    }

    #inzercia-wrap #vyber-chbs .checkbox {
        width: 100%;
    }

    #inzercia-wrap div.box-vyhladavanie-wrap {
        padding-bottom: 30px;
    }

    #inzercia-wrap #vybavenost-chbs .checkbox {
        width: 33%;
    }

    #inzercia-wrap #box-row-bottom-fixed {
        bottom: -20px;
        left: 15px !important;
        right: auto !important;
        width: auto !important
    }

    #inzercia-wrap #tab1 {
        width: 100%;
    }

    #inzercia-wrap #tab2 {
        display: none !important;
    }

    #inzercia-wrap #tab3 {
        display: none;
    }

}

@media (max-width: 560px) {
    #inzercia-wrap .inzerat {
        width: 100%;
    }
}

@media (max-width: 479px) {
    #inzercia-wrap div.input-daterange span {
        display: block;
        margin-bottom: 10px;
    }

    #inzercia-wrap div.osob-block span {
        display: block;
    }
}

@media (max-width: 380px) {

    #inzercia-wrap div#text-content {
        padding: 0px !important;
    }

    #inzercia-wrap #slider-container {
        width: 125px;
    }

}


/* star rating - guestbook */


.info-o-pobyte {
    margin-bottom: 10px;
}

.hodnotenie-name-wrap, .hodnotenie-termin-wrap, .hodnotenie-email-wrap, .hodnotenie-message-wrap {
    margin-bottom: 10px;
}

.hodnotenie-termin-wrap {
    position: relative;
    top: 0px;
    left: 0px;
}

.hodnotenie-termin-wrap {
    padding-left: 0px !important;
}

.hodnotenie-termin-wrap span:before {
    position: absolute;
    content: "\e607";
    font-size: 19px;
    color: #F77C21;
    right: 21px;
    bottom: 2px;
    pointer-events: none;
}

#hodnotenie-termin {
    background-color: white;
    cursor: pointer;
}

#hodnotenie-block {
    padding: 0px;
    max-width: 320px;
    color: white;
}

.ododslat-row {
    text-align: center;
}

#odoslat-hodnotenie {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#nezverejnit-hodnotenie {
    margin-left: auto;
    margin-left: 30px;
    margin-top: 10px;
}


.rateme-block {
    position: relative;
    top: 0px;
    left: 0px;
    /*border:rgba(255, 130, 5, 0.2) 1px solid;
    border-radius:3px;
    margin-bottom:10px;
    */
    width: 50%;
    float: left;
    overflow: hidden;
    text-align: center;
}

.parne .centered {
    margin-left: auto;
    margin-right: 0px;
}

.rateme-block .centered {
    /*
    margin-left:auto;
    margin-right:auto;
    */
    width: 130px;
    overflow: hidden;
}

.rateme-block .centered:after {
    content: "";
    display: table;
    clear: both;
}


.rateme-block .rating-label {
    font-size: 13px;
    color: white;
    text-align: left;
    pointer-events: none;
    font-weight: normal;
    padding: 0px 0px;
}

.rateme-block input[type="radio"] {
    display: none;
}

.rateme-block label {
    display: block;
    font-family: Arial;
    font-size: 24px;
    cursor: pointer;
    padding: 0px 1px;
    margin: 0px;
    float: right;
    color: #ffffff;
    width: 13px;
    overflow: hidden;
}

.rating input[type="radio"].even + label span {
    position: relative;
    left: -13px;
}

/*celkova spokojnost*/
#rating_celkova_spokojnost .rating input[type="radio"].odd + label {
    display: block;
}


.rating input[type="radio"]:checked + label {
    color: orange;
}

.rating input[type="radio"]:checked ~ input[type="radio"] + label {
    color: orange;
}

.rating input[type="radio"] + label:hover ~ input[type="radio"] + label {
    color: orange;
}

.rating input[type="radio"] + label:hover {
    color: orange !important;
}


.rateme-block:hover .rating input[type="radio"] + label {
    color: #ffffff;
}

.rateme-block:hover .rating input[type="radio"] + label ~ input[type="radio"] + label {
    color: #ffffff;
}

.rateme-block .rating input[type="radio"] + label:hover ~ input[type="radio"] + label {
    color: orange;
}

.rateme-block .rating input[type="radio"]:checked + label:hover {
    color: orange !important;
}

/*text-page*/
.text-page #container .row {
    padding: 0px 15px;
}

.text-page #container h1 {
    font-size: 24px;
    color: #0669b2;
}

.text-page #container h2 {
    font-size: 20px;
    color: #0669b2;
}

.text-page #container h3 {
    font-size: 20px;
    color: #0669b2;
}

.text-page #container h4 {
    font-size: 18px;
    color: #0669b2;
}

.text-page #container h5 {
    font-size: 16px;
    color: #0669b2;
}

.text-page #container .faq h3 {
    font-size: 24px;
    color: #0669b2;
    margin: 20px 0px 10px 0px !important;
}

.text-page #container .faq h4 {
    font-size: 22px;
    color: #0669b2;
    margin: 20px 0px 10px 0px !important;
}

.text-page #container .faq h5 {
    font-size: 20px;
    color: #0669b2;
    margin: 20px 0px 10px 0px !important;
}

.text-page .gray-block {
    max-width: 100%;
    background-color: #f0f0f0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.text-page .gray-block h2, .text-page .gray-block h3 {
    margin-top: 0px;
}

.text-page #container {
    font-size: 16px;
}


.text-page .intro-blok {
    background-color: #0669B2;
    box-sizing: border-box;
    border: white 2px solid;
    padding: 5px 15px;
    border-radius: 10px;
    margin: 10px 0px 10px 0px;
    color: white;
    font-size: 16px;
}

.text-page .intro-blok a {
    color: white;
}

.text-page .intro-blok-no-bg {
    box-sizing: border-box;
    border: white 2px solid;
    padding: 5px 15px;
    border-radius: 10px;
    margin: 10px 0px 10px 0px;
    color: white;
    font-size: 16px;
}

.text-page .spaced {
    list-style: none;
    margin: 15px 0px 0px 0px;
    padding: 0px;
}

.text-page .spaced li {
    padding: 0px;
    margin-bottom: 8px;
}

.text-page .spaced2 {
    margin: 10px 0px 0px 20px;
    padding: 0px;
}

.text-page .spaced2 li {
    padding: 0px;
    margin-bottom: 8px;
}

.fancybox-button {
    text-align: center;
}

.fancybox-button button {
    color:white;
}

.fancybox-button button:hover {
    color:white;
}

.fancybox-button button {
    margin: 8px 0px 20px 0px;
}

.ctr-btn {
    text-align: center;
}

.ctr-btn button {
    margin-top: 15px;
    padding: 10px 20px;
    font-size: 20px;
    color: white;
    background-color: orange;
    border: orange 1px solid;
    border-radius: 7px;
    cursor: pointer;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#f77c21), to(#e25225));
    background-image: -webkit-linear-gradient(top, #f77c21, #e25225);
    background-image: -moz-linear-gradient(top, #f77c21, #e25225);
    background-image: -o-linear-gradient(top, #f77c21, #e25225);
    background-image: linear-gradient(to bottom, #f77c21, #e25225);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f77c21, endColorstr=#e25225);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f77c21, endColorstr=#e25225)";
}

.ctr-btn button:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e25225), to(#f77c21));
    background-image: -webkit-linear-gradient(top, #e25225, #f77c21);
    background-image: -moz-linear-gradient(top, #e25225, #f77c21);
    background-image: -o-linear-gradient(top, #e25225, #f77c21);
    background-image: linear-gradient(to bottom, #e25225, #f77c21);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e25225, endColorstr=#f77c21);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e25225, endColorstr=#f77c21)";
}

.ref-blok {
    box-sizing: border-box;
    border: #0669B2 1px solid;
    padding: 15px;
    border-radius: 10px;
    font-size: 14px;
    margin: 20px 0px;
}


.ref-cita {
    font-style: italic;
    margin: 0px 0px 0px 0px;
    font-size: 1.2em;
    line-height: 1.2em;
    color: #0669B2;
}

.ref-cita:before {
    content: "„";
    font-size: 1.6em;
}

.ref-cita:after {
    content: "“";
    font-size: 1.6em;
}

.ref-majitel {
    text-align: right;
    margin: 5px 0px 10px 0px;
}

#kontakt-form input, #kontakt-form textarea {
    width: 100%;
}

.cennik-dl-link {
    font-size: 16px;
}

.cennik-dl-link span.icon-download {
    font-size: 18px;
    position: relative;
    top: 1px;
}

.cennik-dl-link span {
    vertical-align: middle;
}

#nacitat-starsie {
    position: relative;
    top: 0px;
    left: 0px;
}

#nacitat-starsie-wrap .rotuj {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -7px;
}

.lastminutes-page h1 {
    color: #428bca;
    font-size: 24px;
    margin-bottom: 15px;
}

.lastminutes-page h2 {
    font-size: 20px;
    font-weight: bold;
    color: #428bca;
    margin-bottom: 15px;
}

.lastminutes-page #container {
    padding: 0px 15px;
    font-size: 16px;
}

.lastminutes-page #yellowbox {
    display: none;
}

div.item-detail .ubytovanie-lastminutes h2 {
    font-size: 20px;
    font-weight: bold;
    color: #004d89;
    margin-bottom: 15px;
}

.lm-unwrapped {
    display: block;
}

#lastminutes-archive h4 {
    margin: 0px 0px 10px 0px;
}

#lastminutes-archive .elem-wrap div.buttons {
    position: static;
    float: right;
}

.lm-datum-pridania {
    color: #808080;
    margin-bottom: 10px;
}

.lastminutes-page .wrap-lm-img h2 {
    font-size: 20px;
    font-weight: bold !important;
    margin: 0px 0px 10px 0px;
}

.stat-block {
    margin-top: 15px;
    border-top: #f0f0f0 1px solid;
    padding-top: 10px;
}

#je-toto-vase {
    color: red;
    font-weight: bold;
}

#je-toto-vase-hidden {
    display: none;
    background-color: #ffcb3b;
    padding: 1px 15px 5px 15px;
    -moz-border-radius: 8px; /* Firefox */
    -webkit-border-radius: 8px; /* Safari, Chrome */
    border-radius: 8px; /* CSS3 */
    margin-bottom: 10px;
}

/*livechatoo*/
#IMS_box1 {
    right: 15px !important;
    opacity: 0.95;
    z-index: 98 !important;
}

/*livechatoo aktovka fixes */
@media (min-width: 600px) {
    div.aktovka {
        bottom: 60px;
    }

    div.aktovka-active {
        bottom: 15px;
        z-index: 9999;
    }

    #toto-je-aktovka {

        bottom: 140px;
    }
}

/*modal*/
.rez-header {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 5px 10px;;
    color: white;
    border-bottom: white 2px solid;
    background-color: darkorange;
}

.modal-backdrop {

}

.modal {
    z-index: 1050;
}

.modal-centered {
    text-align: center;
}

.modal-centered .close {
    position: absolute;
    top: 7px;
    right: 10px;
    z-index: 9999;
    color: white;
    opacity: 1;
}

.modal-centered .modal-content {
    overflow: hidden;
    border: white 2px solid;
}

.modal-centered .modal-content .modal-body {
    padding: 0px;
}

@media screen and (min-width: 768px) {
    .modal-centered:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-centered .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}


.loading {
    position: relative;
    pointer-events: none;
}

.loading:before {
    content: ' ';
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(255, 255, 255, 0.1);
    z-index: 1;
}

.loading:after {
    content: '\e620';
    color: #ffcb3b;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    font-size: 60px;
    animation: lrotation 2s infinite linear;
    -webkit-animation: lrotation 2s infinite linear;
    z-index: 2;
}

@-webkit-keyframes lrotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes lrotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}