#inner { border-top: none!important; } /* settings - start */ body { font-size: 11px; background: #ffffff url("") repeat-x; } a { color: #f64d0a; } a:hover { color: #000000; } #menu { background: #0284e0 url("") repeat-x; } .nav li li { background: #258CC9 none repeat; } .nav li li a:hover { background-color: #000000; } .nav a { color: #ffffff; } .nav li li a { color: #ffffff; } #nav li a { background: #258CC9 url("") repeat-x; color: #ffffff; } #nav li a:hover { background-color: #383838; color: #ffffff; } #left-slave { background-color: #F5F9FE; } #right-slave { background-color: #f64d0a; } #country-list a{ color: #f64d0a; } #country-list a:hover{ color: #000000; } #footer { background: #f64d0a url("") repeat-x; color: #ffffff; } #footer a { color: #ffffff; } .altrow, .sm-result:nth-child(2n+1){ background-color: none; } background-color: none; } table.scroll tbody tr.alt{ background-color: none; } .top-offer-square{ background: none; } #master{ } #show-map{ color : #f64d0a; } /* settings - own */ * {outline: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} body {font-family: 'Montserrat', sans-serif; font-size: 16px; background: #fff; color: #262626;} a {font-weight: 500; transition: .6s linear;} a:hover {text-decoration: none; } input, select {border-radius: 0; transition:.6s linear;} #main, #wrap, #inner, #cont, #master, #head { width: 100%; margin: 0 !important; padding: 0 !important; border: none; background: transparent;} #master {margin-top: 120px !important;} .bd-homepage #master, .bd-search-results #master, .bd-accommodation #master {margin-top: 0 !important;} .cd-title .text.left { float: none; margin: 0; padding: 5px 30px; color: #333; text-transform: none; text-align: center; font-size: 30px; font-weight: 500;} .cd-icon {display: none !important;} .bd-term .master-title.cd-title, .bd-accommodation .master-title.cd-title {display: none !important;} .cd-content {max-width: 1170px; margin: auto !important; padding: 15px; background: #f3f3f3; color: #333 !important;} .bd-homepage .cd-content, .bd-term .cd-content, .bd-accommodation .cd-content, .bd-search-results .cd-content {max-width: 1230px; background: none;} .next.right {float:none; margin:20px 0;text-align: center;} .next.right a, #country-detail a.right { display:inline-block; padding:13px 40px; background:#555; color:#fff; text-decoration:none; font-weight:normal;} #country-detail a.right {float:none;display:block;width:auto;max-width:240px;margin:auto;text-align:center;} .next.right a:hover, #country-detail a.right:hover {background:#f64d0a;} .next.right a:before {content: 'Zobraziť ';} .paging .paging-row {padding: 5px;} .paging .paging-separator {display: none;} .paging .paging-links span a, .paging .paging-links .current { display: inline-block; min-width: 50px; margin: 0 3px; padding: 10px 15px; background: #555; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 400;} .paging .paging-links span a:hover, .paging .paging-links .current {background: #f64d0a;} .paging .prev {float: left; color: transparent; } .paging .next {float: right; color: transparent; } @media screen and (max-width:960px){ .paging .paging-links span a, .paging .paging-links .current {margin: 3px; } .paging .prev, .paging .next {float: none; display: block; } } #back-top {z-index: 999; background: #262626;} #back-top:hover {background: #555;} #back-top:before{top:-4px; left: 6px;} .show-menu { z-index: 999; top: 8px; right: 65px; width: 50px; height: 50px; padding: 0; background: none; color: #fff; font-size: 36px; cursor: pointer; border-radius: 0; transition: .6s linear; -webkit-text-stroke: .6px #fff;} .show-menu:hover {background: #f64d0a;} .show-menu.isOpen {top: 70px !important; right: 15px;} .show-menu.scroll {top: -2px; height: 40px; border-radius: 0;font-size: 30px;} /* Head */ #head { position:fixed; z-index:980; top:0; left:0; right:0; height:70px; padding: 0 15px !important; background: url(/21519/uploads/fs_images/contentdesignimagesets/7/821910694868649420144244594974231959175168n_264_o.jpg) no-repeat center -30px; background-size: 100%;} .bd-homepage #head, .bd-search-results #head, .bd-accommodation #head {background: none;} #head.scroll:before { content:''; position:absolute; z-index:-1; top:0px; left:-1000px; width:3000px; background: rgba(38,38,38,.75);} #head.scroll, #head.scroll:before {height: 40px; } #head > a {display:block; position: relative; left: 50%; margin-left: -585px; height: 100%; padding: 5px 0; transition:.6s linear; } #head.scroll > a {padding: 0; } #head > a:hover{padding: 3px 0; } #head > a img {width:auto; height:115%; background:none;} @media screen and (max-width:1200px){ #head > a {left: 0; margin-left: 0;} } /* Menu */ #menu{position:fixed;z-index:9900;top:0;right:50%;margin-right:-530px;background:none;transition:1s linear} #menu .nav a {height:70px; line-height:70px; padding:0 15px; font-size: 15px; font-weight:500; } #menu.scroll .nav a {height:40px; line-height:40px; } #menu .nav > li:hover > div a {color: #f64d0a; text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 8px;} #menu .nav li ul { top: 55px; left: 15px; width:250px; margin: auto; padding:0; background: black; } #menu .nav li ul li{width:100%; border:none;background: none; } #menu .nav li ul li a{ display:block;height:auto !important; margin: 0; padding:8px 20px; color: #fff; border:none; font-size: 15px;} #menu .nav li ul li a:hover {background: rgba(246,77,10,.5);} @media screen and (max-width:1200px){ #menu{right: 60px; margin-right:0; } #menu .nav a{padding:0 10px;} } @media screen and (max-width:960px){ #menu {top:70px; right:0; } #menu.scroll {top: 40px; } #menu .nav{padding:60px 30px; background: rgba(38,38,38,.9); } #menu .nav li a{ height:50px !important; line-height:50px !important; background:none !important;color:#fff; border-bottom: 1px solid #555; text-align: left; text-transform: uppercase; } #menu .nav li ul{padding:0 30px; background:none !important; box-shadow: none;} #menu .nav li ul a{ height:40px !important;line-height:40px !important; padding: 0 !important; color: #fff !important; text-transform: none !important;} #menu .nav > li:hover > div a {background: none; -webkit-text-stroke: 0; } } /* Maska */ .searchmask-global{ position:relative; z-index:3; margin: 0; background-size: cover !important; background: url(/21519/files/editor/image/SearchMask-EUROCRV-V7.jpg) no-repeat center -30px;} .searchmask-global .search-mask.cd-content { float: none; max-width: 1170px; padding: 0 !important; background: none !important;} .searchmask-global .master-title, .searchmask-global .text-after {display:none !important;} .searchmask-global .text-before {position: absolute; z-index: 999; right: 15px; bottom: 160px; color: #fff;} .searchmask-global .text-before p {margin: 0; padding: 0; line-height: normal; font-size: 40px;} .searchmask-global form { position:relative; z-index:9; width:100%; margin:auto; padding: 40px !important; background: rgba(38,38,38,.75)} .searchmask-global .clear1, .searchmask-global .clear2{display:none;} #ui-datepicker-div, #dest-selector{z-index:999 !important; background: #fff; } .searchmask-global .input { position:relative; width: 31.333% !important; margin: 25px 1% 10px !important; padding:0 !important; border: 1px solid #fff; } .searchmask-global .input.sm-dr .input { display: inline-block; width: 50% !important; margin: 0 -2px !important; outline: 0 !important; } .searchmask-global .input.sm-df, .searchmask-global .input.sm-pf, .searchmask-global .input.sm-dt, .searchmask-global .input.sm-pt, .searchmask-global .input.sm-fm, .searchmask-global .input.sm-lm{width: 14.665% !important; height:42px;} .searchmask-global .input:after { content: '\e950'; font-family: 'cesys3' !important; position: absolute; z-index: 1; bottom: 0; right: 0; width: 40px; height: 40px; display: block; transform: rotate(90deg); font-size: 20px; text-align: center; color: #fff; font-weight: normal;} .searchmask-global label { position: absolute; top: -25px; left: 0; width: 100% !important; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: 700 !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .searchmask-global .input.sm-df:after, .searchmask-global .input.sm-dt:after, .searchmask-global .input.sm-dr:after { content:'\e924'; transform: none; bottom: -9px; color: #f64d0a;} .searchmask-global .input.sm-dr .input::after {display: none;} .bd-homepage .searchmask-global {padding-bottom: 200px;} .bd-search-results .searchmask-global, .bd-accommodation .searchmask-global {margin-bottom: 30px; padding: 100px 0 15px 0;} .bd-homepage .searchmask-global form {float: left; width: 350px; padding: 90px 40px 70px !important;} .bd-homepage .searchmask-global .input {width: 98% !important;} .bd-homepage .searchmask-global .input.sm-df, .bd-homepage .searchmask-global .input.sm-pf, .bd-homepage .searchmask-global .input.sm-dt, .bd-homepage .searchmask-global .input.sm-pt, .bd-homepage .searchmask-global .input.sm-fm, .bd-homepage .searchmask-global .input.sm-lm {width: 48% !important;} .searchmask-global select, .searchmask-global .selectBox, .searchmask-global input[type='text'], .searchmask-global .dest-selector-opener{ position: relative; z-index:2; width:100% !important; height:40px; padding-top: 8px; padding-left: 5px; border:none; background:none; color: #fff !important; font-size:13px; cursor:pointer; } .selectBox-dropdown .selectBox-label, .searchmask-global .dest-selector-opener-lbl {color: #fff;} .searchmask-global .input input{padding:0 0 0 5px;} .searchmask-global .input.sm-df input, .searchmask-global .input.sm-dt input{} .searchmask-global .input.sm-fm input, .searchmask-global .input.sm-lm input { position:relative; z-index:2; width:20px; height:20px; margin:10px 0 0 20px; } .searchmask-global .selectBox-dropdown .selectBox-arrow{border:none; background:none;} .extended-search-link { position: absolute; left: 35px; bottom: 10px; margin: 0 .75%; padding: 5px; background: none; color: #fff; text-decoration: none; font-weight: normal; font-size: 14px;} .bd-homepage .extended-search-link {bottom: 40px;} .extended-search-link:hover {color: #f64d0a;} .extended-search-link:before {content: '+'; padding-right: 5px;} .extended-search-link.extended-search-link-open:before {content: '-';} .bd-homepage .extended-search-link {width: auto;} .extended-search{clear: none; position:relative; margin-top:-65px;} .searchmask-global .submit { clear: both; float: left; position: relative; width: 31.833% !important; height: 40px; margin: 10px .75%; background: #f64d0a; cursor: pointer;} .bd-homepage .searchmask-global .submit {width: 100% !important;} .extended-search-link.extended-search-link-open + .extended-search + .submit {margin-top: 30px;} .searchmask-global .submit:hover{background:#555; border:1px solid #555;} .searchmask-global .submit input{ position:relative; z-index:3; width:100%; height:100%; background:none; color: #fff; border:none; font-size:15px;} .searchmask-global .overlay{z-index:999 !important} @media screen and (max-width:680px){ .searchmask-global {background-position: center;} .searchmask-global .text-before {position: relative; bottom: auto; padding: 90px 0 20px;} .searchmask-global form {padding: 30px 15px 40px !important;} .bd-homepage .searchmask-global form { float: none; width: 94%; margin-bottom: 60px; padding: 30px 15px 40px !important;} .bd-homepage .extended-search-link {bottom: 10px;} .searchmask-global .input {width: 98% !important;} .searchmask-global .input.sm-df, .searchmask-global .input.sm-pf, .searchmask-global .input.sm-dt, .searchmask-global .input.sm-pt, .searchmask-global .input.sm-fm, .searchmask-global .input.sm-lm{width: 48% !important;} .searchmask-global .submit {width: 98% !important;} } #left-slave { position: fixed; z-index: 999; top: 0; right: 50%; margin-right: -535px; width: 0; max-width: 1120px; background: none; transition: .6s linear;} #left-slave.opened {width: 100%;} #left-slave .searchmask-global {width: 100% !important; margin: 0; padding: 0; background: none;} #left-slave .sidebox-title {position: absolute; z-index: 999; top: 10px; right: -50px; width: 50px;} #left-slave .sidebox-title .text.left {display: none;} #left-slave .sidebox-title:after { content: '\e925'; font-family: 'cesys3' !important; font-size: 20px; text-align: center; display: block; width: 50px; height: 50px; line-height: 50px; border-radius: 40px; background: rgba(255,255,255,.3); color: #fff; cursor: pointer;} #left-slave.scroll .sidebox-title {top: 0;} #left-slave.scroll .sidebox-title:after {width: 40px; height: 40px; line-height: 40px;} #left-slave .sidebox-title:hover:after {background: #262626;} #left-slave .cd-content {padding: 0; background: none; overflow: hidden;} #left-slave form {z-index: 999; width: 100%; height: 70px; padding: 1px !important;} #left-slave form .input {float: left; width: 70% !important; margin: 20px 1% 0 1% !important; } #left-slave form .input:after {display: none;} #left-slave form .input label {top: -18px;} #left-slave form input {font-size: 16px; cursor: auto;} #left-slave form .submit {clear: none; float: left; width: 27% !important; margin: 20px 1% 0 0; text-align: center;} @media screen and (max-width:1200px){ #left-slave {right: 60px; margin-right: 0;} #left-slave.opened {width: calc(100% - 60px) !important;} } @media screen and (max-width:960px){ #left-slave {width: 0 !important;} #cboxCurrent {height: 25px;} #cboxContent {height: 100vh !important;} #cboxLoadedContent {height: 100vh !important;} img.cboxPhoto {object-fit: cover; max-width: 100%; max-height: 100%;} } /*Country Table*/ .countryTable {max-width: 1200px; margin: 30px auto; padding: 15px; } .countryTable .area-title { padding: 20px 30px 20px 50px; margin: 0; background: #262626; color: #fff; transition: .6s linear; text-align: left; font-size: 16px; font-weight: 500; cursor: pointer;} .countryTable .area-title:after { content: '\e950'; font-family: 'cesys3' !important; font-size: 25px; font-weight: 400; float: right; display: inline-block; margin-top: -5px; transform: rotate(90deg);} .countryTable .area-title.active, .countryTable .area-title:hover {background: #f64d0a;} .countryTable .area-title.active:after {transform: rotate(-90deg);} .countryTable .location-area {margin-bottom: 10px; border: 2px solid #f1f1f1;} .countryTable .location-area .area-title + div {display: none;} .countryTable .location-area:first-child .area-title + div {display: block; } .countryTable .country { position: relative; height: 55px; line-height: 55px; padding: 0; border: none; overflow: hidden; background: none !important; font-size: 14px; font-weight: 400; transition: .6s linear; } .countryTable .country:nth-child(even) {background: #f1f1f1 !important; } .countryTable .country:hover {background: #ccc !important; } .countryTable .country a { position: absolute; z-index: 3; left: 0; top: 0; width: 100%; padding: 0 120px 0 50px; color: #333; text-decoration: none; font-weight: bold; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .countryTable .country a:before {display: none; } .countryTable .country span.count-accommodations {position: relative; left:50%; width: 120px; color: #f64d0a;} .countryTable .country span.min-price { width: 110px; margin: 5px 60px 0 0; line-height: 45px; background: #f64d0a; color: #fff; text-align: center; font-weight: 600; transition: .6s linear; } @media screen and (max-width: 960px) { .countryTable .country a {padding-left: 15px; } .countryTable .country span.min-price {margin-right: 15px; } .countryTable .country span.count-accommodations {margin-left: -60px; } } @media screen and (max-width: 680px) { .countryTable .location-area > div {display: block; } .countryTable .location-area .area-title + div {display: none; } .countryTable .location-area:first-child .area-title + div {display: block; } } @media screen and (max-width: 480px) { .countryTable .country span.count-accommodations {display: none; } } /* Search Result */ .offers .cd-content {max-width: 1200px;} .offers .sort-by { width: auto; margin: 15px 0; padding: 15px 30px; border-bottom: 2px solid #f1f1f1; font-size: 14px; } .offers .sort-by a { display: inline-block; height: 42px; margin: 0 0 0 15px; padding: 12px 20px; background: #f1f1f1; color: #333; text-decoration: none; font-weight: normal; border: 1px solid #ccc;} .sort-by a:after { content: '\e950'; font-family: 'cesys3' !important; display: inline-block; transform: rotate(90deg); padding:0 15px 17px 0;} .sort-by a:first-child:after {content:'\e94e';} .offers .sort-by a:hover {background: none; color: #f64d0a;} @media screen and (max-width: 680px) { .offers .sort-by {padding: 15px 0;} .offers .sort-by a {width: 100%; margin: 10px 15px 0 0; text-align: center;} } .searchLine {padding-bottom: 25px;} .searchLine .squareInner:hover, .searchLine .squareInner:hover .info li span, .searchLine .squareInner:hover .info li.param {background: none; color: #555;} .searchLine .squareInner .info a {color: #333; text-decoration: none;} .searchLine .squareInner .info a:hover {color: #f64d0a;} .searchLine .squareInner .info .country {margin-bottom: 18px; padding-bottom: 15px;} .searchLine .squareInner .info .rating {margin-top: 10px; padding-bottom: 15px;} @media screen and (max-width: 960px) { .searchLine .squareInner + div {padding: 0;} } .dates-table-simple thead{display:none;} .dates-table-simple tr{ position:relative; display:block; margin-bottom: 3px; padding:0 10px; line-height:34px; background: #eee;} .dates-table-simple tr:nth-child(n + 7){display:none} .dates-table-simple tr:hover {background: #f64d0a; } .dates-table-simple td{ display:inline-block; width:23%; margin:0 -2px; background:none !important; color:#333; border:none; text-align:left !important;font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .dates-table-simple td:before{font-family:'cesys3' !important; padding-right:5px; color:#333;} .dates-table-simple .date{width:19%;} .dates-table-simple .date:before{content:'\e924';} .dates-table-simple .duration {width:12%;} .dates-table-simple .boarding:before{content:'\e951';} .dates-table-simple .transport img {display: none;} .dates-table-simple .car:before{content:'\e920';} .dates-table-simple .bus:before{content:'\e921';} .dates-table-simple .plane:before{content:'\e922';} .dates-table-simple .lm {width: 6%; text-align: right !important;} .dates-table-simple .lm img,.dates-table-simple .fm img{width:20px; height:20px;} .dates-table-simple .price{width: 17%;} .dates-table-simple .current-price { display: block; line-height: 33px; background: #f64d0a; color: #fff; text-align: center; } .dates-table-simple .required-fees,.dates-table-simple .original-price{display:none !important;} .dates-table-simple td.date-detail{ position:absolute; z-index:3; top:1px; bottom:1px; left:0; width:100% !important; padding:0;} .dates-table-simple td.date-detail a{display:block; width:100%; height:100%; color:transparent;} @media screen and (max-width:480px){ .dates-table-simple tr {line-height: 20px; padding: 5px 0 15px; text-align: left; } .dates-table-simple tr:nth-child(4){display:none} .dates-table-simple td { width: 35% !important; padding: 0 15px !important; background: none !important; font-size: 13px; } .dates-table-simple td.price {float: right; width: 110px !important; } } @media screen and (max-width:360px){ .dates-table-simple td {width: 50% !important; } } /* Hotel, Termin */ .bd-term .cd-content, .bd-accommodation .cd-content {max-width: 1200px; padding: 15px; } #detail-info {position:relative; } #detail-info .detail-head {padding:0 0 30px 15px; word-spacing: 5px; } #detail-info .detail-head a {padding:3px; color: #333; text-decoration: none; font-weight: normal;} #detail-info .detail-head a:first-child{color: #666;} #detail-info .detail-head a:last-child {color: #f64d0a; font-weight: bold;} #detail-info .detail-head a:hover{color: #f64d0a; text-decoration: underline;} #detail-info .squareInner {border: none;} #detail-info .squareInner:hover {background: none; color: #333 } #detail-info .squareInner .thumb {position: unset; overflow: visible;} #detail-info .squareInner:hover .thumb-img {transform: none;} #detail-info .dates-view-gallery, #detail-info .dates-view-gallery li {margin: 0; padding: 0;} #detail-info .thumb-img {position: absolute; top: 0; bottom: 130px; height: auto; border-radius: 5px;} #detail-info .thumb-img .swiper-wrapper {width: 100%; height: 100%;} #detail-info .thumb-img .swiper-slide {width: 100% !important;} #detail-info .thumb-img .swiper-slide img {width: 100%; height: 100%; object-fit: cover;} #detail-info .swiper-slide span {display: none; } #detail-info .dates-view-gallery img {width: 100%; height: 100%; object-fit: cover;} #detail-info .thumbs {position: absolute; left: 0; bottom: 0;} #detail-info .thumbs .swiper-container {overflow: hidden; padding: 0 50px; } #detail-info .thumbs .swiper-wrapper{margin-left: -38%;} #detail-info .thumbs .swiper-slide {width: auto; height: 120px; padding: 0; overflow: hidden; cursor: pointer;} #detail-info .thumbs .swiper-slide img {width: 100%; height: 100%; object-fit: cover;} #detail-info .thumbs .swiper-slide a {pointer-events: none;} #detail-info .thumbs .swiper-button-next { right: 0; top: 0; margin: 0; width: 40px; height: 100%; border-radius: 0; background-size: 12px; background-position: center; background-color: #333; } #detail-info .thumbs .swiper-button-prev { left: 0; top: 0; margin: 0; width: 40px; height: 100%; opacity: 1; cursor: pointer; pointer-events: unset; background-size: 12px; background-position: center; background-color: #333; border-radius: 0;} #detail-info .thumbs .swiper-button-next:hover, #detail-info .thumbs .swiper-button-prev:hover {background-color: #f64d0a !important; } #detail-info .thumb-img .swiper-wrapper:nth-child(n + 2), #detail-info .thumbs .swiper-wrapper:nth-child(n + 2) {display: none;} @media screen and (max-width: 960px) { #detail-info .thumbs .swiper-wrapper{margin-left: -26%;} } #detail-info .favourites-links { position: absolute; z-index: 3; top: 0; right: 0; width: 50px; height: 45px; line-height: 45px; padding: 0; background: #f64d0a; color: #fff; text-decoration: none; text-align: center; font-size: 0;} #detail-info .favourites-links:hover, #detail-info .favourites-links.link-delete {background: #555; text-decoration: none;} #detail-info .favourites-links:before{ content:'\e927'; font-family:'cesys3'!important; font-size: 22px; color: transparent; -webkit-text-stroke: 3px #fff;} #detail-info .favourites-links.link-delete:before {color: #fff;} #detail-info .squareInner .info {float: right; min-height: 440px; padding: 15px 20px 15px 30px; background: #eee;} #detail-info .squareInner .info a {color: #333; text-decoration: none;} #detail-info .squareInner .info a:hover {color: #f64d0a;} #detail-info .squareInner .info li {padding: 3px 0;} #detail-info .squareInner .info li span {color: #555 !important;} #detail-info .squareInner .info li.hotel { padding-bottom: 10px; text-align: center; font-size: 22px; border-bottom: 2px solid #ccc;} #detail-info .squareInner .info li.rating {padding: 10px 0 30px;} #detail-info .squareInner .info li.country {margin: 0; padding: 3px 0; border: none;} #detail-info .squareInner .info li.transport i {font-style: normal;} #detail-info .squareInner .info li.termin {padding-top: 30px;} #detail-info .squareInner .info li.price { display: inline-block; width: auto !important; margin: 30px 0 15px; padding: 10px 30px; background: #f64d0a; color: #fff;} #detail-info .squareInner .info li.param { padding-top: 15px; border-top: 2px solid #ccc; color: #999; overflow: unset; white-space: normal;} #detail-info .squareInner .info li.param li span {color: #fff !important; font-size: 13px;} @media (max-width: 680px) { #detail-info .thumb-img, #detail-info .thumbs {position: relative;} } .simple-tabs {margin: 15px 0 30px; padding: 0;} .simple-tabs .simple-tab-header {padding: 0;} .simple-tabs .simple-tab-header a { display: block; float: none; width: 100%; margin: 10px 0 0 0; padding: 20px 30px 20px 50px; background: #262626; color: #fff; text-align: left; font-size: 20px; font-weight: 500;} .simple-tabs .simple-tab-header a:after{ display:inline-block; transform:rotate(90deg); content:'\e950'; font-family:'cesys3'!important; font-size:24px; float: right; font-weight: normal;} .simple-tabs .simple-tab-header span {padding: 0 !important; background: none !important;} .simple-tabs .simple-tab-header a:hover, .simple-tabs .simple-tab-header a.opened {background: #f64d0a;} .simple-tabs .simple-tab-header a.opened:after {transform:rotate(-90deg);} @media (max-width: 680px) { .simple-tabs .simple-tab-header a {padding: 20px;} } .simple-tabs .simple-tab-content .opened { margin: 0 0 30px 0;padding: 15px !important; background:#fff !important; border: 1px solid #ccc; border-top: none;} .simple-tabs .simple-tab-content #tab-terminy.opened {padding: 15px 0 !important;} .simple-tabs .simple-tab-content #listMonth {padding: 0 15px; display:none;} .simple-tabs .simple-tab-content .btnMonth { margin:0 3px 3px 0; padding:10px 15px; background:#f9c83f; color:#fff; border:none; cursor:pointer;} .simple-tabs .simple-tab-content .btnMonth:hover, .simple-tabs .simple-tab-content .btnMonth.active {background:#555;} .simple-tabs .simple-tab-content .adds-filter {padding: 15px 15px 0;} .simple-tabs .simple-tab-content .adds-filter .input {display: inline-block; align-items: center; margin-right:1%;} .simple-tabs .simple-tab-content .adds-filter .input label{font-weight:normal; font-size:14px;} .simple-tabs .simple-tab-content .adds-filter .select {position: relative;} .simple-tabs .simple-tab-content .adds-filter .select:after { content: '\e950'; font-family: 'cesys3' !important; font-size: 25px; color: #ccc; display: block; z-index: 1; position: absolute; top: 30px; right: 3px; transform: rotate(90deg);} .simple-tabs .simple-tab-content .adds-filter fieldset + .select:after {display: none; } .simple-tabs .simple-tab-content .adds-filter .select:hover:after {color: #000; } .simple-tabs .simple-tab-content .adds-filter select { position: relative; z-index: 3; height: 35px; margin: 0; padding-left: 10px; border: 1px solid #ddd; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; background: transparent; cursor: pointer;} .simple-tabs .simple-tab-content .adds-filter input[type="checkbox"] {width:20px; height:20px;} #grid-box div {width: 100% !important; padding: 0; } #grid-box table {width: 100% !important; } #grid-box table thead {display: none !important; } .ui-state-default {border: none !important; } .ui-widget {padding-top: 15px; border: 0 none; } .ui-jqgrid .ui-jqgrid-hdiv th span {display: none; } .ui-widget-content .ui-state-default {background: transparent; } .ui-jqgrid .ui-jqgrid-hdiv #grid_accommodation_id, .ui-jqgrid .ui-jqgrid-hdiv #grid_link {display: none; } .ui-jqgrid .ui-jqgrid-hdiv th .ui-sort-ltr {top: 16px; right: 10%; } #grid-box table#grid {border-spacing:0 0px; border-collapse: separate; } #grid-box table#grid tr:nth-child(odd) {background: #f1f1f1; } #grid-box table#grid td {height:50px;background-color:none !important;font-size:14px;text-align:left !important;} #grid-box table#grid td[aria-describedby="grid_date_from"]:before { content: '\e924';font-family: 'cesys3' !important; color: #f64d0a; padding: 0 6px 0 30px; } #grid-box table#grid td[aria-describedby="grid_boarding_id"]:before { content: '\e951';font-family: 'cesys3' !important; color: #f64d0a; padding-right: 6px; } #grid-box table#grid td[aria-describedby="grid_transport_id"] img {width: 12px; height: auto; margin-right: 5px; } #grid-box table#grid td[aria-describedby="grid_last_minute"] img { width: auto; height: 38px; padding: 4px 12px; background: #a6a6a6; } #grid-box table#grid td[aria-describedby="grid_price"] {padding:0 30px 0 0; text-align: right !important; } #grid-box table#grid td[aria-describedby="grid_price"] strong { display:inline-block;width:90px; line-height:38px; background-color:#f64d0a;color:#fff; font-weight:500 !important;text-align:center; } #grid-box table#grid td:nth-child(7), #grid-box table#grid td:last-child { width: 0 !important; padding: 0 !important; border: none; } #grid-box table#grid td[aria-describedby="grid_link"] a { position: absolute; z-index: 3; left: 0; right: 0; height: 45px; margin-top: -22px; display: block; color: transparent !important; background: none !important; } #grid-box table#grid tr:hover {background: #a6a6a6; color: #fff;} #grid-box table#grid tr:hover td {background-color: none !important;} @media screen and (max-width:680px){ #grid-box table#grid tr{position:relative; padding: 10px 0; border:none !important;} #grid-box table#grid tr:hover td{background:none !important; } #grid-box table#grid td{ display:inline-block;width:33.333% !important;margin:0;padding-left:15px;height:25px; background-color:none !important;border:none;} #grid-box table#grid td[aria-describedby="grid_date_from"]:before {padding-left: 0; } #grid-box table#grid td[aria-describedby="grid_duration"] {width: 50% !important; } #grid-box table#grid td[aria-describedby="grid_last_minute"] { position: absolute; top: 5px; right: 15px; width: 105px !important; height: auto; } #grid-box table#grid td[aria-describedby="grid_last_minute"] img {height: 34px; padding: 2px 30px;} #grid-box table#grid td[aria-describedby="grid_price"] {height: 35px; padding: 0 15px 0 0; overflow: hidden;} #grid-box table#grid td[aria-describedby="grid_link"] a {top: 0; height: 100%; margin: 0;} } @media screen and (max-width:360px){ #grid-box table#grid td {width: 50% !important;} #grid-box table#grid td[aria-describedby="grid_last_minute"] {position: relative; top: auto; right: auto;} } #grid-box #pager{height:70px;} #pager_center {width: 100% !important; padding-top: 30px; } td#pager_left, td#first_pager, td[dir="ltr"], td#last_pager,td#pager_right, td.ui-pg-button.ui-state-disabled, td#last_traffics-pager,td#first_traffics-pager, td#next_pager span, td#prev_pager span,td#next_traffics-pager span,td#prev_traffics-pager span{display:none;} #grid-box #pager td#next_pager, #grid-box #pager td#prev_pager, td#next_traffics-pager, td#prev_traffics-pager { width:50% !important; height:40px !important; position:relative; padding:0 !important; border:none !important; opacity:1; border-radius:0px; background:#f64d0a !important; } #grid-box #pager td#prev_pager, td#prev_traffics-pager{border-right: 1px solid #fff !important; } #grid-box #pager td#next_pager:hover, #grid-box #pager td#prev_pager:hover, td#next_traffics-pager:hover, td#prev_traffics-pager:hover {background:#555 !important} #grid-box #pager td#next_pager::before, td#next_traffics-pager::before { position:absolute; display:block; content:'\000BB'; width:100%; top:0px; line-height:30px; color:#fff !important; text-align:center; font-size:43px; } #grid-box #pager td#prev_pager:before,td#prev_traffics-pager:before { position:absolute; display:block; content:'\000BB'; top:10px; width:100%; line-height:30px; transform:rotate(180deg); color:#fff; text-align:center; font-size:43px; } .trip-detail th {color: #f64d0a; font-weight: 500;} .hotel-info .pics a {width: 100%; } .hotel-info .pics img {width: 100%; height: auto; border-radius: 0 !important; } @media screen and (max-width:480px){ .hotel-info .text{width: 100%;} .hotel-info.images-left .text{margin-left:0;} .hotel-info .pics{position:relative; width:100%; height:300px !important;} } /* Objednavka */ .section.service{display:none;} label[for=fi-dm], select#fi-dm{display:none !important;} .bd-term .btn, .bd-term .order-form .new-submit, #order-lidi { display:block; width:100%; max-width:280px !important; margin:12px auto !important; padding:10px !important; cursor:pointer; background:#f64d0a; color:#fff; border:0; transition:0.6s linear; line-height: 20px !important; text-align:center; font-weight:normal; } .bd-term .btn:hover, .bd-term .order-form .new-submit:hover{background:#555 !important;} .bd-term .btn span{display:block; text-transform:none;} #roomSelect{width:100%;} #order-service.btn {margin: 12px auto 12px auto; } .local-booking-form select{ -webkit-appearance:none;-moz-appearance:none;position:relative;z-index:3;padding:5px 35px 5px 5px; background:rgba(0,0,0,.05);color:#333;border:none;text-align:right;font-size:16px !important;font-weight:bold;cursor:pointer; } .local-booking-form select:hover{background:rgba(0,0,0,.15); } .local-booking-form .select, .price-row .count{position:relative;} .local-booking-form .select:after,.price-list .section.surcharges .section-header:after,.price-row .count:after, .surcharges .section-header:after, .price-list .section.room .section-header:after { content:'\e950';font-family:'cesys3'!important;font-size:25px;color:#333; position:absolute;z-index:1;top:1px;right:3px;display:block;transform:rotate(90deg); } .local-booking-form .box{padding:0} .local-booking-form .box .box-header{padding:9px;background:none;color:#999;border-bottom:1px solid #999;text-transform:uppercase;font-size:20px;font-weight:normal} .local-booking-form .box .box-content{padding:18px 9px} .local-booking-form .box .occupancy-form .row .cell{margin:3px 0;width: 50% !important;} .local-booking-form .box .occupancy-form .row .cell label{width:auto;padding:0;font-weight:normal} .local-booking-form .box .occupancy-form .row .cell .input{display:inline-block;width:70px} .price-list .section .section-header{position:relative; padding:0;background:none;font-size:16px;font-weight:normal} .price-list .section .section-header .room-availability{display:inline-block;width:35px;} .price-list #roomSelect{width:calc(100% - 40px);max-width:100%;text-align:left} .price-list .price-row .count:after{top:5px;right:50%; margin-right: -30px;} .price-list .section.surcharges .section-header{position:relative;clear:both;margin:50px 0 0 0; line-height:30px } .price-list .section.surcharges .section-header select{ float:right;width:calc(100% - 130px);max-width:100%;margin:0;text-align:left} .price-list .section.surcharges select{width:auto;} .price-list .section.total-price, .price-list .section.storno-price{text-align:left;} .price-list .section.total-price .total-price-value {float: right; font-weight: bold;} .price-list .section table td.count {} .price-list .debug {background: none !important; border: 1px solid #ccc } .price-list .room-availability {width: 100% !important;} .price-list .text-availability {width: 220px !important;} @media screen and (max-width:680px){ .local-booking-form .box .box-content {padding:9px !important;} .price-list .section table .description {border-bottom: none; padding: 10px 0 0 0;} .price-list .section table .price {width:90px; line-height: 30px; text-align: left;} .price-list .section table .total {width: 100px;} } @media screen and (max-width:480px){ .local-booking-form .box .occupancy-form .row .cell{ width: 100% !important;max-width: 100% !important; padding-right: 0;} .local-booking-form .box .occupancy-form .row .cell .input{float: right;} .price-list .section table td.price {width: 50%; padding:5px 0;} .price-list .section table td.count {float: right; width: 70px; padding:5px 0;} .price-list .price-row .count:after{right:3px;margin-right:0;} .price-list .section table td.total {width: 100%; text-align: center;} } /* HP */ .swiper-button-white { width: 40px; height: 40px; background-size: 12px; background-color: rgba(38,38,38,.3); border-radius: 40px;} .swiper-button-white:hover {background-color: #262626;} .swiper-container-1 { position: relative; z-index: 999; top: -240px; max-width: 1190px; padding: 60px 10px 0; margin: auto; overflow: hidden;} .swiper-container-1 ul {list-style: none; margin: 0; padding: 0; text-align: center; font-size: 18px;} .swiper-container-1 ul img {display: block; width: 100%; height: 230px; object-fit: cover;} .swiper-container-1 ul a {position: absolute; z-index: 9; top: 0; bottom: 0; left: 0; right: 0; color: transparent;} .swiper-container-1 ul li em {display: block; font-size: 15px;} .swiper-container-1 ul li:first-child { position: absolute; z-index: 3; left: 0; right: 0; color: #fff; text-shadow: 1px 1px 1px black; background: #0000008f; padding: 10px 0; } /*.swiper-container-1 ul li:first-child:before { content: '\e961'; font-family: 'cesys3' !important; display: block; margin-bottom: 20px; font-size: 25px;}*/ .swiper-container-1 ul:hover li:first-child {display: block;} .swiper-container-1 ul:hover li:last-child:after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; background: rgba(38,38,38,.75);} .swiper-container-1 .swiper-button-prev { top: 0; left: auto; right: 60px; margin: 0; background-color: rgba(255,255,255,.3);} .swiper-container-1 .swiper-button-next {top: 0; margin: 0; background-color: rgba(255,255,255,.3);} @media screen and (max-width:960px){ .swiper-container-1 ul li:first-child {display: block;} .swiper-container-1 ul li:last-child:after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; background: rgba(38,38,38,.75);} } .block2 {max-width: 1200px; margin: -200px auto 0 auto; padding: 15px;} .block2 h3, .block2 h3 a {margin: 20px 0; color: #262626; text-decoration: none; font-size: 30px; font-weight: 500;} .block2 h3 a:hover {color: #f64d0a !important; text-decoration: underline;} .block2 h3 em {color: #f64d0a; font-style: normal; font-size: 16px; font-weight: 500;} .block2 h3:before {content: '\e953'; font-family: 'cesys3' !important; margin-right: 3px; color: #f64d0a;} .block2 h4 { display: inline-block; vertical-align: top; width: 30%; margin: 15px -2px; padding: 0 1% 0 36px; background: none; color: #262626; font-weight: normal; font-size: 20px;} .block2 p { display: inline-block; vertical-align: top; width: 35%; margin: 15px -2px; padding: 0 1%; text-align: justify; font-size: 15px;} .block2 ul { position: relative; display: inline-block; vertical-align: top; list-style: none; width: 25%; margin: 30px -2px; padding: 0; text-align: center; overflow: hidden;} .block2 ul img {display: block; width: 100%; height: 320px; object-fit: cover;} .block2 ul a {position: absolute; z-index: 9; top: 0; bottom: 0; left: 0; right: 0; color: transparent;} .block2 ul li:first-child {display: none; position: absolute; z-index: 3; top: 40%; left: 0; right: 0; color: #fff;} .block2 ul li:first-child:before { content: '\e961'; font-family: 'cesys3' !important; display: block; margin-bottom: 20px; font-size: 25px;} .block2 ul:hover li:first-child {display: block;} .block2 ul:hover li:last-child:after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; background: rgba(38,38,38,.75);} @media screen and (max-width:960px){ .block2 h4 {width: 100%;} .block2 p, .block2 ul {width: 50%;} .block2 ul li:first-child {display: block; width: 50%; margin-left: 50%; transition: .6s linear;} .block2 ul:hover li:first-child {width: 100%; margin: 0;} .block2 ul li:last-child:after { content: ''; position: absolute; z-index: 1; top: 0; bottom: 0; left: 50%; right: 0; background: rgba(38,38,38,.75); transition: .6s linear;} } @media screen and (max-width:680px){ .block2 h3 em {display: block; margin-left: 35px;} .block2 p, .block2 ul {width: 100%; margin: 15px 0;} } @media screen and (max-width:480px){ .block2 ul li:first-child {width: 100%; margin: 0;} .block2 ul li:last-child:after {left: 0;} } .topoffers-index-1 .master-title.cd-title, .topoffers-index-1 .next.right {display: none;} .topoffers-index-1 {background: #f64d0a;} .topoffers-index-1 .cd-content {max-width: 1170px; padding: 15px 0; background: none !important; text-align: center;} .swiper-container-2 {position: relative; padding: 30px 0; overflow: hidden;} .swiper-container-2 a {color: #fff; text-decoration: none; font-weight: normal;} .swiper-container-2 a:hover {color: #262626;} .swiper-container-2 ul {list-style: none; margin: 0; padding: 0 50px;} .swiper-container-2 li {display: inline-block; font-size: 18px;} .swiper-container-2 li.rating, .swiper-container-2 li.link {width: 100%; margin: 25px 0;} .swiper-container-2 li.rating .star {width: 16px; height: auto; margin: 2px;} .swiper-container-2 li.minute {text-transform: uppercase;} .swiper-container-2 li.link span {display: inline-block; padding: 15px 30px; background: #262626; font-size: 15px;} .swiper-container-2 a:hover li.link span {color: #f64d0a;} .topoffers-index-2 {position: relative; margin: 0; padding: 40px 0 20px 0;} .topoffers-index-2 .text.left:before { content: '\e956'; font-family:'cesys3' !important; margin-right: 10px; color: #f64d0a;} .topoffers-index-2 h2 {margin: 30px 0; text-align: center; font-size: 18px;} .topoffers-index-2 .cd-content {max-width: 1200px; padding: 15px 0; background: none !important;} .square {padding-bottom: 15px;} .squareInner {position: relative; background: #fff; border: 1px solid #ccc; transition: .6s linear;} .squareInner .detail {position: absolute; z-index: 9; top: 0; bottom: 0; left: 0; width: 100%;} .squareInner .thumb {position: relative; overflow: hidden;} .squareInner .thumb-img {height: 260px; transition: .6s linear; } .squareInner:hover .thumb-img {transform: scale(1.1); } .squareInner .thumb .minute.LM, .squareInner .thumb .minute.FM { position: absolute; z-index: 3; top: 0; left: 10px; width: 40px; padding: 15px 0 12px; border-radius: 0 0 40px 40px; background: #f64d0a; color: #fff; text-transform: uppercase; text-align: center; font-weight: 500; } .squareInner .info {list-style: none; margin: 0; font-size: 14px; font-weight: 400; } .squareInner .info > li { padding: 1px 0; list-style: none; font-weight: 500; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .squareInner .info li.hotel {padding-top: 10px; font-size: 18px; text-transform: uppercase;} .squareInner .info li.country {margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #ccc;} .squareInner .info li span {padding-right: 6px; color: #555;} .squareInner .info li.transport span {display: none;} .squareInner .info li.letecky .plane, .squareInner .info li.autobus .bus, .squareInner .info li.vlastná .car {display: inline-block;} .squareInner .info li.price {padding-top: 10px; font-size: 20px; font-weight: bold;} .squareInner .info li.rating {padding: 5px 0;} .squareInner .info li.rating .star {width: 18px; height: auto; margin: 1px;} .squareInner .info li.param {padding-top: 10px; border-top: 1px solid #ccc; color: #555; overflow: unset;} .squareInner:hover {background: #f64d0a; color: #fff;} .squareInner:hover .info li span, .squareInner:hover .info li.param {color: #fff;} @media screen and (max-width:680px){ .squareInner .info li.country {border: none;} .squareInner .info li.param {margin-bottom: 15px; border: none; overflow: unset; white-space: unset;} } .block3 { position: relative; margin: 30px 0; padding: 90px 0; background-color: #f64d0a; color: #fff; text-align: center; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(/21519/files/editor/image/Backgrounds/Crikvenica_pano.jpg);} .block3:before { /*content: '\e901 \e906 \e90c \e90f \e920 \e924 \e926'; font-family:'cesys3' !important; font-size: 200px; color: #f1f1f1;*/ position: absolute; z-index: 1; bottom: -40px; left: 0; right: 0; text-align: center; letter-spacing: 25px;} .block3:after { content: ''; position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.65);} .block3 h3, .block3 p {position: relative; z-index: 3; margin: 15px 0 0 0; font-size: 30px;} .block3 p {margin: 0; font-size: 14px;} .block3 a { display: inline-block; margin: 30px 0; padding: 12px 45px; background: #f64d0a; color: #fff; text-decoration: none; font-size: 13px; font-weight: 600; letter-spacing: 1px;} .block3 a:hover {background: #fff; color: #f64d0a;} .block4 {max-width: 1190px; height: 900px; margin: auto; text-align: center; overflow: hidden;} .block4 h3:before {content: '\e956'; font-family:'cesys3' !important; margin-right: 10px; color: #f64d0a;} .block4 p {margin-bottom: 40px;} .block4 ul { list-style: none; display: inline-block; vertical-align: top; width: 25%; height: 220px; margin: 0 -2px; padding: 10px; color: #fff; position: relative; overflow: hidden;} .block4 li:first-child {margin: 120px 0 0 10%; padding: 10px; border-left: 1px solid #fff; text-align: left;} .block4 li strong {display: block;} .block4 li a {position: absolute; z-index: 3; top: 10px; bottom: 10px; left: 10px; right: 10px; color: transparent;} .block4 li:last-child {position: absolute; z-index: -1; top: 10px; bottom: 10px; left: 10px; right: 10px;} .block4 li img {width: 100%; height: 100%; object-fit: cover;} .block4 li:last-child:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(38,38,38,.6);} .block4 ul:hover li:last-child:after {display: none;} .block4 ul:nth-child(5) {height: 440px;} .block4 ul:nth-last-child(2) {top: -220px;} .block4 ul:nth-last-child(4) {top: -220px; width: 50%; height: 440px;} .block4 ul:last-child {top: -440px; right: -37.5%;} .block4 ul:nth-child(5) li:first-child, .block4 ul:nth-last-child(4) li:first-child {margin-top: 340px;} .block4 ul:nth-last-child(4) li:first-child {margin-left: 5%;} @media screen and (max-width:960px){ .block4 ul:nth-child(3), .block4 ul:nth-child(5), .block4 ul:nth-child(8) {width: 50%;} .block4 ul:nth-child(4), .block4 ul:nth-child(6), .block4 ul:nth-child(n + 9) {display: none;} .block4 ul:nth-last-child(n) li:first-child {margin-left: 5%;} } @media screen and (max-width:680px){ .block4 {height: auto; padding-bottom: 30px;} .block4 ul:nth-child(n) {display: block; width: 100%; height: 220px; top: 0; left: 0;} .block4 ul:nth-child(n) li:first-child {margin-top: 120px;} } /* Footer */ #footer-code{ position:relative; width:100%; height:auto; margin:0 auto; padding:0; background:#f64d0a; font-size:14px; } .newsletters-view { position: relative; padding: 60px 0; background: #f64d0a; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(/21519/uploads/fs_images/contentdesignimagesets/7/foto-banner_225_o.jpg);} .newsletters-view:before { /*content: '\e901 \e906 \e90c \e90f \e920 \e924 \e926'; font-family:'cesys3' !important; font-size: 200px; color: #f1f1f1;*/ position: absolute; z-index: 1; bottom: -40px; left: 0; right: 0; text-align: center; letter-spacing: 25px;} .newsletters-view:after { content: ''; position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.5);} .newsletters-view .sidebox-title .text.left { position: relative; z-index: 3; width:100%; max-width: 660px; margin: auto !important; padding: 0 15px; color: #fff; text-align: left; text-transform: none; font-weight: 400;} .newsletters-view .sidebox-title .text.left:before { content: '\e926'; font-family:'cesys3' !important; display: inline-block; position: relative; bottom: -3px; margin-right: 10px;} .newsletters-view .sidebox-content{ position: relative; z-index: 3; width:100%; max-width: 660px; margin: auto !important; padding: 10px 15px 90px; background: none !important; color: #ddd !important; font-weight: 400;} .newsletters-view .sidebox-content:before {content: 'Teraz Vám už nič neujde'; font-size: 18px;} .newsletters-view a {color: #fff; } .newsletters-view a:hover {color: #3e77fa; } .newsletters-view p {position: absolute; left: 15px; bottom: 0; padding: 0 0 25px; font-size:15px !important;} #NewsletterContactAddForm table {position: relative; margin-top: 25px;} #NewsletterContactAddForm table, #NewsletterContactAddForm tbody, #NewsletterContactAddForm tr, #NewsletterContactAddForm td {display:block; width:100% !important; padding:0;} #NewsletterContactAddForm .row_input {display: inline-block; width: calc(100% - 135px) !important;} #NewsletterContactAddForm .row_input + .row_input {width: 100% !important; margin-top: 10px;} #NewsletterEmail{ width:100%; height:50px; padding:0 10px 0 25px; background: #f1f1f1; color:#333; border: 1px solid #ddd; font-size:16px; } #NewsletterContactAddForm .row_submit { position: absolute; top: 0; right: 0; display: inline-block; width: 130px !important; } #NewsletterContactAddForm .submit { width:100%; height:50px; margin: 0; cursor:pointer; border:2px solid #fff; background:#262626; color:#fff; text-transform: uppercase; font-size:14px; letter-spacing: 1px;} #NewsletterContactAddForm .submit:hover{background: #f64d0a; } #NewsletterContactAddForm .row_title {display: none; } #NewsletterEmailAccept{ display:inline-block; vertical-align: top; width:18px !important; height:18px; margin:3px 5px 0 3px;} #NewsletterEmailAccept + label{display:inline-block; width:calc(100% - 30px); line-height: 25px; font-size: 15px;} @media screen and (max-width:480px){ #NewsletterContactAddForm .row_input {width: 100% !important;} #NewsletterContactAddForm .row_submit {position: relative; margin-top: 20px; width: 100% !important;} } #right-slave{float:none; width:100%; max-width:1200px; margin:auto; padding:0; background:none;} #right-slave .cd-title {padding: 20px 30% 25px 0; } #right-slave .cd-title .text.left { padding: 5px 0 !important; color:#fff; text-transform: uppercase; text-align:left; font-size:28px; font-weight: 400 !important; border-bottom: 1px solid rgba(255,255,225,.3); } #right-slave .sidebox-content.cd-content{padding:0;background-color:transparent !important; color: #fff !important;} #right-slave a{color:#fff;} #footer-code .callback .text.left {font-size: 0;} #footer-code .callback .text.left:before {content: 'Napíšte nám'; font-size: 28px;} #footer-code .callback p {padding: 0; font-size: 15px; font-weight: 300;} #footer-code .callback #CallbackAddForm {width: 100%; margin-left: -1%;} #footer-code .callback #CallbackAddForm table {width: 100% !important; } #footer-code .callback #CallbackAddForm table tr {display: block; float: left; width: 50%; } #footer-code .callback #CallbackAddForm table tr:nth-child(odd):not(:nth-child(9)):not(:last-child) {display: none; } #footer-code .callback #CallbackAddForm table tr:nth-child(2), #footer-code .callback #CallbackAddForm table tr:nth-child(8) {width: 100%; } #footer-code .callback #CallbackAddForm table tr:nth-last-child(2) { display: inline-block; width: calc(100% - 140px); padding-right: 10px; } #footer-code .callback #CallbackAddForm table tr:last-child {display: block; width: 140px; } #footer-code .callback #CallbackAddForm table td {display: block; width: 100% !important; padding: 8px; } #footer-code .callback #CallbackAddForm input { width: 100% !important; max-width: 100%; line-height: 44px; padding: 0 10px; background: #fff; color: #333; border: 1px solid #ccc; font-size: 15px; } #footer-code .callback #CallbackAddForm table tr:nth-last-child(2) td { position: relative; color: #262626; margin: 8px; padding: 8px 0; font-size: 14px; font-weight: 300;} #footer-code .callback #CallbackAddForm #CallbackAccept { position: relative; z-index: 3; float: left; width: 20px !important; height: 20px; margin: -2px 9px 0 0;} #footer-code .callback #CallbackAddForm #CallbackAccept + label a {color: #fff; } #footer-code .callback #CallbackAddForm #CallbackSubmit { height: 44px; margin: 0; background: #262626; color: #fff; border: none; font-size: 15px; cursor: pointer; } #footer-code .callback #CallbackAddForm #CallbackSubmit:hover {background: #555; } @media screen and (max-width:680px){ #footer-code .callback #CallbackAddForm {float: none; margin: 30px auto; } #footer-code .callback #CallbackAddForm table tr:last-child {clear: both; float: none; margin: auto;} } @media screen and (max-width:320px){ #footer-code .callback #CallbackAddForm table tr {width: 100%; } } #right-slave .contact ul {margin:0 0 20px 0; padding:0; list-style:none; } #right-slave .contact a{text-decoration:none; } #right-slave .contact a:hover {text-decoration: underline; color: #262626; } #right-slave .contact li {padding: 3px 0;} #right-slave .contact li div {display: inline;} #right-slave .contact ul:nth-child(1) li:nth-child(1):before { content: '\e928'; font-family:'cesys3' !important; margin-right: 10px;} #right-slave .contact ul:nth-child(1) li:nth-child(2):before { content: '\e926'; font-family:'cesys3' !important; margin-right: 10px;} #right-slave .contact ul:nth-child(3) li {display: inline-block; position: relative; margin-right: 5px; } #right-slave .contact ul:nth-child(3) li a { display: block; position: relative; z-index: 3; width: 33px; height: 33px; text-decoration: none !important; font-size: 0;} #right-slave .contact ul:nth-child(3) li a span:before {line-height: 30px; font-size: 20px;} @media screen and (max-width:680px){ #right-slave .cd-title {padding: 20px 15px 25px 15px; } #right-slave .cd-title .text.left {text-align: center;} #right-slave .contact ul {position: relative; left: 50%; margin-left: -70px;} } .footer-code-inner {padding: 0 15px;} .footer-code-inner .clear { clear: both; max-width: 1170px; margin: auto; padding-top: 30px; border-bottom: 1px solid rgba(255,255,225,.3);} #footer{ position: relative; height: auto; line-height: 40px; padding: 20px 15px; border: none; font-size: 14px; text-align: center; font-weight: 300;} #footer a {text-decoration: none; font-weight: 300;} #footer a:hover {text-decoration: underline;} #footer .logo {position: absolute; left: 50%; margin-left: -585px; font-size: 40px; font-weight: 600;} @media screen and (max-width:1200px){ #footer .logo {left: 15px; margin-left: 0;} } @media screen and (max-width:960px){ #footer{padding-right: 60px; padding-top: 15px;} #footer span {display: block; line-height: 22px; text-align: right;} #footer .logo {top: 25px;} #footer .footer2 {font-size: 0;} #footer .footer2 a {font-size: 14px;} } @media screen and (max-width:680px){ #footer{padding-right: 15px; padding-top: 70px;} #footer span {display: block; line-height: 22px; text-align: center;} #footer .logo {right: 0;} } /* Country */ .weatherDestination tr{height:60px;} .weatherDestination tr:last-child {text-align: center; } .weatherDestination, #destination-tree{width:100%; margin:0 0 30px 0; padding:15px; background:#fff; text-align:left;} #destination-tree > li{padding:10px; list-style:none; background:#fff;} #destination-tree > li > h3 a {font-size:18px; font-weight: 600; color: #f64d0a; } #destination-tree ul {margin: 0; padding:0;} #destination-tree li {list-style: none;} #destination-tree > li > ul > li { display:inline-block; vertical-align:top; width:16% !important; margin:10px 1% !important; padding:1% !important; line-height:30px; list-style:none; background:#f9f9f9; } #map-canvas {width: calc(100% + 40px) !important; margin: 0 -20px !important; } .dates-country,.dates-destination{margin:0 -20px; background:#fff !important;} .dates-country .cd-content,.dates-destination .cd-content {padding:0; background:#fff !important;} @media screen and (max-width:680px){ #destination-tree > li > ul > li {width: 46% !important; } .weatherDestination td { display:inline-block; width:33% !important; height:40px; margin:0 -2px; padding:10px 0 !important; border-bottom:1px solid #eee;} .weatherDestination tr:last-child td{width:100% !important; height:auto; border:none; font-size:12px} } @media screen and (max-width:480px){ #destination-tree > li > ul > li{width:96% !important;} } /* Dates Favourites */ .favourite-offer-line {margin: 30px 0; padding: 0 !important; border: none !important; } .favourite-offer-line .inner {position: relative; padding: 0 !important; } .favourite-offer-line .thumb {position: absolute; top: 0; left: 0; bottom: 0; width: 30% !important; } .favourite-offer-line .thumb img { display: block; width: 100% !important; height: 100%; object-fit: cover; border: none !important; } .favourite-offer-line .desc { position: relative; width: 68%; margin-left: 32% !important; padding: 30px 2%; background:#fff; border:1px solid #eee; } .favourite-offer-line h2{width:100% !important;} .favourite-offer-line h2 a{color:#111; text-transform:uppercase; text-decoration:none; font-size:26px; font-weight:600;} .favourite-offer-line .land, .favourite-offer-line .land a { width: 100% !important; color: #444; text-decoration: none; font-style: normal; font-weight: 500; } .favourite-offer-line .stars {float: right !important; margin-top: -50px; } .favourite-offer-line .stars img {width: 15px; height: auto; margin-right: 5px; } .favourite-offer-line .icons {position: absolute; right: 180px; bottom: 30px; } .favourite-offer-line .icons img {width: 30px; height: auto; } .favourite-offer-line .facts {margin-top: 20px; } .favourite-offer-line .facts p { padding: 2px 0 !important; color: #444; font-size: 16px; } .favourite-offer-line .red-strong {color: #666 !important; font-weight: normal !important; } .favourite-offer-line .prices {position: absolute; right: 20px; bottom: 30px; } .favourite-offer-line .prices p {font-size: 16px !important; } .favourite-offer-line .prices a { display: inline-block; width: 110px ; line-height: 40px; padding: 0px; background-color: #f64d0a; color: #fff; font-weight: normal; font-size: 18px !important; text-align: center; } @media screen and (max-width: 960px) { .dates-favourites .cd-content {padding: 15px; } .favourite-offer-line .stars {float: none !important; margin-top: 0; } .favourite-offer-line .icons {position: relative; right: auto; bottom: auto; } } @media screen and (max-width: 680px) { .favourite-offer-line .thumb {position: relative; width: 100% !important; height: 300px; } .favourite-offer-line .stars {float: left !important; margin-top: 0px; } .favourite-offer-line .desc {width: 100%; margin-left: 0 !important; padding-bottom: 70px; } .favourite-offer-line .prices, .favourite-offer-line .icons {bottom: 10px; } } /* Float Box */ #favourites-floatbox { position: fixed !important; display: block; z-index: 999; left: auto; right: -171px; top: auto; bottom: 55px; width: 220px; text-align: center; transition: .6s linear; } #favourites-floatbox:hover {right: 0; } #favourites-floatbox:before { display: inline-block; vertical-align: top; width: 25px; line-height: 25px; content: "\e927"; font-family: 'cesys3' !important; font-size: 18px; cursor: pointer; margin: 0 10px 0 0; padding:5px; background: #262626; color: transparent; -webkit-text-stroke: 2px #fff; border-radius: 2px; } #favourites-floatbox:hover:before {background: #555; } #favourites-floatbox.add-favourites:before {color: #fff;} #favourites-floatbox .cd-title {display: none; } #favourites-floatbox .cd-content { display: inline-block; vertical-align: top; line-height: 25px; background:rgba(255,255,255,.95); font-size: 14px; padding: 5px;} /* Search Callback */ .offers.searchmask-callback .cd-content{margin-bottom:50px !important; padding:15px; text-align:center} .offers.searchmask-callback label{text-align:right;padding-right:10px} #CallbackAddForm input, #CallbackAddForm textarea { width:100%; max-width:500px; margin: 0; padding:10px; border:1px solid #ccc} #CallbackAddForm input#SearchmaskCallbackAccept{width:20px; height:20px; margin-right:10px} #CallbackAddForm .submit {width:180px; margin:15px auto} #CallbackAddForm .submit input { padding:0; height:50px; background:#f64d0a; color:#fff; border:none; text-transform: uppercase; font-size:16px; font-weight: bold; cursor: pointer; } #CallbackAddForm .submit input:hover{background:#555} /* Newsletters Add */ .newsletters-add .form{padding:30px;} .newsletters-add table{margin:auto;} .newsletters-add table td{display:block; width:100%;} .newsletters-add #NewsletterContactEmail{ width:100%; height:50px; padding:10px !important; color:#666; border:1px solid #999; font-size:16px; } .newsletters-add .submit input{ width:100%; height:50px; background:#f64d0a; color:#fff; border:none; text-transform: uppercase; font-size:16px; font-weight:bold; cursor:pointer; transition:.6s linear; } .newsletters-add .submit input:hover{background:#555;} /* Image Gallery */ .image-gallery table{width:100%;} .image-gallery tr{display:block; width:100%;} .image-gallery td{ position:relative; display:inline-block; vertical-align:top; overflow:hidden; width:31.333%; padding-top:20%; margin:calc(1% - 2px); } .image-gallery td img{ position:absolute; left:-100%; right:-100%; top:-100%; bottom:-100%; width:100% !important; height:auto !important; margin:auto; } /*end*/ /*update*/ .price-orig { color: #f64d0a !important; } .price-orig b { text-decoration: line-through; } .klikaj { box-shadow: 0px 10px 14px -7px #000000; background:#f64d0a; background-color:#f64d0a; border-radius:42px; border:2px solid #ff4800; display:inline-block; cursor:pointer; color:#ffffff; font-family:Montserrat; font-size:15px; padding:13px 32px; text-decoration:none; text-shadow:0px 1px 0px #3d768a; margin-top: 10px; } .klikaj:hover { background:#f66329; background-color:#f66329; } .klikaj:active { position:relative; top:1px; } #detail-info .search-swiper-container { height: 440px; } /* settings - stop */ /* content design - on v2 */ .default-floatbox-design{position:fixed;left:50%; margin-left: 456px; text-align: left;top:5%;} .default-floatbox-design .cd-title{display:none;min-height:22px;_height:22px;background-color:#3B9AD7;background-image:none;color:#ffffff;font-size:11px;text-transform:uppercase;} .default-floatbox-design .cd-icon{background-image:none;height:0px;width:0px;} .default-floatbox-design .cd-content{background-color:#ffffff;background-image:none;color:#364A90;} .default-floatbox-design .cd-footer{display:none;min-height:0px;_height:0px;background-color:#3B9AD7;background-image:none;color:#ffffff;} .default-floatbox-design .cd-icon-footer{background-image:none;height:0px;width:0px;} .default-sidebox-design{} .default-sidebox-design .cd-title{display:block;min-height:22px;_height:22px;background-image:none;background-repeat:no-repeat;color:#0284e0;font-size:13px;text-transform:uppercase;} .default-sidebox-design .cd-icon{background-image:none;height:0px;width:0px;} .default-sidebox-design .cd-content{background-color:#ffffff;background-image:none;color:#444;} .default-sidebox-design .cd-footer{display:none;min-height:0px;_height:0px;background-color:#3B9AD7;background-image:none;color:#ffffff;} .default-sidebox-design .cd-icon-footer{background-image:none;height:0px;width:0px;} .default-design{} .default-design .cd-title{display:block;min-height:22px;_height:22px;background-image:none;background-repeat:no-repeat;color:#0284e0;font-size:20px;text-transform:uppercase;} .default-design .cd-icon{background-image:none;height:0px;width:0px;} .default-design .cd-content{background-color:#ffffff;background-image:none;color:#444;} .default-design .cd-footer{display:none;min-height:0px;_height:0px;background-color:#3B9AD7;background-image:none;color:#ffffff;} .default-design .cd-icon-footer{background-image:none;height:0px;width:0px;} /* content design - off */