/* Start:/local/components/logema/bus.tours.detail/templates/tours_block/style.css?171024320411803*/ .kurort_manager .manager{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .kurort_manager .manager .title{ -ms-flex-item-align: center; align-self: center; margin: 5px 30px 5px 0; } .kurort_manager .manager__block{ margin: 0; width: auto; -ms-flex-preferred-size: 320px; flex-basis: 320px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-item-align: center; align-self: center; } .kurort_manager .manager__left{ margin: 0; float: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; -ms-flex-preferred-size: 65px; flex-basis: 65px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; } .kurort_manager .manager__left .manager__img{ align-self: center; } .kurort_manager .manager__center{ margin: 5px 0 5px 10px; float: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10; -ms-flex-negative: 1; flex-shrink: 1; } .kurort_manager .manager__name-dop{ font-family: "Ubuntu", sans-serif; font-size: 16px; font-weight: 300; } .kurort_manager .manager__right{ margin: 5px 0 5px 20px; float: none; width: auto; -ms-flex-preferred-size: 320px; flex-basis: 320px; -webkit-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10; -ms-flex-negative: 1; flex-shrink: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-item-align: center; align-self: center; } .kurort_manager .manager__right .manager__rt{ -ms-flex-preferred-size: 50%; flex-basis: 50%; white-space: nowrap; min-width: 170px; } #kurort_detail{ padding-top: 0; } #kurort_detail > div > .row { margin-top: 30px; } #kurort_detail > div > .row.kurort_head{ margin-top: 0; } #kurort_detail > div > .row.kurort_tags{ margin-bottom: 50px; } #kurort_detail > div > .row.kurort_description{ margin-top: 0; } #kurort_detail > div > .row.kurort_description > div:first-child:not(:empty){ margin-top: 30px; } #kurort_detail > div > .row.kurort_description > div + div:not(:empty){ margin-top: 20px; } #kurort_detail .kurort_image { text-align: center; } #kurort_detail .kurort_image:only-child { width: 100%; } #kurort_detail .kurort_image .kurort_image_cont{ position: relative; height: 200px; overflow: hidden; border-radius: 2px; } #kurort_detail .kurort_image img { display: block; position: absolute; left: calc(50% - 585px); } .relink_container.tags .row.season{ padding: 15px 0; } #kurort_detail .kurort_subsections:only-child { width: 100%; } #kurort_detail .kurort_subsections:only-child ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-evenly; } #kurort_detail .kurort_subsections:only-child ul li { padding: 3px 5px; } @media (max-width: 991px) { #kurort_detail .kurort_subsections { margin-top: 20px; } #kurort_detail .kurort_subsections ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-evenly; } #kurort_detail .kurort_subsections ul li { padding: 3px 10px; } } #kurort_detail .kurort_subsections p { font-weight: bold; font-size: 16px; } #kurort_detail .kurort_subsections a { } #kurort_detail .kurort_tags a { } .img-srvc_address-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/address.svg") no-repeat center; background-size: contain;} .img-srvc_conditioner-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/air_conditioner.svg") no-repeat center;} .img-srvc_bar-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/bar.svg") no-repeat center; background-size: contain;} .img-srvc_beach-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/beach.svg") no-repeat center;} .img-srvc_food-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/food.svg") no-repeat center; background-size: contain;} .img-srvc_parking-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/parking.svg") no-repeat center; background-size: 85%;} .img-srvc_playground-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/playground.svg") no-repeat center; background-size: contain;} .img-srvc_restaurant-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/restaurant.svg") no-repeat center;background-size: 85%;} .img-srvc_ropeway-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/ropeway.svg") no-repeat center;background-size: 85%;} .img-srvc_wifi-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/wi-fi.svg") no-repeat center;background-size: 85%;} .img-srvc_service-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/z-time.svg") no-repeat center; background-size: contain;} .img-srvc_infrastructure-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/z-home.svg") no-repeat center; background-size: contain;} .img-srvc_bank-safe-box-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/z-bank-safe-box.svg") no-repeat center; background-size: 85%;} .img-srvc_dumbbell-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/z-dumbbell.svg") no-repeat center; background-size: 85%;} .img-srvc_ladder-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/z-ladder.svg") no-repeat center; background-size: 85%;} .img-srvc_magic-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/z-magic.svg") no-repeat center; background-size: 85%;} .img-srvc_for-children-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/z-playground.svg") no-repeat center; background-size: 85%;} .img-srvc_bar-restaurant-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/z-restaurant.svg") no-repeat center; background-size: 85%;} .img-srvc_sauna-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/z-sauna.svg") no-repeat center; background-size: 85%;} .img-srvc_baby-stroller-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-baby-stroller.svg") no-repeat center; background-size: 85%;} .img-srvc_care-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-care.svg") no-repeat center; background-size: 85%;} .img-srvc_cosmetics-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-cosmetics.svg") no-repeat center; background-size: 85%;} .img-srvc_iron-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-iron.svg") no-repeat center; background-size: 85%;} .img-srvc_kitchen-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-kitchen.svg") no-repeat center; background-size: 85%;} .img-srvc_map-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-map.svg") no-repeat center; background-size: 85%;} .img-srvc_massage-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-massage.svg") no-repeat center; background-size: 85%;} .img-srvc_money-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-money.svg") no-repeat center; background-size: 85%;} .img-srvc_monitor-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-monitor.svg") no-repeat center; background-size: 85%;} .img-srvc_open-book-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-open-book.svg") no-repeat center; background-size: 85%;} .img-srvc_pet-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-pet.svg") no-repeat center; background-size: 85%;} .img-srvc_pharmacist-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-pharmacist.svg") no-repeat center; background-size: 85%;} .img-srvc_scissors-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-scissors.svg") no-repeat center; background-size: 85%;} .img-srvc_shopping-cart-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-shopping-cart.svg") no-repeat center; background-size: 85%;} .img-srvc_souvenir-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-souvenir.svg") no-repeat center; background-size: 85%;} .img-srvc_stethoscope-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-stethoscope.svg") no-repeat center; background-size: 85%;} .img-srvc_taxi-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-taxi.svg") no-repeat center; background-size: 85%;} .img-srvc_tree-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-tree.svg") no-repeat center; background-size: 85%;} .img-srvc_washing-machine-s {background: url("/local/templates/ivolga_inp/img/hotel_detail/icon/zz-washing-machine.svg") no-repeat center; background-size: 85%;} /* End */ /* Start:/local/templates/ivolga_inp/components/intervolga/hotel.list/carousel/style.css?17108680861292*/ .hotel-catalog.excurs .hotel-catalog__hc-row{ margin: 0; padding: 0; border: none!important; } .hotel-catalog.excurs .hotel-catalog__hc-body{ border: none; } .hotel-catalog__form-cont.excurs .tour-selection__btn.active{ border-color: #ffab00; } .slick-slide .img_feedback_s { width: 355px; height: 234px; } .slider-arrow-left { background-image: url("/images/waydescription/arrow-left.png"); } .slider-arrow-right { background-image: url("/images/waydescription/arrow-right.png"); } .slick-arrow { height: 300px; width: 20px; background-repeat: no-repeat; background-position: center; align-self: center; cursor: pointer; } .hotel-catalog__hc-body .slick-slider { display: flex; } .slick-slide { margin: 10px; } .slick-slider .slick-list { margin: 10px; } .slick-slider .img-block { margin-top: 0; } .slick-slider .title { margin: 20px; width: 355px; } .slick-slider .TR-content__buttons { background: white; } .slick-slider .TR-content__tourcontainer { border: none; padding-bottom: unset; } .cost__container { top: 100px; position: absolute; margin: 90px 10px 10px 180px; } .slick-slider .slick-list { width: 100%; } .slick-slider .slick-track { float: left; } /* End */ /* Start:/local/templates/.default/components/intervolga/tours.search.form/tour_search_form/style.css?171086808655860*/ @font-face { font-family: 'openSansSemibold'; src: url('/local/templates/.default/fonts/openSansSemibold/OpenSans-Semibold-webfont.eot'); src: url('/local/templates/.default/fonts/openSansSemibold/OpenSans-Semibold-webfont-iefix.eot') format('embedded-opentype'), url('/local/templates/.default/fonts/openSansSemibold/OpenSans-Semibold-webfont.woff') format('woff'), url('/local/templates/.default/fonts/openSansSemibold/OpenSans-Semibold-webfont.ttf') format('truetype'), url('/local/templates/.default/fonts/openSansSemibold/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'openSansRegular'; src: url('/local/templates/.default/fonts/openSansRegular/OpenSans-Regular-webfont.eot'); src: url('/local/templates/.default/fonts/openSansRegular/OpenSans-Regular-webfont-iefix.eot?') format('embedded-opentype'), url('/local/templates/.default/fonts/openSansRegular/OpenSans-Regular-webfont.woff') format('woff'), url('/local/templates/.default/fonts/openSansRegular/OpenSans-Regular-webfont.ttf') format('truetype'), url('/local/templates/.default/fonts/openSansRegular/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } /*! jQuery UI - v1.10.4 - 2014-04-02 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{border-left-width:0}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none;border-left:none;}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#FCFDFD;color:#333}.ui-widget-content a{color:#333}.searchFormNew .ui-widget-header{border:1px solid #e78f08;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default{border:1px solid #ccc;background:#f6f6f6;font-weight:bold;color:#1c94c4}.ui-state-active,.ui-widget-content .ui-state-active{border:1px solid #fbd850;background:#fff;font-weight:bold;color:#eb8f00}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-corner-all,.ui-corner-left{border-top-left-radius:4px}.ui-corner-all,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-left{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px} /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ html,body,div,span,h2,p,a,abbr,strong,b,i,ul,form,label,table,tbody,thead,tr,th,td,section{border:0;vertical-align:baseline;margin:0;padding:0}section{display:block}/*body{line-height:1}*/ul{list-style:none}table{border-collapse:collapse;border-spacing:0} /* common layout classes { */ *{outline: none;} .fluid { padding: 0 10px; margin: 0 auto; clear: both; } .inner { padding:0; margin:0 auto; clear: both; } .wrapper { overflow: hidden; } /* common layout classes } */ @charset "utf-8"; h2 { font-weight: normal; } strong { font-weight: normal; font-family: "openSansBold"; display: inline; } /* btns */ .btnOrange { display: inline-block; padding: 0 12px; margin-bottom: 0; font-size: 16px; height: 30px; line-height: 28px; font-family: "openSansSemibold",sans-serif; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border-radius: 4px; border-color:#ca7243; background: #ffab00; background: -moz-linear-gradient(top, #ef9640 0%, #ea8625 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef9640), color-stop(100%,#ea8625)); background: -webkit-linear-gradient(top, #ef9640 0%,#ea8625 100%); background: -o-linear-gradient(top, #ef9640 0%,#ea8625 100%); background: -ms-linear-gradient(top, #ef9640 0%,#ea8625 100%); background: linear-gradient(to bottom, #ef9640 0%,#ea8625 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9640', endColorstr='#ea8625',GradientType=0 ); color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.25); } .btnOrange:hover, .btnOrange:focus, .btnOrange:active { background: #ffa047; background: -moz-linear-gradient(top, #ffa047 0%, #ed8d34 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa047), color-stop(100%,#ed8d34)); background: -webkit-linear-gradient(top, #ffa047 0%,#ed8d34 100%); background: -o-linear-gradient(top, #ffa047 0%,#ed8d34 100%); background: -ms-linear-gradient(top, #ffa047 0%,#ed8d34 100%); background: linear-gradient(to bottom, #ffa047 0%,#ed8d34 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa047', endColorstr='#ed8d34',GradientType=0 ); } .btnOrange.btnFlat { color: #fff; background: #ffab00; border: none; text-shadow: none; font-family: "openSansRegular", sans-serif; } .btnOrange.btnFlat:hover { background: #ffab00; border: none; text-shadow: none; } /* End btns */ /*Date Range Picker*/ #dateRangeContainer { border-bottom: 1px solid #eee; margin-bottom: 10px; } /*Date Range Picker end*/ /*Form*/ .formControl { margin-top: 21px; } .formLabel { color: #ffab00; font-family: "openSansSemibold"; font-size: 14px; margin-bottom: 10px; display: block; } .formInput { position: relative; } .formInput .icon { color: #c8ced1; z-index: 8; position: absolute; top: 10px; left: 10px; font-style: normal; cursor: pointer; } .formInput .icon-text { font-family: "openSansSemibold", sans-serif; font-size: 12px; line-height: 14px; } .formInputPlace { background: #fff; height: 34px; font-family: 'openSansRegular', sans-serif; line-height:34px; border: 1px solid #c8ced1; border-radius: 4px; -web-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 30px; width: 100%; cursor: pointer; font-size: 14px; } .formInputPlace:hover, .formInputPlace:active { border-color: #ffab00; outline: none; } .formInputPlace:focus { outline: none; color: #333; border-color: #ffab00; box-shadow: 0 0 3px rgba(0,0,0,.125); } .formInputPlace span { color: #737d80; font-size: 12px; } .formInputPlace p { font-size: 16px; margin: 6px 0 3px; color: #ffab00; font-family: "openSansSemibold"; } .formControl .fluidColumns { display: table; width: 100%; } .formControl .fluidColumn { vertical-align: top; display: table-cell; width: 120px; } .formControl .fluidColumn + .fluidColumn { padding-left: 5px; } .formDropdown { position: relative; } .formDropdown > .formInput > .formInputPlace:after { content: ""; display: block; width: 10px; height: 10px; position: absolute; right: 10px; top: 50%; margin-top: -5px; font-size: 1px; text-decoration: none; border: 0; cursor: pointer; outline: 0; pointer-events: none; } .formDropdown.open > .formInput > .formInputPlace:after { background-position: -18px -10px; } .open .formInputPlace, .open .formInput .inputText { border-radius: 0; box-shadow: none; border: none; height: 60px; background-color: #e8edf0; } .open .formInput { z-index: 10; } .formDropdownWithCalendar { position: relative; } .formDropdownWithCalendar .formDropdownContent { width: auto; border-radius: 4px; border: 1px solid #dde3e6; margin-top: 9px; } .formDropdownWithCalendar .formDropdownContent:before, .formDropdownWithCalendar .formDropdownContent:after { left: 23%; } .formDropdownContent { display: none; margin-top: 12px; background: #fff; box-shadow: 0 10px 12px -5px rgba(0,0,0,.175); border: 1px solid #dde3e6; border-radius: 4px; padding: 10px; position: absolute; z-index: 9; width: 100%; } .open .formDropdownContent { display: block; } .formDropdownContent label { margin-bottom: 5px; display: block; font-size: 14px; } .formDropdownContent .fluidColumn label{ font-size: 12px; } .formDropdownContent .fluidColumn label > span { font-size:9px; } .formDropdown .formInput>.icon { position: absolute; left: 10px; top: 10px; color: #c8ced1; z-index: 1; } .calendarInput { border: none; background: none; padding: 0; width: 100%; cursor: pointer; pointer-events: none; } /*Labels*/ label { font-weight: normal; } /*Labels end*/ /*Custom selector*/ .formDropdownContent:after { content: ""; display: block; width: 0; height: 0; border-bottom: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; top: -6px; left: 50%; margin-left: -3px; } .formDropdownContent:before { content: ""; display: block; width: 0; height: 0; border-bottom: 7px solid #dde3e6; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; top: -7px; left: 50%; margin-left: -3px; } .select2-container { width: 100% !important; } .searchFormNew .select2-container.from_city { display: inline-block !important; } .select2-container .select2-choice { padding-left: 40px; background: none; box-shadow: none; height: 34px; line-height: 32px; font-size: 14px; background: #fff; border-color: #c8ced1; overflow: visible; } .select2-container .select2-choice:hover { border-color: #ffab00; cursor: pointer; } .select2-container .select2-choice .select2-arrow { background: none; border: none; box-shadow: none; } .select2-container .select2-choice abbr { background: #FFF; left: 0; top: 50%; width: 16px; height: 18px; margin-top: -10px; margin-left: 7px; z-index: 8; } .select2-container .select2-choice abbr:after { color:#333; content:"\f128"; display: inline-block; font-size:16px; font-family: "icons-16"; height: 16px; line-height: 16px; } .select2-search-choice-close { top: 6px; } /* datepicker styles */ .formDropdownWithCalendar .ui-datepicker { border: 0!important; background: #FFF; max-width:560px; margin: 0 auto; font-size: 1.1em; } .formDropdownWithCalendar .ui-datepicker .ui-datepicker-title { color: #293033; font-weight: normal; font-family: "openSansSemibold"; font-size: 14px; } .formDropdownWithCalendar .ui-datepicker .ui-datepicker-header { background: #fff; border: 0; } .formDropdownWithCalendar .ui-datepicker .ui-datepicker-prev, .formDropdownWithCalendar .ui-datepicker .ui-datepicker-next { border: none; background: none; } .formDropdownWithCalendar .ui-datepicker .ui-datepicker-prev { top: 3px; left: 2px; } .formDropdownWithCalendar .ui-datepicker .ui-datepicker-next { top: 3px; right: 2px; } .formDropdownWithCalendar .ui-datepicker .ui-datepicker-prev span, .formDropdownWithCalendar .ui-datepicker .ui-datepicker-next span { font-size:15px; background:none; color: #ffab00; text-indent:0; display: inline-block; font-family: "icons-16"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-decoration: none; } .formDropdownWithCalendar .ui-datepicker th { color: #666; font-family: 'openSansRegular'; font-weight: normal; font-size: 12px; } .formDropdownWithCalendar .ui-datepicker th.ui-datepicker-week-end { color:#ff3300; } .formDropdownWithCalendar .ui-datepicker td { padding: 0; width:34px; } /* good styles to mark ranges .ui-datepicker td.ui-state-range-start, .ui-datepicker tr td.ui-state-range:first-child, .ui-datepicker tr td.ui-state-range-start-disabled+td.ui-state-range, .ui-datepicker tr td.ui-state-range-disabled+td.ui-state-range { border-bottom-left-radius: 20px; border-top-left-radius: 20px; } .ui-datepicker td.ui-state-range-end, .ui-datepicker tr td.ui-state-range:last-child { border-bottom-right-radius: 20px; border-top-right-radius: 20px; } */ .ui-state-default, .ui-widget-content .ui-state-default { color:#333; font-size: 12px; text-align: center; background: none; border:0; font-weight: normal; } .formDropdownWithCalendar .ui-datepicker .ui-state-default { font: 12px/34px 'openSansSemiBold'; padding:0; margin:2px; width: 30px; height: 30px; line-height: 30px; border: none; background: none; } .formDropdownWithCalendar .ui-datepicker-today .ui-state-default { color:#ffab00; font-family: 'openSansSemiBold'; } .formDropdownWithCalendar .ui-datepicker .ui-state-default.ui-state-active { background: #ffab00; border-radius: 20px; color: #FFF; } .searchFormNew .ui-state-disabled, .searchFormNew .ui-widget-content .ui-state-disabled, .searchFormNew .ui-widget-header .ui-state-disabled { opacity: .2; filter: Alpha(Opacity=20); } .formDropdownWithCalendar .ui-datepicker .ui-datepicker-prev.ui-state-hover, .formDropdownWithCalendar .ui-datepicker .ui-datepicker-next.ui-state-hover{ cursor: pointer; } /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url('/local/templates/.default/components/intervolga/tours.search.form/tour_search_form/fonts/flexslider-icon.eot'); src:url('/local/templates/.default/components/intervolga/tours.search.form/tour_search_form/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('/local/templates/.default/components/intervolga/tours.search.form/tour_search_form/fonts/flexslider-icon.woff') format('woff'), url('/local/templates/.default/components/intervolga/tours.search.form/tour_search_form/fonts/flexslider-icon.ttf') format('truetype'), url('/local/templates/.default/components/intervolga/tours.search.form/tour_search_form/fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* FlexSlider Necessary Styles *********************************/ /* Hide the slides before the JS is loaded. Avoids image jumping */ /* Clearfix for the .slides element */ /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ /* Direction Nav */ /* Pause/Play */ /* Control Nav */ .select2-drop .select2-search { padding: 0; margin: 0; height: 34px; } .select2-drop .select2-search input { border: 1px solid #ffab00; box-shadow: 0 0 4px 0 rgba(255, 171, 0, 0.5); line-height: 32px; border-radius: 4px; background: transparent; padding: 0 30px; } .formDropdownContent:after, .formDropdownContent:before { display: none; } .select2-results { background: #fff; border-radius: 0 0 4px 4px; margin: 0; padding: 4px 0; } /*Fix fotorama*/ .searchFormNew { text-align: center; margin: 0 auto 39px; padding: 0; display: block; width: 940px; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 3; min-height: 60px; } .formDropdownContent .nightsSelection .ui-spinner { margin-left: 5px; } .formInputPlace span { color: #666; font-size:inherit; transition: font-size .3s; -moz-transition: font-size .3s; -webkit-transition: font-size .3s; -o-transition: font-size .3s; } .formDropdownContent:after, .formDropdown > .formInput > .formInputPlace:after, .select2-container .select2-choice .select2-arrow b { display: none; } .searchFormNew .formControl { display: inline-block; vertical-align: top; text-align: left; margin: 0; width: 17%; position: relative; } .searchFormNew .formControl.destination { width:36%; border-radius: 4px 0 0 4px; } .searchFormNew .formControl.destination .formInputPlace > * { display: none; } .searchFormNew .formControl.destination .formInputPlace input { padding: 0; height: 59px; width: 97%; border: 0; color:#333; font:17px openSansRegular; background: none; position: relative; text-overflow: ellipsis; z-index:2; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } .searchFormNew .formControl.destination .formInputPlace input::-ms-clear { display: none; } .searchFormNew .formControl.destination .formInputPlace { border-radius: 4px 0 0 4px; } .searchFormNew .destination .formInputPlace input::-webkit-input-placeholder {color:#a9a9a9;} .searchFormNew .destination .formInputPlace input::-moz-placeholder {color:#a9a9a9;}/* Firefox 19+ */ .searchFormNew .destination .formInputPlace input:-moz-placeholder {color:#a9a9a9;}/* Firefox 18- */ .searchFormNew .destination .formInputPlace input:-ms-input-placeholder {color:#a9a9a9;} .searchFormNew .destination .formInputPlace .add { position: absolute; width: 25px; height: 25px; border-radius: 12px; background: #acc1cc; color: #fff; font: 27px/25px openSansRegular; top: 50%; right: 10px; text-align: left; margin-top: -12px; text-indent: 5px; z-index:2; } .searchFormNew .destination .formInputPlace .close { position: absolute; width: 25px; height: 25px; border-radius: 12px; font-size: 12px; line-height:25px; background: #fff; color:#acc1cc; top: 50%; right: 10px; text-align: center; margin-top: -12px; z-index:2; opacity:1; } .destination .formDropdownContent { width: 100%; max-height: 283px; overflow-x: hidden; overflow-y: auto; padding: 0; margin-top: -3px; border-top: #fff 3px solid; } .destination .formInputPlace .hint { color:#a9a9a9 !important; position: absolute; top: 0; z-index: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 85%; } .destination .formDropdownContent ul { padding: 21px 0 15px; } .searchFormNew .formDropdownContent label { margin: 5px 2px; font: 14px/18px "openSansSemibold", sans-serif; color: #333; } .destination .decoratedSimpleCheckbox > label .checkbox-container { padding-left: 33px; } .decoratedSimpleCheckbox > label .checkbox-container { display: block; position: relative; padding-left: 25px; line-height: 16px; cursor: pointer; } .decoratedSimpleCheckbox > label .checkbox-container input[type="checkbox"]:checked + .checkbox { background: #ffab00; border: 1px solid #ffab00; } .decoratedSimpleCheckbox > label .checkbox-container input[type="checkbox"]:checked + .checkbox:before { content: "\f11f"; font-family: "icons-16"; color: white; } .destination .decoratedSimpleCheckbox > label .checkbox-container .checkbox { width: 18px; height: 18px; font-size: 17px; } .decoratedSimpleCheckbox > label .checkbox-container span { color: #666; line-height: 16px; font-size: 12px; } .destination .formDropdownContent ul li.item span > i { opacity: .5; font-style: normal; } .destination .decoratedSimpleCheckbox > label .checkbox-container span { font: 14px/21px openSansRegular; color: #414141; } .decoratedSimpleCheckbox > label .checkbox-container .checkbox { position: absolute; left: 0; top: 0; display: inline-block; width: 16px; height: 16px; background-color: #fafbfd; border: 1px solid #ccc; border-radius: 2px; margin: 0 10px 0 0; padding-top: 1px; text-align: center; line-height: 13px; } .decoratedSimpleCheckbox > label .checkbox-container input[type="checkbox"] { visibility: hidden; width: 5px; height: 5px; position: absolute; top: 0; left: 0; } .decoratedSimpleCheckbox { display: block; cursor: pointer; text-align: left; position: relative; } .destination .formDropdownContent ul li, .destination .formDropdownContent .nothingFound { height: 32px; font: 14px/32px "openSansRegular"; cursor: pointer; color: #333; padding: 0 13px 0 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; } .destination .formDropdownContent ul li.item.firstOfType { border-top: #e8edf0 2px solid; } .destination .formDropdownContent ul li.category { cursor: default; text-align: center; position: relative; height: 47px; line-height: 47px; } .destination .formDropdownContent ul li.category:before { content: ' '; position: absolute; background: #d4d7da; height: 1px; width: 100%; display: block; top: 25px; left: 0; } .destination .formDropdownContent ul li > span { display: block; } .destination .formDropdownContent ul li.category span { display: inline-block; font: 11px/2.91 openSansSemiBold; text-transform: uppercase; letter-spacing: 1px; color: #9b9b9b; padding: 0 10px; background: #fff; position: relative; } .destination input[disabled] ~ p{display: none;} .searchFormNew .formControl.destination .formInputPlace.invalid { box-shadow: 0 0 0 1px #fa5a00 inset, 0 0 4px 0 rgba(250, 89, 0, 0.3); } .searchFormNew .departureCityContainer { text-align: left; height: 36px; transition: height .3s; -moz-transition: height .3s; -webkit-transition: height .3s; -o-transition: height .3s; } .searchFormNew .departureCity { position: relative; display: inline-block; margin: 0; left: -9px; height: 36px; line-height: 20px; font-size: 14px; text-align: left; padding: 2px 9px 7px 9px; border-radius: 4px 4px 0 0; background:transparent; min-width: 260px; } .searchFormNew .departureCity .from_city.select2-container .select2-choice { height: auto; border: none; height: auto; line-height: 20px; background: none; color: #fff; padding-left: 116px; transition: padding .3s; -moz-transition: padding .3s; -webkit-transition: padding .3s; -o-transition: padding .3s; } .searchFormNew .departureCity .formLabel { position: absolute; line-height: 20px; width: 114px; } .searchFormNew .departureCity .select2-container .select2-choice > .select2-chosen { border-bottom: 1px dotted; font-family: "openSansRegular", sans-serif; margin: 0; } .searchFormNew .departureCity .select2-container { width: auto !important; line-height: 20px; vertical-align: top; height: 28px; } .departureCityDrop { margin-left: -9px !important; min-width: 260px !important; } .searchFormNew .formLabel { color: #fff; font-family: "openSansRegular", sans-serif; font-size: 16px; line-height: 18px; height: 28px; margin: 0; transition:font-size .3s; -moz-transition:font-size .3s; -webkit-transition:font-size .3s; -o-transition:font-size .3s; } form input.from_city { display: none; } .searchFormNew .formDropdownContent label { margin: 5px 2px; font: 14px/18px "openSansSemibold", sans-serif; color: #333; } .select2-container .select2-choice, .formInputPlace { border: none; border-radius: 0; background: #fff; height: 60px; line-height: 60px; color:#333333; font-family: "openSansRegular", sans-serif; padding-left: 40px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } .select2-container .select2-choice { font-size: 16px; transition: font-size .3s; -moz-transition: font-size .3s; -webkit-transition: font-size .3s; -o-transition: font-size .3s; } .formControl + .formControl .formInputPlace { border-left: 1px solid #e8edf0; padding-left: 40px; } .formInputPlace p { margin: 0; font-size: 17px; transition: margin .3s; line-height: inherit; color:#333 !important; font-family: "openSansRegular"; transition: font-size .3s; -moz-transition: font-size .3s; -webkit-transition: font-size .3s; -o-transition: font-size .3s; } .formInputPlace p.withoutKids { margin-top: 10px; } .formControl.formControl_btn { width: 13%; } .formControl .btnOrange { background: #ffab00; border: none; border-radius: 0 4px 4px 0; text-shadow: none; height: 60px; width: 100%; line-height: 60px; padding: 0; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } .formControl .btnOrange:hover { background-color: #fd9e45; color: #fff; } .formControl .btnOrange:active { background-color: #e27c1a; color: #fff; } .formControl .btnOrange span, .formControl .btnOrange strong { font-family: "openSansSemibold", sans-serif; letter-spacing: 1px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } .formControl_btn .btn { text-transform: uppercase; font-size: 16px; } .formControl_btn .btn > strong, .formControl_btn .btn > .icon { display: none; } .formDropdown .formInput>.icon, .formInput>.icon { z-index: auto; top: 21px; left: 14px; line-height: 18px; height: 20px; width: 20px; text-align:center; font-size: 23px; color: #ffab00; transition: top .3s; -moz-transition: top .3s; -webkit-transition: top .3s; -o-transition: top .3s; } .calendarInput { height: 23px; font-size: 17px; margin:8px 0 0; color: #333; font-family: "openSansRegular", sans-serif; transition: font-size .3s; -moz-transition: font-size .3s; -webkit-transition: font-size .3s; -o-transition: font-size .3s; } .touristGroup .formInputPlace, .tour-duration .formInputPlace { line-height: 18px; padding-top: 11px; } .formDropdownWithCalendar .formDropdownContent { left: -62px; margin: 0; border: none; border-radius: 0; padding-top: 0; width: 534px; } .formDropdownContent .nightsSelection .ui-spinner { color: #3b3b3b; text-align: left; font-size: 14px; display: inline-block; vertical-align: middle; background: none; border: none; padding:0 53px; position: relative; overflow: visible; height: 20px; margin-top: -4px; } .formDropdownContent .nightsSelection .ui-spinner-input { text-align: center; width: 25px; margin: -4px 0 0; padding: 0; font:normal 18px/33px "openSansSemibold",sans-serif; } .formDropdownContent .nightsSelection .ui-spinner a.ui-spinner-button{ background: #ffab00; border-radius: 24px; height: 24px; width: 24px; line-height: 24px; text-align: center; display: inline-block; position: absolute; top: 0; color: #fff; cursor: pointer; } .formDropdownContent .nightsSelection .ui-spinner a.ui-spinner-up:active, .formDropdownContent .nightsSelection .ui-spinner a.ui-spinner-down:active { border-color:transparent; } .formDropdownContent .nightsSelection .ui-spinner a.ui-spinner-up { right: 10px; } .formDropdownContent .nightsSelection .ui-spinner a.ui-spinner-up:after { display: block; content: "+"; font:normal 24px/24px Arial, sans-serif; text-indent: 0; } .formDropdownContent .nightsSelection .ui-spinner a.ui-spinner-down { left: 10px; } .formDropdownContent .nightsSelection .ui-spinner a.ui-spinner-down:after { display: block; content: "-"; font:normal 36px/18px Arial, sans-serif; text-indent: 0; } .formDropdownContent .nightsSelection .ui-spinner a.ui-spinner-button .ui-button-text{ display: none; } .formDropdownContent .nightsSelection .ui-spinner a.ui-spinner-up:hover, .formDropdownContent .nightsSelection .ui-spinner a.ui-spinner-down:hover { background: #ffab00; transiton: background .2s; } .formDropdownContent .nightsSelection .ui-spinner a.ui-spinner-up:active, .formDropdownContent .nightsSelection .ui-spinner a.ui-spinner-down:active { background: #ffab00; } .formDropdownContent:before { display: none; } .formDropdownContent .bottom { font:14px/18px "openSansRegular"; } .formDropdownContent .bottom.center { text-align: center; } .nights .formDropdownContent { width:473px; } .nights .formDropdownContent .formInput>.icon { color:#7b8487; font-family: "openSansRegular"; } .nightsSelection { min-width: 190px; text-align: center; color: #3b3b3b; padding:11px 0; } .nightsSelection .formInput { display: block; } .formControl .nightsSelection .fluidColumn { display: inline-block; width: auto; vertical-align: middle; padding:3px 0 11px 0; } .formControl .nightsSelection .fluidColumn:first-child { margin-right: 40px; } .formDropdownContent .formInput>.icon { top: 10px; color: #777; font-family: "openSansSemibold", sans-serif; font-size: 14px; } .formDropdownContent .nightsSelection .formInput>.icon { position: static; vertical-align: middle; display: inline-block; font-size: 18px; line-height: 18px; } #dateRangeContainer { border-bottom: none; margin: 0; padding: 0; } .formDropdownContent { margin: 0; border: none; border-radius: 0; width: auto; } .formControl .touristGroup .fluidColumns { display: block; width: auto; } .formControl .touristGroup .fluidColumn { display: block; width: auto; } .touristGroup .formDropdownContent { width: 235px; padding: 20px; } .touristGroup .formDropdownContent .touristGroup_label { font: 12px/16px "openSansSemibold", sans-serif; color: #737d80; margin-bottom: 8px; } .touristGroup .formDropdownContent .touristGroup_label .icon { font-size: 20px; vertical-align: bottom; color: #adc1cb; margin-right: 5px; } .touristGroup .formDropdownContent .touristGroup_label .icon-i16_adult-2 { font-size: 28px; } .touristGroup .formDropdownContent .touristGroup_label .icon-i16_baby-2 { font-size: 16px; } .touristGroup .formDropdownContent .touristGroup_label .align-block { font-family: "openSansSemibold"; display: inline-block; text-align: left; font-size: 12px; line-height: 16px; color: #737d80; margin-left: 4px; } .touristGroup .formDropdownContent .touristGroup_label .align-block .ab-us { display: block; font-family: "openSansSemibold"; } .touristGroup .formDropdownContent .touristGroup_label .align-block .ab-ds { display: inline; font-family: "openSansRegular"; } .touristGroup .formDropdownContent label.ui-button { display: inline-block; width: 40px; height: 30px; border: 1px solid #bebfc0; border-radius: 4px; text-align: center; margin: 0 3px 0 0; padding: 0; } .touristGroup .formDropdownContent label.ui-button > span { font: 14px/28px "openSansSemibold", sans-serif; color: #737d80; padding: 0; } .touristGroup .formDropdownContent label.ui-button.ui-state-active { background-color: #ffab00 !important; border-color: #ffab00; color: #fff; } .touristGroup .formDropdownContent label.ui-button.ui-state-focus { -webkit-box-shadow: 0 0 3px 1px #ffab00; box-shadow: 0 0 3px 1px #ffab00; } .touristGroup .formDropdownContent .formInput label:active{ border: 1px solid #bebfc0; background: #ededed; } .touristGroup .formDropdownContent .kids_buttonset label.ui-button.ui-state-active.ui-corner-left, .touristGroup .formDropdownContent .infants_buttonset label.ui-button.ui-state-active.ui-corner-left { background: #bebfc0; border-color: #bebfc0; } .touristGroup .formDropdownContent label.ui-button.ui-state-active > span { color: #fff; } .formControl .touristGroup .fluidColumn + .fluidColumn { padding: 0; margin-top: 15px; } .select2-drop { -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.35); box-shadow: 0 2px 3px rgba(0,0,0,.35); } .fullMob .select2-search { margin-top: 5px; } .fullMob .select2-results { padding: 0; } /*Calendar fix*/ .formDropdownWithCalendar .formDropdownContent .dateFlexible { background-color: #e8edf0; color:#666; text-align:left; padding: 15px; font:14px/28px OpenSansSemibold; margin: 0 -10px; overflow: hidden; } .formDropdownWithCalendar .formDropdownContent .dateFlexible label { display: inline-block; position: relative; padding-left: 23px; color: #999; float: right; } .formDropdownWithCalendar .formDropdownContent .dateFlexible label input { /*display: none;*/ position: absolute; left: 0; opacity: 0; } .formDropdownWithCalendar .formDropdownContent .dateFlexible label span:before { position: absolute; left: 0; top: 1px; display: block; content: ""; width: 16px; height: 16px; border-radius: 20px; border: 2px solid #999; } .formDropdownWithCalendar .formDropdownContent .dateFlexible label input:checked + span:before { border-color: #ffab00; } .formDropdownWithCalendar .formDropdownContent .dateFlexible label input:checked + span:after { position: absolute; left: 0; top: 1px; font-size: 16px; display: block; content: ""; content: "\f136"; display: block; background: none; color: #ffab00; font-family: "icons-16"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .formDropdownWithCalendar .formDropdownContent .dateFlexible label .flex { color:#e8edf0; } .formDropdownWithCalendar .formDropdownContent .dateFlexible label input:checked + span .flex { display: inline; color: #333; } .formDropdownWithCalendar .formDropdownContent .dateFlexible label input:checked + span { color: #333; } .from_city.select2-container .select2-choice { border-bottom: 1px dotted #fff; padding: 0; } /* SEARCH CONTAINER */ .searchFormContainer { background-size: cover; position: relative; transition: all .3s; } .content .searchFormNew:before { display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; box-shadow: 0 0 0px 1px #d4d7da; border-radius: 4px; } .searchFormContainer .inner > h2 { text-align: center; font: 30px/34px "openSansRegular", sans-serif; color: #fff; position: relative; margin: 0 0 50px; font-size: 64px; letter-spacing: -2.5px; text-transform: none; line-height: 70px; } .searchFormNew .formControl.doubleFormControl .formInput>.separateIcon { color: #b1b1b1; font-size: 22px; position: absolute; top: 22px; z-index: 1; line-height: 1; right: -11px; } .searchFormNew .formControl.doubleFormControl .fluidColumn + .fluidColumn { padding-left: 0; position: relative; } .formInput.dateFrom, .formInput.dateTo { font-family: "openSansRegular",sans-serif; color: #000; } .searchFormNew .formControl.doubleFormControl .formInput.dateTo .inputText { border: 0; padding-left: 30px; } .searchFormNew .formControl.doubleFormControl .formInput .inputText { border: none; border-radius: 0; border-left: 1px solid #e8edf0; height: 60px; line-height: 60px; color: #ffab00; font-family: OpenSansSemibold; padding-left: 51px; } .searchFormNew .formControl.doubleFormControl .formInput .inputText { border: none; border-radius: 0; border-left: 1px solid #e8edf0; height: 60px; line-height: 60px; padding-left: 15px; font-size: 17px; font-family: "OpenSansRegular"; color: #333; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } .searchFormNew .formControl.doubleFormControl .formInput>.icon { top: 19px; } .searchFormNew .formControl.doubleFormControl .formInput>.icon { left: auto; right: 15px; } .searchFormNew .formControl.doubleFormControl .formInput.dateFrom > .icon { right: 25px; } .searchFormNew .formControl.doubleFormControl .formInput.open > .icon:before{ color: #ffab00; } .formInput .inputText { background: #fff; -web-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 30px; width: 100%; cursor: pointer; } .formDropdownWithCalendar .formDropdownContent .departureDate { position: relative; margin-left: -10px; margin-right: -10px; border-top: #E8E8E8 1px solid; text-align: center; padding: 8px 0 2px; font-size: 15px; line-height: 15px; width: 207px; } .formDropdownWithCalendar .formDropdownContent .departureDate .errorMessage { display: none; color: #E87C7C; font-size: 12px; } @media (min-width: 1200px) { .searchFormNew { width: 1170px; } .searchFormContainer .inner.fluid { width: 1170px; } .searchFormNew .formInput > .icon { left: 17px; } .searchFormNew .formControl.destination { width: 292px; } .searchFormNew .formControl.forDates { width: 241px; } .searchFormNew .formControl.forNights { width: 241px; } .searchFormNew .formControl.forTourists { width: 200px; } .searchFormNew .formControl.formControl_btn { width: 196px; } .searchFormNew .formControl.destination .formInput > .icon { left: 19px; } .searchFormNew .formControl .formInputPlace { padding-left: 50px; } .formControl_btn .btn > strong { display: inline-block; } } @media (min-width: 991px) and (max-width: 1199px) { .searchFormNew { width: 940px; } .searchFormContainer .inner > h2 { line-height: 64px; letter-spacing: -2.5px; font-size: 64px; } .searchFormContainer .inner.fluid { width: 940px; } .searchFormNew .formControl.destination { width: 280px; } .searchFormNew .formControl.forDates { width: 170px; } .searchFormNew .formControl.forDates .formInputPlace { padding-top: 8px; } .searchFormNew .formControl.forDates .formInputPlace input { letter-spacing: -0.5px; height: 27px; } .searchFormNew .formControl.forNights { width: 185px; } .searchFormNew .formControl.forTourists { width: 155px; } .searchFormNew .formControl.formControl_btn { width: 150px; } .searchFormNew .formControl .formInputPlace { padding-left: 40px; } .searchFormNew .departureCity .formLabel { width: 116px; } .formControl_btn .btn > strong { display: none; } .searchFormNew .formInput > .icon { left: 11px; } .searchFormNew .formControl.destination .formInput > .icon { left: 15px; } } @media (max-width: 991px) { .fluid { width:720px; } .searchFormContainer .inner > h2 { line-height: 64px; letter-spacing: -1.8px; font-size: 48px; } .searchFormNew { width: 720px; margin: 0; } .searchFormNew .formControl.destination { width: 220px; } .searchFormNew .formControl { width: 140px; } .searchFormNew .formControl.forTourists { width: 130px; } .searchFormNew .formControl.formControl_btn { width: 90px; } .searchFormNew .formControl.destination .formInputPlace input, .formInputPlace p, .calendarInput { font-size: 14px; font-family: "openSansRegular"; } .formInputPlace, .formControl + .formControl .formInputPlace { padding-left: 15px; } .searchFormNew .departureCity .formLabel { width: 116px; } form.searchFormNew .formControl_btn .btn > strong { display: none; } .formControl_btn .btn > .icon { display: inline-block; } .formControl_btn .btn > span { display: none; } .formDropdownWithCalendar > .formInput > .icon, .formDropdown > .formInput > .icon, .tour-duration .formInput > .icon, .from_city:before, .destination:before { display: none; } .nights .formDropdownContent { margin-left: -189px; } .formControl + .formControl .formInputPlace, .from_city.select2-container .select2-choice { padding-left: 10px; } .formDropdownWithCalendar { position: static; } .formDropdownWithCalendar .formDropdownContent { left: -198px; } .touristGroup .formDropdownContent { margin-left: -64px; } .formInputPlace { padding-left: 20px; } .calendarInput { font-size: 15px;} .searchFormNew .formControl.destination .formInputPlace input, .formInputPlace p { font-size: 15px; } } @media (max-width: 768px) { .fluid{ max-width: 650px; width: 100%!important; } .searchFormNew { width: 100%; margin: 0; } .searchFormNew .formControl.destination, .searchFormNew .formControl, .searchFormNew .formControl.forTourists, .searchFormNew .formControl.formControl_btn { width: 100%; } .searchFormNew .formControl.destination .formInputPlace{ border-radius: 4px 4px 0 0; } .formControl + .formControl .formInputPlace{ border-left: none; border-top: 1px solid #e8edf0; } .formControl_btn .btn{ border-radius: 0 0 4px 4px; } .formControl_btn .btn > span, form.searchFormNew .formControl_btn .btn > strong { display: inline; } .formControl_btn .btn > .icon{ display: none; } .nights .formDropdownContent{ margin: 0; width: 100%; } .touristGroup .formDropdownContent{ margin: 0; width: 100%; } .touristGroup .formDropdownContent .touristGroup_label{ text-align: center; } #adults_buttonset, #kids_buttonset{ width: 190px; margin-left: calc(50% - 90px); } .formDropdownWithCalendar .formDropdownContent{ left:0; width: 100%; } .formDropdownWithCalendar > .formInput > .icon, .formDropdown > .formInput > .icon, .tour-duration .formInput > .icon, .from_city:before, .destination:before{ display: block; } .searchFormNew .formControl .formInputPlace{ padding-left: 45px; } .calendarInput { font-size: 17px;} .searchFormNew .formControl.destination .formInputPlace input, .formInputPlace p { font-size: 17px; } } @media (max-width: 420px) { .formControl .nightsSelection .fluidColumn{ width: 100%; margin: 0; } } /* SEARCH CONTAINER - POPULAR DIRECTIONS */ .popularDirections { min-height: 120px; padding: 30px 30px 15px 40px; color: #fff; position: relative; z-index: 1; } .popularDirections__title { margin-bottom: 19px; font-size: 15px; font-family: openSansRegular; } .popularCountry { display: inline-block; vertical-align: top; margin: 0 0 18px; font-size: 16px; font-family: "OpenSansSemibold"; } .popularCountry__flag { display: inline-block; vertical-align: middle; margin-right: 3px; } .popularCountry__name { display: inline-block; vertical-align: middle; text-shadow: 0 1px 0 black; } .popularCountry__price { display: inline-block; vertical-align: middle; color: #fff; text-shadow: 0 1px 0 black; } body { padding-top: 0; background: none!important; } .wrapper { padding: 0; margin: 0; } .inner { padding: 0; } .inner > h2 { text-align: center; font: 36px "CodePro"; text-transform: uppercase; } .inner > h2 { margin-top: 60px; letter-spacing:2.5px; } .howToBookTour-linkContainer { text-align: center; margin-top: -20px; margin-bottom: 20px; display: block; position: relative; z-index: 4; } .howToBookTour-link { color: #ffffff; font: 16px OpenSansBold; position: relative; cursor: pointer; } .howToBookTour-link:hover { text-decoration: underline; } /* Custom icons */ /*Icons 32*/ @font-face { font-family: "icons-32"; src: url("/icons-font/icons-32.eot"); src: url("/icons-font/icons-32.eot?#iefix") format("embedded-opentype"), url("/icons-font/icons-32.woff") format("woff"), url("/icons-font/icons-32.ttf") format("truetype"), url("/icons-font/icons-32.svg#fontcustom") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "icons-32"; src: url("/icons-font/icons-32.svg#fontcustom") format("svg"); } } /* Icon Font: icon-16 */ @font-face { font-family: "icons-16"; src: url("/local/templates/.default/fonts/icons-font/icons-16.eot"); src: url("/local/templates/.default/fonts/icons-16-iefix.eot?") format("embedded-opentype"), url("/local/templates/.default/fonts/icons-font/icons-16.woff") format("woff"), url("/local/templates/.default/fonts/icons-font/icons-16.ttf") format("truetype"), url("/local/templates/.default/fonts/icons-font/icons-16.svg") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "icons-16"; src: url("/local/templates/.default/fonts/icons-font/icons-16.svg") format("svg"); } } .icon-i16_adult-2:before, .icon-i16_baby-2:before, .icon-i16_children:before, .icon-i16_close:before, .icon-i16_date2:before, .icon-i16_location:before, .icon-i16_nights:before, .icon-i16_search_2:before, .icon-i16_who2:before{ display: inline-block; font-family: "icons-16"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .icon-i16_adult-2:before { content: "\f19c"; } .icon-i16_baby-2:before { content: "\f19d"; } .icon-i16_children:before { content: "\f19f"; } .icon-i16_close:before { content: "\f171"; } .icon-i16_date2:before { content: "\f253"; } .icon-i16_location:before { content: "\f255"; } .icon-i16_nights:before { content: "\f256"; } .icon-i16_search_2:before { content: "\f147"; } .icon-i16_who2:before { content: "\f259"; } /*fix position*/ /* ui-select */ .ui-widget { font-family: "openSansRegular"; } .formDropdownContent .ui-widget-content td:not(.ui-datepicker-unselectable) a.ui-state-default{padding:0!important} .formDropdownContent .ui-widget-content td:not(.ui-datepicker-unselectable).bus-depart a{ border-radius: 20px; -webkit-box-shadow: 0 0 5px 0 rgba(255, 171, 0, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(255, 171, 0, 0.75); box-shadow: 0 0 5px 0 rgba(255, 171, 0, 0.75); } input { -webkit-font-smoothing: antialiased; } .search-form_filter-props { display: flex; flex-direction: column; } .search-form_props { margin-left: 25px; margin-bottom: 10px; display: inline; width: 245px; border-top: #f3deb2 1px solid; } .search-form_props h3{ margin-top: 12px; } .search-form_props .prop{ width: 80%; height: auto; float: left; text-align: left; margin-left: 15px; margin-bottom: inherit; } .search-form_props .prop input{ vertical-align: middle; margin: 0; width: 15px; height: 15px; } .search-form_props .prop span{ height: 18px; vertical-align: middle; margin-left: 5px; } .filter-price { margin-bottom: 10px; margin-top: 35px; margin-left: 25px; width: 245px; } .filter-price h3{ margin-top: 10px; } .filter-price input::placeholder { color: darkgrey; } .filter-price input::-webkit-input-placeholder {color: darkgrey;} .filter-price input::-moz-placeholder {color: darkgrey;} .filter-price input:-moz-placeholder {color: darkgrey;} .filter-price input:-ms-input-placeholder {color: darkgrey;} .icon-star { position: relative; } /*replace the content value with the corresponding value from the list below*/ .icon-star:before { content: "\f005"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #ec933d; font-size: 15px; left: 0; padding-right: 0.3em; } .btnFilter { padding: 6px 12px; border-radius: 4px; border: 1px solid transparent; background-color: #ffab00; border-color: #ffab00; color: #292929; font-family: "Ubuntu", sans-serif; margin-left: 90px; margin-right: auto; margin-bottom: 25px; margin-top: 30px; font-family: "Ubuntu", sans-serif; font-weight: 700; } .filterBlock{ background-color: #fff2d9; width: 290px; padding-top: 1px; border-radius: 3px; } #slider { width: 240px; } .searchFormFliedContainer form > div > div > div > div:nth-child(7) { margin-top: 0; } #kurort_detail > div > .row { margin-top: 30px; } #kurort_detail > div > .row.kurort_head{ margin-top: 0; } #kurort_detail > div > .row.kurort_tags{ margin-bottom: 50px; } #kurort_detail > div > .row.kurort_description{ margin-top: 0; } #kurort_detail > div > .row.kurort_searchform{ width: 322px; float: left; border-radius: 12px; } #kurort_detail > div > .row.kurort_hotel{ float: right; width: 890px; margin-top: 130px; min-height: 600px; position: relative; } @media (max-width: 767px) { #kurort_detail > div > .row.kurort_hotel { width: 320px; height: 0px; position: relative; margin-top: 0px; float: none; display: contents; } #kurort_detail > div > .row.kurort_searchform{ margin-left: 15px; } .filterBlock{ margin-left: 15px; } #kurort_detail .row.kurort_searchform{ display: contents; } } @media (min-width: 768px) { #kurort_detail > div > .row.kurort_hotel{ width: 450px; position: relative; margin-top: 110px; float: right; } } @media (min-width: 992px) { #kurort_detail > div > .row.kurort_hotel{ width: 660px; position: relative; margin-top: 110px; float: right; } } @media (min-width: 1200px){ #kurort_detail > div > .row.kurort_hotel{ float: right; width: 890px; margin-top: 130px; min-height: 600px; position: relative; } #kurort_detail > div > div >.row.kurort_hotel_error_filter{ width: 80%; margin-left: -140px; } } /* End */ /* Start:/local/components/logema/bus.tours.top/templates/.default/style.css?17007579142670*/ #special_offers .product{ text-decoration: none; } #special_offers .product__img{ height: auto; margin-bottom: 15px; } #special_offers .product__content{ position: relative; max-height: 100%; } #special_offers .product__img + .product__content{ height: 280px; } #special_offers .product__content{ position: relative; max-height: 100%; } #special_offers .product__content{ padding-left: 10px; } #special_offers .product__content__tours{ position: relative; max-height: 100%; } #special_offers .product__img + .product__content__tours{ height: 206px; } #special_offers .product__content__tours{ position: relative; max-height: 100%; } #special_offers .product__content__tours{ padding-left: 10px; } #special_offers .product__subtitle{ font-family: "Ubuntu", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.2; color: #000; margin-bottom: 10px; } @media (min-width: 1200px) { #special_offers .product__subtitle{ margin-top: -5px; } #special_offers .product__date{ padding-top: 0; } } #special_offers .product__content:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, white 1%, transparent 10%); } #special_offers .product__content__tours:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, white 1%, transparent 10%); } @media (max-width: 1199px) { #special_offers .product__img{ height: 214px; } #special_offers .product__img + .product__content{ height: 175px; } } @media (max-width: 991px) { #special_offers .product__img{ height: 252px; } #special_offers .product__img + .product__content{ height: 202px; } } @media (max-width: 767px) { #special_offers .product__img{ height: auto; } #special_offers .product__img + .product__content{ height: 200px; } } @media (max-width: 1199px) { #special_offers .product__img{ height: 214px; } #special_offers .product__img + .product__content__tours{ height: 175px; } } @media (max-width: 991px) { #special_offers .product__img{ height: 252px; } #special_offers .product__img + .product__content__tours{ height: 202px; } } @media (max-width: 767px) { #special_offers .product__img{ height: auto; } #special_offers .product__img + .product__content__tours{ height: 200px; } } /* End */ /* Start:/local/templates/ivolga_inp/components/intervolga/feedback/hotel_detail_with_hotel/style.css?17108680861887*/ .feedback-flex-container{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .feedback-flex-item{ -ms-flex-preferred-size: 320px; flex-basis: 320px; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 15px; } .btn.review_add-btn{ float: right; outline: none!important; font-size: 16px; font-family: "Museo Sans Cyrl 700", "Ubuntu", sans-serif; font-weight: 700; color: black; display: block; background: #ffab00; border-radius: 22px; padding: 10px 22px; margin: 10px 0 0 20px; } .reviews_block .title:after{ content: ""; display: table; clear: both; } .review_stars-cont{ display: inline-block; float: right; margin-left: 10px; } .review_stars{ display: inline-block; vertical-align: middle; } i.star{ display: inline-block; background: url('/local/templates/ivolga_inp/components/intervolga/feedback/hotel_detail_with_hotel/assets/img/star.png') no-repeat center; height: 16px; width: 17px; } i.star.active{background: url('/local/templates/ivolga_inp/components/intervolga/feedback/hotel_detail_with_hotel/assets/img/star_active.png') no-repeat center;} .review_stars-cont .review_mark { font-size: 16px; font-family: "Museo Sans Cyrl 900", "Ubuntu", sans-serif; font-weight: 900; margin-left: 5px; } .container.reviews_block{ overflow: hidden; width: auto; padding-left: 0; padding-right: 0; } .container.reviews_block>div.row{ margin-left: -30px; margin-right: -30px; } .reviews_block .feedback__title{ padding-right: 20px; } /* End */ /* /local/components/logema/bus.tours.detail/templates/tours_block/style.css?171024320411803 */ /* /local/templates/ivolga_inp/components/intervolga/hotel.list/carousel/style.css?17108680861292 */ /* /local/templates/.default/components/intervolga/tours.search.form/tour_search_form/style.css?171086808655860 */ /* /local/components/logema/bus.tours.top/templates/.default/style.css?17007579142670 */ /* /local/templates/ivolga_inp/components/intervolga/feedback/hotel_detail_with_hotel/style.css?17108680861887 */