/** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/Resources/Shared/vendor/OwlCarousel2-master/dist/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* ------------------------------------------------------------ *\ Input Placeholder ( NEW DIMA DESIGN ) \* ------------------------------------------------------------ */ input:focus:-ms-input-placeholder {opacity: 0;} /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-moz-placeholder { color: inherit; font-weight: 400; opacity: 1; } input:-ms-input-placeholder { color: inherit; font-weight: 400; opacity: 1; } input::placeholder { color: inherit; font-weight: 400; opacity: 1; } textarea::-moz-placeholder { color: inherit; font-weight: 400; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; font-weight: 400; opacity: 1; } textarea::placeholder { color: inherit; font-weight: 400; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } .field, .select, .textarea { font-size: 30px; line-height: 39px; width: 100%; height: 49px; display: block; padding: 4px 0 6px 10px; border: 0; background: #fff; border-radius: 0; box-shadow: none; } .form-cols { position: relative; margin: 0 -37px 20px; } .form-col { float: right; padding: 0 37px; } .form-col-1of2 { width: 50%; position: relative; } .form-col-1of3 { width: 33.33%; width: 33.33333%; } .form-col-1of3-special { width: 28%; } .form-col-1of3-special.col-special { width: 16%; } .form-col-1of4 { width: 25%; } .form-col-checkbox { width: 100%; } .form-col.hidden ~ .form-cols-icon { display: none; } .form-cols .form-cols { margin: 0 -21px; } .form-cols .form-cols .form-col { padding: 0 21px; } .form-cols .form-cols .form-cols-icon { width: 42px; height: 63px; } .form-cols .form-cols-inner { margin: 0 -8px; } .form-cols .form-cols-inner .form-col { padding: 0 8px; } .form-cols-icon { width: 74px; height: 69px; } .form-cols-icon span { font-size: 30px; line-height: 1; color: #fff; text-align: center; width: 30px; height: 36px; } .form-row { position: relative; background-color: #fff;border-radius: 3px; } .form-row-icon { width: 70px; left: auto; } .form-label { font-size: 29px; line-height: 1.34; color: var(--search-border-color); float: right; padding: 5px 0 5px 8px; } .form-label-select { cursor: pointer; } .form-label-select-primary { font-size: 21px; line-height: 24px; color: #2a3335; font-weight: 400; display: block; float: none; padding: 8px 16px 8px 46px; } .form-label-select-primary:after { content: ''; width: 10px; height: 10px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: inherit; margin: auto; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: 25% 50%; transform-origin: 25% 50%; transition: transform 0s; right: auto; left: 16px; border-width: 1px; border-color: #fff #fff #000 #000; } .form-label-select-primary strong { font-weight: 400; display: block; } .form-label-select-primary strong span { display: block; } .form-controls, .form-control { overflow: hidden; } .form-control .input-text-error { position: absolute; bottom: -23px; right: 0; display: none; color: red; } .form-control.parsley-error .input-text-error { display: block } .form-row-primary { padding-right: 55px; } .form-row-focus, .form-row-open { z-index: 4; box-shadow: 0 0 0 2px var(--search-border-color); } .form-row-focus .dropdown-numbers, .form-row-focus .dropdown-autocomplete { height: auto; opacity: 1; visibility: visible;text-align: right; } .form-row-primary .field, .form-row-primary .select, .form-row-primary .textarea { font-size: 24px; line-height: 27px; height: 43px; padding: 7px 0 9px 10px; } .form-row-primary .field::-moz-placeholder, .form-row-primary .textares::-moz-placeholder { font-weight: 400; } .form-row-primary .field:-ms-input-placeholder, .form-row-primary .textares:-ms-input-placeholder { font-weight: 400; } .form-row-primary .field::placeholder, .form-row-primary .textares::placeholder { font-weight: 400; } .form-row-primary .field.birthday::-webkit-inner-spin-button, .form-row-primary .field.birthday::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; } .form-row-secondary { position: relative; padding: 0; } .form-row-secondary .form-label { font-size: 23px; line-height: 1; color: #2a3335; width: 100%; height: 63px; display: -ms-flexbox; display: flex; -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-pack: center; justify-content: center; position: relative; padding: 0 12px 0 20px; } .form-row-secondary .form-label:after { content: ''; width: 10px; height: 10px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: inherit; margin: auto; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: 25% 50%; transform-origin: 25% 50%; transition: transform 0s; right: auto; left: 16px; border-width: 1px; border-color: #fff #fff #000 #000; } .form-row-secondary .form-label strong { font-weight: 400; display: block; } .form-row-secondary .form-label small { font-size: 19px; color: #91a6bf; display: block; } .form-select { z-index: 2; cursor: pointer; } .form-select .select { height: 100%; opacity: 0; cursor: pointer; } .form-row-primary .form-row-icon { width: 55px; } .form-body-primary { max-width: 472px; margin: auto; } .form-body-primary .form-row { margin-bottom: 20px; } .form-sections { counter-reset: section; padding-bottom: 21px; } .form-section { counter-increment: section; padding-top: 13px; } .form-section .form-cols { margin: 0 -20px; } .form-section .form-col { padding: 0 20px; } .form-sections ~ .form-cols { padding-bottom: 12px; margin: 0 -7px; } .form-sections ~ .form-cols .form-col { padding: 0 7px; } .form-section .form-row + .form-row, .form-section .form-row + .form-cols { margin-top: 15px; } .form-section .form-cols-inner { margin: 0 -10px; } .form-section .form-cols-inner .form-col { padding: 0 10px; } .form-section .form-cols-inner .form-row { padding: 0; } .form-section-head { padding: 5px 0; } .form-section-head h4 { font-size: 30px; line-height: 41px; color: #2a3335; font-weight: 700; float: right; margin: 0; } .form-section-head h4:before { content: ''; width: 17px; height: 17px; display: inline-block; vertical-align: middle; margin: -1px 0 0 9px; background-color: #188626; } .form-section-head h4:after { content: ' #' counter(section, decimal-leading-zero); } .form-section-head .btn-remove { float: left; margin-top: 7px; } .checkbox { position: relative; overflow: hidden; } .checkbox input { display: block; position: absolute; top: 0; right: -50px; } .checkbox label { font-size: 19px; line-height: 28px; color: #fff; display: inline-block; vertical-align: middle; position: relative; padding-right: 38px; } .checkbox label:before { content: ''; width: 28px; height: 28px; background-color: #fff; border-radius: 2px; } .checkbox label i { opacity: 0; margin-top: 1px; } .checkbox label i, .checkbox label:before { display: block; position: absolute; top: 0; right: 0;font-size: 13px;padding: 1px; width:18px} .checkbox input:checked ~ label i { opacity: 1; } .checkbox-primary { position: relative; overflow: hidden; } .checkbox-primary input { display: block; position: absolute; top: 0; right: -50px; } .checkbox-primary strong { font-size: 21px; line-height: 1.24; color: #000; font-weight: 400; float: right; } .checkbox-primary small { font-size: 21px; line-height: 1.24; color: #9eb3cd; float: left; padding-left: 4px; } .checkbox-primary small strong { float: none; } .checkbox-primary .checkbox-image { width: 54px; height: 26px; float: right; position: relative; margin-left: 19px; border-radius: 4px; box-shadow: inset 0 0 2px #ebebeb; } .checkbox-primary .checkbox-image-small { width: 34px; margin-left: 12px; } .checkbox-primary .checkbox-rating { float: right; margin-top: -2px; } .checkbox-primary label { font-size: 18px; line-height: 26px; color: #000; display: block; position: relative; padding: 13px 36px 12px 0; overflow: hidden; } .checkbox-primary label:before { width: 21px; height: 21px; right: 4px; z-index: 1; background-color: #FFFFFF; border-radius: 4px; border:1px solid #AAAAAA;} .checkbox-primary label:after { width: 12px; height: 7px; right: 8px; z-index: 2; border-width: 0 0 1px 1px; border-style: solid; border-color: #fff; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: 30% 50%; transform-origin: 30% 50%; } .checkbox-primary label:before, .checkbox-primary label:after { content: ''; left: auto; } .checkbox-primary input:hover ~ label:after{ border-color: #AAAAAA;} .checkbox-primary input:checked ~ label:before { background-color: var(--package-validation-color); } .checkbox-primary input:checked ~ label strong { font-weight: 700; } .checkbox-primary input:checked ~ label small strong { font-weight: 400; } .checkbox-primary-all label { font-size: 21px; line-height: 1.24; } @media (max-width: 1279px) { .form-row-secondary .form-label { padding: 0 5px 0 15px; } .form-row-secondary .form-label:after { left: 10px; } } /* Internet Explorer 11 Selectbox hack */ _:-ms-fullscreen { display: none; } _:-ms-fullscreen { color: #000; background: transparent; } /* Custom Radio */ .custom-radio input { display: none; } .custom-radio label { display: block; padding-top: 5px; } .custom-radio label:before { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: middle; border: 1px solid #cfd7e2; background-color: #178823; border-radius: 50%; margin-left: 13px; box-shadow: inset 0 2px 0 0 rgba(0,0,0, .1), inset 0 0 0 11px #fff; transition: box-shadow .4s ease; position: relative; top: -5px; } .custom-radio label > span { display: inline-block; vertical-align: middle; font-size: 18px; color: #91a6bf; line-height: .9; } .custom-radio label > span span { display: block; font-size: 25px; color: #000; } .custom-radio label > i { margin: 0 20px; } .custom-radio label:after { content: ''; height: 100%; position: absolute; right: 352px; left: 0; top: 0; z-index: 10; } .custom-radio input:checked ~ label:before { box-shadow: inset 0 2px 0 0 rgba(0,0,0, .1), inset 0 0 0 4px #fff; } .custom-radio input:checked ~ label:after { display: none; } /* Small Desktop */ @media (max-width: 1279px) { .custom-radio label > span { font-size: 16px; } .custom-radio label > span span { font-size: 21px; } .custom-radio label > i { margin: 0 13px; } } /* ------------------------------------------------------------ *\ Form Search \* ------------------------------------------------------------ */ .form-search { position: relative; z-index: 5; padding: 0 113px; padding-top: 10px; } .main-tabs +.tabs .form-search {padding-top: 25px;} .form-search .form-btn { font-size: 46px; line-height: 54px; font-weight: 700; text-shadow: 0 3px 0 var( --primary-button-text-shadow); padding: 7px 10px 13px; box-shadow: 0 -5px 0 var(--primary-button-background-dark) inset; transition: all .4s ease; } /*.form-search .form-btn:hover { padding: 10px; }*/ /*.form-search .form-body { padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,.1); margin-bottom: 25px; }*/ /*.form-search .form-actions { text-align: center; }*/ .form-search .message-form { padding-top:10px} .form-search .message-form .message-box-form { text-align:center;} .form-search .message-form .message-box-form i { color:white; font-size: 50px;} .form-search .message-form .message-box-form h3 { color:white; font-weight: 300;} /*.form-search .dropdown-hotels-abroad, .form-search .form-col-two-way .form-datepicker-single { display: none; } .form-search .form-is-one-way .form-col-two-way .form-datepicker-dual, .form-search .form-is-one-way .dropdown-hotels-israel { display: none; } .form-search .form-is-one-way .form-datepicker-single, .form-search .form-is-one-way .dropdown-hotels-abroad { display: block; }*/ .destinations-cols .form-cols-icon .ico-arrows.onw-way { width: 24px; height: 18px; background-size: 44px 38px; } @media (max-width: 1279px) { .section-search .shell h1{margin-right:37px!important} .form-search { padding: 0 18px; } } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn-block-height { height: 38px;}/**/ .btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; } /* Button Block */ .btn-block { width: 100%; display: block; padding-left: 0; padding-right: 0; } /* Button Primary */ .btn-primary { font-size: 21px; line-height: 1.24; color: var(--primary-button-text-color); font-weight: normal; text-shadow: 0 2px 0 var(--primary-button-text-shadow); /*letter-spacing: -0.02em;*/ text-decoration: none; padding: 6px 28px; border: 0; background: var(--primary-button-background); border-radius: 1px; box-shadow: 0 3px 0 var(--primary-button-background-dark); } .btn-primary.btn-details { font-size: 22px; font-weight: 600; margin: auto; width: 160px; border-radius: 3px; } .flight-search-result-list .btn-primary.btn-details { border-radius: 3px; width: 160px; margin: auto; } /*.btn-primary:hover { box-shadow: 0 1px 0 #0a6714;margin-top: 2px;}*/ .btn-primary:hover { box-shadow: 0 2px 0 var(--primary-button-hover-color); } .form-foot .btn-primary:hover { box-shadow: none; } /* Button blue */ .btn-blue { font-size: 34px; line-height: 1.24; color: #fff; font-weight: 400; text-shadow: 0 2px 0 #044c73; letter-spacing: -0.02em; text-decoration: none; padding: 9px 28px; border: 0; background: #166f9f; border-radius: 2px; box-shadow: 0 3px 0 #034C75; } .btn-blue:hover { background-color: #034C75; } /* Button Add */ .btn-add { font-size: 25px; line-height: 33px; color: #647283; font-weight: 400; padding: 15px; border: 1px solid #c5ced9; margin-bottom: 21px; background: #fff; border-radius: 3px; box-shadow: none; } .btn-add span { width: 33px; height: 33px; display: inline-block; vertical-align: middle; position: relative; margin: -1px 0 0 2px; background-color: var(--secondary-search-primary-color); border-radius: 50%; transition: all .4s ease; } .btn-add span:before { width: 20px; height: 2px; } .btn-add span:after { width: 2px; height: 20px; } .btn-add span:before, .btn-add span:after { content: ''; background-color: #fff; border-radius: 2px; transition: all .4s ease; } .btn-add:hover { color: var(--primary-button-text-color); border-color: var(--primary-button-background); background-color: var(--primary-button-background); } .btn-add:hover span { background-color: #fff; } .btn-add:hover span:before, .btn-add:hover span:after { background-color: var(--secondary-search-primary-color); } .room-selection .btn-add span { width:24px; height: 24px; } .room-selection .btn-add span:before { width: 14px; height: 2px; } .room-selection .btn-add span:after { width: 2px; height: 14px; } /* ------------------------------------------------------------ *\ Button Remove \* ------------------------------------------------------------ */ .btn-remove { font-size: 16px; line-height: 27px; color: #2a3335; font-weight: 400; padding: 0; border: 0; margin: 0; background: none; border-radius: 0; box-shadow: none; } .btn-remove span { width: 27px; height: 27px; float: left; position: relative; margin-right: 5px; background-color: #8b909e; border-radius: 50%; -ms-transform: rotate(-45deg); transform: rotate(-45deg); transition: all .4s ease; } .btn-remove span:before { width: 16px; height: 2px; } .btn-remove span:after { width: 2px; height: 16px; } .btn-remove span:before, .btn-remove span:after { content: ''; background-color: #fff; border-radius: 2px; } .btn-remove:hover { text-decoration: underline; } .btn-remove:hover span { background-color: #000; } /* ------------------------------------------------------------ *\ Button Search \* ------------------------------------------------------------ */ .btn-search, .results-head .btn-return { font-size: 21px; line-height: 23px; color: #fff; font-weight: 400; text-decoration: none; padding: 10px 18px 10px 17px; border: 0; background-color: rgba(255,255,255,.05); border-radius: 5px; box-shadow: none; } .btn-search i { margin-left: 7px; } .btn-search:hover { background-color: rgba(0,0,0,.2); } /* ------------------------------------------------------------ *\ Button Primary Small \* ------------------------------------------------------------ */ .btn-primary-small { font-size: 20px; line-height: 1.2; color: #fff; font-weight: 400; text-align: center; padding: 3px 15px; border: 0; background: #178723; border-radius: 4px; box-shadow: none; } .btn-primary-small:hover { background-color: #0a6714; } /* ------------------------------------------------------------ *\ Button Return \* ------------------------------------------------------------ */ .btn-return { font-size: 21px; line-height: 23px; color: #fff; font-weight: 400; text-decoration: none; padding: 10px 14px; background-color: rgba(0,0,0,.5); border-radius: 5px; } .btn-return i { float: right; margin-left: 13px; } .btn-return:hover { background-color: #000; } /* ------------------------------------------------------------ *\ Button Location \* ------------------------------------------------------------ */ .btn-location { font-size: 21px; line-height: 1.57; color: #53a6dc; font-weight: 400; text-decoration: none; padding: 10px 20px; background-color: rgba(0,0,0,.6); border-radius: 5px; } .btn-location i { float: right; margin-left: 10px; } .btn-location:hover { background-color: #000; } /* ------------------------------------------------------------ *\ Buttons \* ------------------------------------------------------------ */ .green-button{color: var(--primary-button-text-color);text-shadow: 0 2px var(--primary-button-text-shadow);background-color: var(--primary-button-background);box-shadow: 0 3px var( --primary-button-background-dark);text-decoration: none;border-radius: 3px;} .gray-button { background: #D4D4D4 0% 0% no-repeat padding-box; border-radius: 4px; opacity: 1; text-align: center; font: Regular 18px/32px Rubik; font-size: 18px; font-weight: normal; letter-spacing: 0; color: #000000; box-shadow: 0 0; text-shadow: 0 1px #586a81; text-decoration: none; /*background: #93a4ba; border-radius: 3px;*/ } .button.red {color:#e04955;background-color:#fff2f3} .button.blue {color:#48a0dc;background-color:#ebf4fa} .button.green {color:#51ad00;background-color:#e7f3e9} .btn.disabled,.btn[disabled]{background-color:#9a9a9a!important;box-shadow: 0 3px #565656!important; pointer-events: none; cursor: default;color:#fff;text-shadow:unset} /* ------------------------------------------------------------ *\ Button Promo \* ------------------------------------------------------------ */ .section-promo-button .btn-promo { font-size: 23.1px; line-height: 1.24; color: #fff; font-weight: normal; text-shadow: 0 2px 0 #14721d; letter-spacing: -0.02em; text-decoration: none; padding: 6px 28px; border: 0; background: #178723; border-radius: 1px; box-shadow: 0 3px 0 #0a6714;} /* ------------------------------------------------------------ *\ Dropdown \* ------------------------------------------------------------ */ .dropdown { position: relative; } .dropdown i { text-indent: 0;/*vertical-align: text-top;*/vertical-align: middle;font-size: 18px; } .dropdown-icon { width: 63px; left: auto; } .dropdown-button { font-size: 21px; line-height: 27px; color: #2a3335; position: relative; padding: 18px 63px; background-color: #fff; border-radius: 5px; cursor: pointer; } .dropdown-button:after { content: ''; width: 10px; height: 10px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: #333; margin: auto; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: 25% 50%; transform-origin: 25% 50%; transition: transform 0s; right: auto; left: 20px; } .dropdown-menu, .dropdown-numbers, .dropdown-autocomplete { height: 0; opacity: 0; visibility: hidden; position: absolute; top: 100%; right: 0; left: 0; background-color: #fff; /*transition: opacity .4s ease, visibility .4s ease;*/ } .dropdown-menu { margin-top: 2px; overflow: hidden; border-radius: 4px; box-shadow: 0 0 9px rgba(0,0,0,.15); } .dropdown-list { padding: 0; margin: 0; list-style: none outside none; max-height: 385px;overflow: auto; } .dropdown-list::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #ffffff;border-radius: 10px;} .dropdown-list::-webkit-scrollbar{width: 10px;background-color: #eaeaea;} .dropdown-list::-webkit-scrollbar-thumb{background-color: #aaaaaa;border-radius: 10px;} .dropdown-list.unscrollable{ overflow:visible} .dropdown-item, .dropdown-link { font-size: 21px; line-height: 29px; color: #2a3335; position: relative; padding: 11px 63px; } .dropdown .dropdown-item +.dropdown-item { border-top: 1px solid #e1e8f0;} .dropdown-link { text-decoration: none; display: block; } .dropdown-link span { width: 26px; height: 26px; right: 20px; left: auto; background-color: #209c2e; border-radius: 50%; } .dropdown-link span:before { width: 13.5px; height: 1px; } .dropdown-link span:after { width: 1px; height: 13.5px; } .dropdown-link span:before, .dropdown-link span:after { content: ''; background-color: #fff; -ms-transform: translateX(1px); transform: translateX(1px); } .dropdown-item { cursor: pointer; } .dropdown-item:hover{background-color:#f6f9fb;} .dropdown-item.no-icon {padding:15px} .dropdown-item.checkbox-item .dropdown-icon { margin-right:0px!important; } .dropdown-item.icon{padding:15px} .dropdown-item.icon i{vertical-align: text-top;margin-left: 5px;} .dropdown-button i:before, .dropdown-button i:after, .dropdown-icon i:before, .dropdown-icon i:after {position: absolute;color: #92a6bf;font-size: 24px;padding: 14px 15px; } .icon-comb_icon.budget-comb:before{padding:0px 0px!important} /* Dropdown Open */ .dropdown-open { z-index: 3; } .dropdown-open .dropdown-button { box-shadow: 0 0 0 2px var(--search-border-color); } .dropdown-open .dropdown-menu { height: auto; opacity: 1; visibility: visible; } /* Dropdown Primary */ /*.dropdown-primary { margin-bottom: 15px; }*/ .dropdown-primary .dropdown-label { font-size: 30px; line-height: 32px; color: #1e8c2a; display: inline-block; vertical-align: middle; } .dropdown-primary .dropdown-text { font-size: 32px; line-height: 1; font-weight: 700; display: inline-block; vertical-align: middle; } .dropdown-primary .dropdown-item { padding-right: 15px; } /* Dropdown Secondary */ .dropdown-secondary .dropdown-button { padding: 13px 16px 13px 56px; } .dropdown-secondary .dropdown-button .dropdown-icon { display: none; } .dropdown-secondary .dropdown-button .dropdown-label { font-size: 21px; line-height: 24px; display: block; } .dropdown-secondary .dropdown-button .dropdown-text { font-size: 26px; line-height: 1; display: block; } .dropdown-primary .dropdown-button .form-controls .field {height:auto;line-height: normal;} .dropdown-primary .dropdown-button label{padding-top:2px !important;line-height: inherit;} .dropdown-secondary .dropdown-icon i.ico-adult-child-more:after { right: 3px; } .dropdown-secondary .dropdown-icon i.ico-adult-more-child-more:before { right: 16px; } .dropdown-secondary .dropdown-icon i.ico-adult-more-child-more:after { top: 8px; right: 4px; } /* Dropdown Autocomplete */ .dropdown-autocomplete { /*padding: 15px 20px 0;*/ margin-top: 2px; border-radius: 0 0 4px 4px; box-shadow: 0 4px 9px rgba(0,0,0,.15);max-height: 400px; overflow: hidden;overflow-y: scroll; } .dropdown-autocomplete h4 { font-size: 28px; line-height: 1; color: #95a5b9; font-weight: 400; margin: 0; } /* Dropdown Numbers */ .dropdown-numbers {max-height: 228px;overflow: auto; margin-top: 2px; border-radius: 0 0 4px 4px; box-shadow: 0 4px 9px rgba(0,0,0,.15); } /* Dropdown Time */ .dropdown-time .dropdown-button { padding: 18px 63px 18px 18px; } .dropdown-time .dropdown-button:after { content: none; } .dropdown-time .dropdown-menu { max-height: 300px; overflow-x: hidden; overflow-y: auto; } .dropdown-time .dropdown-item { padding: 5px 17px; } /* ------------------------------------------------------------ *\ Search Block \* ------------------------------------------------------------ */ .search-block { width: 100%; position: relative; z-index: 7; } .section-search { background: url(/resources/web/img/search-bg.jpg) center center no-repeat; background-size: cover; padding-top: 1px; margin-top: -1px; } .section-search .tab:before, .section-search .tab:after { display: none; } .section-search .shell:before, .modal .section-search { background: none; } /* ------------------------------------------------------------ *\ Search Autocomplete \* ------------------------------------------------------------ */ .dropdown-autocomplete h4 { font-size: 24px; margin-bottom: 10px; padding: 16px 18px 7px 10px; } .list-autocomplete a { font-size: 18px; padding: 13px 50px 13px 10px; color: #000; } .list-autocomplete a:hover { background: #f6f9fb; color: #000; } .list-autocomplete span { color: #6e8caf; } .list-autocomplete a:hover span { color: #6e8caf; } .list-autocomplete em { width: 35px; } .list-autocomplete i { margin-top: 15px; margin-right: 15px; font-size: 21px } .list-autocomplete li.no-result { padding: 13px 20px 13px 10px; } .section-search .ui-autocomplete .ui-menu-item { font-size: 18px; margin-right: 20px; border: none; border-bottom: 1px solid #e1e8f0; padding-right: 35px; } .section-search .ui-autocomplete .ui-menu-item:hover { background: #f6f9fb; } .section-search .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper { color: #2a3335; } .section-search .ui-autocomplete .ui-menu-item:first-child { margin-right: 0; } .section-search .ui-autocomplete .ui-menu-item:first-child .ui-menu-item-wrapper { font-weight: bold; } .section-search .ui-autocomplete .ui-menu-item .ui-autocomplete-item-icon { width: 38px; } .section-search .ui-autocomplete .ui-menu-item:not(:first-child) .ui-autocomplete-item-icon i { width: 16px; height: 15px; background-size: cover; } /* ------------------------------------------------------------ *\ Search Main Navigation \* ------------------------------------------------------------ */ /**/ .section-search .niche-search-navigation { max-width: 1240px; margin: 0 auto; } .section-search .search-navigation { max-width: 1240px; margin: 0 auto; padding-right: 200px; position: relative; margin-top: 59px; min-height: 410px; } .section-search .search-navigation .right-navigation { position: absolute; right: 0; top: 0; left: auto; text-align: right; padding: 0; width: 200px; } .section-search .search-navigation .right-navigation li { display: block; margin-bottom: 2px; position: relative; } .section-search .search-navigation .right-navigation ul { padding-top: 11px; } .section-search .search-navigation .right-navigation ul:before { position: absolute; top: 0; left: 0; height: 9px; width: 100%; background: rgba(0, 0, 0, 0.4); border-radius: 2px; } .section-search .search-navigation .right-navigation ul:after { position: absolute; bottom: -8px; left: 0; height: 8px; width: 100%; background: rgba(0, 0, 0, 0.4); } .section-search .search-navigation .right-navigation li:after { display: none; } .section-search .search-navigation .right-navigation li a { padding: 18px 55px 19px 10px; display: block; color: white; background: rgba(0, 0, 0, 0.4); border-radius: 2px; font-size: 20px; } .section-search .search-navigation .right-navigation .current a { font-weight: normal; background: none; } .section-search .search-navigation .right-navigation li a:hover, .section-search .search-navigation .right-navigation .current a { color: white } .section-search .search-navigation .right-navigation li a:hover i, .section-search .search-navigation .right-navigation .current a i { color: white } .nav-tabs ul li a i { color: white } /* ------------------------------------------------------------ *\ Search Form \* ------------------------------------------------------------ */ .form-search .form-search { padding: 0; } .form-search { padding: 0 75px 0 0px; } .form-search .form-header { position: relative; display: table; width: 100%; padding-top: 35px; padding-bottom: 50px; } .modal .form-search .form-header { padding: 0 } .form-search .form-header .tab-title { font-size: 41px; color: white; text-shadow: 0 0 #0d151a; font-weight: bold; float: right; line-height: 42px; } .form-search .form-header .tab-title.target-title { display: inline; float: none; } .modal .form-search .form-header .tab-title { color: rgba(0,0,0,.15); font-size: 32px; font-weight: 500 } .form-search .form-header .nav-tabs-secondary { float: left; line-height: normal; padding-bottom: 0; position: static; } .form-search .form-header .nav-tabs-secondary a { /*background: #012c49;*/ background: var(--search-tab-bg-color); padding: 8px 12px; font-weight: normal; min-width: 0; font-size: 16px; color: #fff; } /*.form-search.strip-view .form-header .nav-tabs-secondary a { background: rgba(56, 55, 55, 0.55);}*/ .form-search .form-header .nav-tabs-secondary a:hover, .form-search .form-header .nav-tabs-secondary .current a { background: #91a6bf; } .search-engine-coverHeader .form-search .form-header .nav-tabs-secondary.flight-SearchType-tabs a { opacity: 0.65; background-color: #000000; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.50); margin-bottom: 2px; border-top: solid 2px rgb(103, 112, 119); } /*#4a5562*/ .search-engine-coverHeader .form-search .form-header .nav-tabs-secondary.flight-SearchType-tabs a:hover, .form-search .form-header .nav-tabs-secondary.flight-SearchType-tabs .current a { background-color: var(--search-tab-bg-active-color); /* border-top: solid 2px #D3E1EE;*/ opacity: 1; /* background-color: #92A6BF; border-top: solid 2px #D3E1EE;*/ font-weight: 700; } .form-search .form-header .nav-tabs li:after { display: none; } .form-search .form-body { /*padding-bottom: 15px;*/ margin: 0; border: 0; } .form-search .form-body .form-cols { margin: 0 } .form-search .form-body .form-cols:not(.promotion) + .form-cols { margin-top: 15px } .form-search .form-body .form-row { padding: 1px 52px 1px 10px; border-radius: 2px; } .form-search .form-body .form-row-icon { width: 55px; } .form-search .form-body .form-label { font-size: 20px; padding-top: 12px; } .form-search .form-body input { font-size: 20px; padding: 0; } .form-search .form-body input::-webkit-input-placeholder { font-weight: 400; font-size: 20px } .form-search .form-body input:-moz-placeholder { font-weight: 400; font-size: 20px } .form-search .form-body input::-moz-placeholder { font-weight: 400; font-size: 20px } .form-search .form-body input:-ms-input-placeholder { font-weight: 400; font-size: 20px } /* all */ .form-search .form-body ::-webkit-input-placeholder { font-size: 22px; } .form-search .form-body ::-moz-placeholder { font-size: 22px; } /* firefox 19+ */ .form-search .form-body :-ms-input-placeholder { font-size: 22px; } /* ie */ .form-search .form-body input:-moz-placeholder { font-size: 22px; } .form-search .form-body .form-row-secondary { padding: 0; } .form-search .form-body .spinner input.spinner-value { text-align: center; border: none; background: none; } .form-search .form-row .form-row-icon i { color: #91a6bf; font-size: 26px; padding: 14px !important } .form-search .trip-details-select-options i.icon-meurganim:before, .form-search .form-row .form-row-icon i.icon-cars { font-size: 22px } /* ski sites */ .ski-search-box .dropdown-menu .dropdown-item { padding-left: 15px } .ski-search-box .dropdown-menu .dropdown-item .icon-ski { float: right; line-height: 29px; margin-left: 5px; } .ski-search-box .dropdown-menu .dropdown-item text { font-size: 18px } /* ------------------------------------------------------------ *\ Search Form Col \* ------------------------------------------------------------ */ .form-search .form-col-1of2 { padding: 0 15px; } .form-search .form-col-1of2:first-child { padding-right: 0; } .form-search .form-col-1of2:nth-child(2) { padding-right: 0; } .form-search .form-col-1of2:last-child { padding-left: 0; } .form-search .form-col-1of5 { padding: 0 5px; width: 20%; } .form-search .form-col-1of5:first-child { padding-right: 0; } .form-search .form-col-1of5:last-child { padding-left: 0; } .form-search .form-col-one-way { padding-right: 0; } /* ------------------------------------------------------------ *\ Search Form Action Button/Checkboxes \* ------------------------------------------------------------ */ .form-section-content { display: table; width: 100%; } .form-search .action-button-wrapper { float: left; margin-top: 20px; } .form-search .action-button-wrapper .form-btn { padding: 12px 45px; min-width: 0; border-radius: 3px; font-size: 38px; line-height: 1; font-weight: bold; transition: all .1s ease; } .form-search .action-button-wrapper .form-btn:hover { margin-top: 2px; } .form-search .checkbox-options { font-size: 18px; color: #a5cad4; display: inline-block; margin-top: 15px; } .form-search .checkbox-options ul { list-style-type: none; display: table; } .form-search .checkbox-options ul li { float: right; margin-left: 24px; } .form-search .checkbox-options ul li label { font-size: 16px; color: #fff; padding-right: 24px; line-height: 18px; } .form-search .checkbox-options ul li label:before { width: 17px; height: 17px; } /* ------------------------------------------------------------ *\ Two Month Calendar Input/Select \* ------------------------------------------------------------ */ .section-search .two-month input::-webkit-input-placeholder, .section-search .one-way-date input::-webkit-input-placeholder, .section-search .two-month input::-moz-placeholder, .section-search .one-way-date input::-moz-placeholder, .section-search .two-month input:-ms-input-placeholder, .section-search .one-way-date input:-ms-input-placeholder, .section-search .two-month input:-moz-placeholder, .section-search .one-way-date input:-moz-placeholder, .section-search .flight-options .dropdown-text, .dropdown-hotels .dropdown-text, .form-col-vacation-hotel-rooms .dropdown-text, .form-search .form-body .cars-rental-driver-age input, .flight-persons-eylat .dropdown-text { font-weight: normal; font-size: 21px; } .form-datepicker .date-picker-wrapper .month-wrapper .gap:before { content: ""; width: 1px; position: absolute; height: 51px; top: -51px; background: #fff; left: 10px; } .form-datepicker .date-picker-wrapper .month-wrapper table .day.day-highlight:not(.invalid):before { top: auto; bottom: -2px; } .form-search .two-month-date input { display: inline-block; width: 120px; } .form-search .two-month input:first-child { position: absolute; width: 100%; right: 0; padding-right: 52px; background: none; } .form-search .two-month input:not(:first-child) { padding-right: 90px; } .form-search .form-col-1of4 .two-month input:not(:first-child) { margin-right: 0; padding-right: 93px; } /*.form-search .two-month.cars input:not(:first-child){margin-right:150px;}*/ /*.form-search .strip-box .two-month.cars input:not(:first-child){margin-right:90px;}*/ .form-search .two-month:after { position: absolute; top: 20px; content: ''; width: 10px; height: 10px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: transparent transparent inherit inherit; margin: auto; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: 25% 50%; transform-origin: 25% 50%; transition: transform 0s; right: auto; left: 16px; border-width: 1px; border-color: #fff #fff #000 #000; } .form-search .two-month.hide-after:after { visibility: hidden; } .form-search .dropdown-button { padding: 12px 63px 12px 36px; border-radius: 2px; z-index: 1; } .form-search .form-is-one-way .two-month input ~ input { visibility: hidden; } .search-block .form-search .dropdown-button .dropdown-icon i.icon-place:before { font-size: 24px; padding: 14px 20px } /* ------------------------------------------------------------ *\ Search Form \* ------------------------------------------------------------ */ .cars-rental-driver-age .checkbox label { color: #a5cad4; font-size: 18px; line-height: 18px; margin-top: 16px; padding-right: 24px; } .cars-rental-driver-age .checkbox label:before { width: 17px; height: 17px; } .cars-rental-driver-age > .form-col:first-child { width: 38%; } .cars-rental-driver-age > .form-col:last-child { width: 62%; } .cars-rental-driver-age > .form-col .form-row { padding: 3px 52px 3px 10px; } /* ------------------------------------------------------------ *\ Search Form Flights \* ------------------------------------------------------------ */ .form-search .one-way-date:after { position: absolute; top: 20px; content: ''; width: 10px; height: 10px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: transparent transparent inherit inherit; margin: auto; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: 25% 50%; transform-origin: 25% 50%; transition: transform 0s; right: auto; left: 16px; border-width: 1px; border-color: #fff #fff #000 #000; } .passenger-count-dropdown { padding: 0 15px 0 20px; border-radius: 0 0 4px 4px; margin-top: 0; z-index: -1; } .passenger-count-dropdown h4 { color: #95a5b9; font-size: 24px; font-weight: normal; margin: 15px 0 5px; position: relative; display: inline-block; line-height: 1 } .passenger-count-dropdown ul { list-style-type: none; margin-bottom: 0; } .passenger-count-dropdown .flight-class-options { margin-bottom: 15px; } .passenger-count-dropdown .flight-class-options ul { display: table; } .passenger-count-dropdown .flight-class-options ul li { float: right; margin-left: 5px; } .passenger-count-dropdown .flight-class-options ul li .checkbox { /*border:1px solid #e4ecf2;*/ padding: 1px; } .passenger-count-dropdown .flight-class-options ul li .checkbox label { color: #2a3335; padding: 0 25px 0 0; line-height: 18px; font-size: 18px; } .passenger-count-dropdown .flight-class-options ul li .checkbox label:before { width: 19px; height: 19px; border: 1px solid #91a6bf; border-radius: 50%; } .passenger-count-dropdown .flight-class-options ul li:last-child .checkbox { margin: 0; } /**new custom radio buttons */ .passenger-count-dropdown .flight-class-options .checkbox input:checked ~ label i { opacity: 1; background-color: var(--dropdown-checkbox); top: 3px; right: 3px; } .passenger-count-dropdown .flight-class-options .checkbox i { width: 13px; height: 13px; margin: 0; border-radius: 50px; background-image: none; } .multiflight-persons, .passenger-count, .hotel-persons { display: table; width: 100%; border-bottom: 1px solid #edf1f6; padding: 10px 0; } .multiflight-persons:last-child, .passenger-count:last-child, .hotel-persons:last-child { border-bottom: none; } .multiflight-persons label, .passenger-count label, .hotel-persons label { color: #2a3335; font-size: 21px; } .multiflight-persons label span, .passenger-count label span, .hotel-persons label span { color: #91a6bf; font-size: 18px; } .multiflight-persons .spinner, .passenger-count .spinner, .hotel-persons .spinner { float: left; width: 98px; padding: 0; } .multiflight-persons .spinner button, .passenger-count .spinner button, .hotel-persons .spinner button { width: 24px; height: 24px; } .multiflight-persons .spinner-add:before, .passenger-count .spinner-add:before, .passenger-count .spinner-remove:before, .hotel-persons .spinner-add:before, .hotel-persons .spinner-remove:before, .multiflight-persons .spinner-remove:after { width: 12px; } .multiflight-persons .spinner-add:after, .passenger-count .spinner-add:after, .hotel-persons .spinner-add:after { height: 12px; } .multiflight-persons .spinner-value, .passenger-count .spinner-value, .hotel-persons .spinner-value { width: 48px; } .form-search .form-is-domestic .hidden-on-domestic { display: none; } .form-search .hidden-on-abroad { display: none; } .form-search .form-is-domestic .hidden-on-abroad { display: inherit; } .list-autocomplete a[data-iata="AllDes"] { background-color: #eeecec; } .list-autocomplete a[data-iata="AllDes"]:hover { background: #9cb7c9; } /* ------------------------------------------------------------ *\ Search Form MultiFlights \* ------------------------------------------------------------ */ /*.show-on-multi-flight{display:none;}*/ .flight-direction-tabs ~ .form-wrapper form { display: none; } .flight-direction-tabs ~ .form-wrapper form.current { display: block; } .form-search .multi-destination-search .hidden-on-multi-flight { display: none; } .form-search .multi-destination-search { margin: 0; } .form-search .multi-destination-search .form-datepicker { left: 0; right: auto; } .form-search .multi-destination-search .form-body { padding-bottom: 50px; } .form-search.strip-view .multi-destination-search .form-body { padding-bottom: 10px; } .form-search .multi-destination-search .car-options { width: 414px; margin-top: 20px; margin-bottom: 7px; } .form-search.strip-view .multi-destination-search .car-options { margin-right: 20px; } .form-search .multi-destination-search .form-col-1of3 { padding: 0 10px; width: 35%; } .form-search .multi-destination-search .form-col-1of3:first-child { padding-right: 0; } .form-search .multi-destination-search .form-col-1of3:last-child { padding-left: 0; width: 30%; } .form-search .multi-destination-search .form-col-1of3:last-child input { font-size: 21px; } .form-search .multi-destination-search .form-sections { padding: 0 } .form-search.strip-view .multi-destination-search .form-sections { margin-left: 55px; } .form-search .multi-destination-search .form-sections .form-section { padding: 0; display: table; width: 100%; margin-bottom: 15px; position: relative; } .form-search.strip-view .multi-destination-search .form-sections .form-section { margin-right: 20px; } .form-search.strip-view .multi-destination-search .form-sections .form-section:first-child { margin-top: 8px; } .form-search .multi-destination-search .form-sections .form-section .form-section-head { padding: 0; } .form-search .multi-destination-search .form-sections .form-section .form-section-head h4:before { display: none; } .form-search .multi-destination-search .form-sections .form-section .form-section-head h4:after { position: absolute; content: counter(section)'.'; color: #fff; font-size: 24px; font-weight: normal; bottom: 0; line-height: 18px; right: -28px; } .form-search .multi-destination-search .form-sections .form-section:last-child { margin-bottom: 0; } .form-search .multi-destination-search .btn-add { color: #a5cfec; background: none; font-size: 18px; font-weight: normal; border: none; padding: 0; border-radius: 0; width: auto; margin: 0; display: inline-block; margin-top: 5px; margin-right: 1px; } .form-search.strip-view .multi-destination-search .btn-add { margin-right: 20px; } .form-search.strip-view .multi-destination-search { padding-right: 10px; } .form-search .multi-destination-search .btn-add span { background: url(/Resources/Web/css/images/icons/add-button.png); width: 19px; height: 19px; } .form-search .multi-destination-search .btn-add span:before, .multi-destination-search .btn-add span:after { display: none; } .form-search .multi-destination-search .btn-remove { position: absolute; left: -35px; top: 15px; margin: 0; } .form-search .multi-destination-search .btn-remove span { background: none; width: 20px; height: 20px; } .form-search .multi-destination-search .btn-remove span:before { width: 20px } .form-search .multi-destination-search .btn-remove span:after { height: 20px; } .form-search .multi-destination-search .form-actions { position: absolute; bottom: 50px; left: 0; } .form-search.strip-view .multi-destination-search .form-actions { left: 35px; bottom: 20px; } .multi-destination-search .field { height: 49px; } .multi-destination-search .action-button-wrapper { top: -122px; } /* ------------------------------------------------------------ *\ Search Form Hotels \* ------------------------------------------------------------ */ .hotel-rooms { padding: 0 15px 0 20px; border-radius: 0 0 4px 4px; margin-top: 0; z-index: -1; } .hotel-rooms h4 { color: #95a5b9; font-size: 24px; font-weight: normal; margin: 15px 0 5px; position: relative; display: inline-block; line-height: 1; margin-top: 5px; } .hotel-rooms h4:before { content: counter(section)':'; color: #95a5b9; font-size: 24px; float: left; font-weight: normal; margin-right: 5px; } .hotel-rooms ul { list-style-type: none; } .hotel-room-list .childrens { font-size: 21px; color: #2a3335; min-height: 40px; } .hotel-room-list .childrens .form-row { padding: 0; border-radius: 0; } .hotel-room-list .childrens .form-row .form-label-select-primary { padding: 7px; color: #76869d; font-size: 18px; background: #fff; border-radius: 2px; border: 1px solid #dfe7ee; } .hotel-room-list .childrens .form-row .form-label-select-primary:after { width: 8px; height: 8px; border-color: #fff #fff #76869d #76869d; } .hotel-room-list .childrens .form-col-1of5 { width: 21%; margin: 3px 3px 3px 3px; } .hotel-room-list .childrens .form-col-1of5:first-child { width: 16%; padding-top: 5px; height: 40px; } .hotel-room-list .childrens .select option { font-size: 20px; line-height: 22px; } .hotel-room-list.hotel-room-list-israel .infants { border-top: 1px solid #edf1f6; } .hotel-room-list.hotel-room-list-israel ul { margin-bottom: 0; } .hotel-room-list.hotel-room-list-israel .childrens { margin-bottom: 15px; } .hotel-rooms { padding: 0 0 10px; } .hotel-rooms .form-sections { padding-bottom: 45px; } .hotel-rooms .form-sections .form-section { padding: 10px 15px 10px 20px; border-bottom: 1px dashed #dce2e4; background: #f7fafd; position: relative; } .hotel-rooms .form-sections .form-section:last-child { border: none; background: none; } .hotel-rooms .add-room-button { color: #48a0dc; font-size: 18px; position: relative; background: none; border: none; padding-right: 24px; margin-right: 15px; } .hotel-rooms .add-room-button:before { content: ""; background: url(/Resources/Web/css/images/icons/ico-plus.png); width: 19px; height: 19px; position: absolute; right: 0; } .hotel-rooms .btn-remove { width: 73px; height: 19px; line-height: 1; position: absolute; left: 20px; top: 20px; } .hotel-rooms .btn-remove > div, .hotel-rooms .btn-remove > i { display: inline-block } .dropdown-menu.hotel-rooms { overflow: visible; z-index: 0; } .dropdown-menu.hotel-rooms li.note-item { padding-top: 10px } /* ------------------------------------------------------------ *\ Multy Room Selector \* ------------------------------------------------------------ */ .room-selector div[class^='column-'] { display: inline-block; } .form-cols .form-sections .form-section:first-child .js-remove-section { visibility: hidden } .room-selector .form-col-header { margin: 2px 0px 2px 5px; } .room-selector .form-col-header .column-1 { padding: 0px 20px 0px 0px; } .room-selector { counter-reset: rule; position: relative; } .room-selector .column-1 .js-remove-section span { width: 16px; height: 16px; margin-right: 9px; margin-top: 5px; } .room-selector .column-1 .js-remove-section span::after { height: 12px; } .room-selector .column-1 .js-remove-section span::before { width: 12px; } .room-selector .column-1 { width: 10%; } .room-selector .column-2 { width: 74%; position: relative; padding-right: 20px; border-right: 1px solid #e1e8f0; } .room-selector .column-2 { margin-right: 20px; } .room-selector .form-col-body .column-2:before { counter-increment: rule; content: counter(rule) ". "; width: 20px; position: absolute; right: -35px; top: 5px; color: #004e71; font-size: 24px; } .form-cols .btn-add { color: var(--secondary-search-primary-color); background: none; font-size: 20px; font-weight: bold; border: none; padding: 0; border-radius: 0; width: auto; margin: 0; display: inline-block; margin-right: 1px; padding: 15px; } .room-selector .dropdown-text { font-weight: normal; font-size: 20px; } .room-selector .room-selection .dropdown-menu .dropdown-list .dropdown-item { padding: 0px; } .room-selector .room-selection .dropdown-menu .dropdown-list .dropdown-item text { font-size: 16px; } .room-selector .room-selection .dropdown-menu.main-dropdown { overflow: visible; } .room-selector .room-selection .dropdown-menu .dropdown-list.main-dropdown { overflow: visible; } .room-selector .room-selection .dropdown-menu .dropdown-list.main-dropdown .sub-dropdown { overflow: visible; } .room-selector .column-2 .dropdown-button { padding: 2px 12px 2px 30px; } .room-selector .dropdown-open .column-2 .dropdown-button { box-shadow: 0 0 0 2px #eeeeee; } .room-selector .passenger-count-dropdown { padding: 0 11px 0 11px; } .room-selector .dropdown-open.room-selection .capacity-dropdown:not(.dropdown-open) .dropdown-list { height: 0; opacity: 0; visibility: hidden; } .room-selector .form-col-vacation-hotel-rooms + button { padding: 0 10px 5px 0 } /* ------------------------------------------------------------ *\ Search Form Car Rent \* ------------------------------------------------------------ */ .car-rent-datepicker.form-datepicker-dual .form-datepicker-body { border-top: 0; } .car-rent-datepicker.form-datepicker-dual .car-rent-time { color: #000; margin: 0; border-top: 2px solid #178823; clear: both; padding: 10px 0; } .car-rent-datepicker .car-rent-time label { padding: 5px 12px; font-size: 18px; } .car-rent-datepicker .car-rent-time .dropdown-time { display: inline-block; } .car-rent-datepicker .car-rent-time .dropdown-time .dropdown-button { min-width: 160px; border: 1px solid #eeeeee; border-radius: 2px; padding: 5px 12px 5px 30px; font-size: 18px; color: #000; box-shadow: none; margin-bottom: 5px; } .car-rent-datepicker .car-rent-time .dropdown-time .dropdown-button:after { content: ""; } .car-rent-datepicker .car-rent-time .dropdown-time .dropdown-item { font-size: 18px; padding: 3px 10px; } .car-rent-datepicker .car-rent-time .dropdown-time .dropdown-item::after { right: 0; left: 0; } .car-rent-datepicker .car-rent-time .dropdown-time .dropdown-item:hover { background: #f6f9fb; } .car-rent-datepicker .car-rent-time .dropdown-time .dropdown-menu { box-shadow: 0 2px 2px rgba(0,0,0,.15); margin-top: 0; } .form-search .car-rent-places { background: #f7fafd; padding: 0; max-height: inherit; overflow: visible; overflow-y: visible; } .form-search .car-rent-places h4 { font-size: 24px; margin-bottom: 15px; padding: 0; } .form-search .car-rent-places > div { padding: 15px 20px; } .form-search .car-rent-places .top-block { background: #fff; border-bottom: 1px dashed #dce2e4; } .form-search .car-rent-places .dropdown-list { max-height: 100%; } .form-search .car-rent-places .popular-places { display: table; width: 100%; list-style-type: none; font-family: 'Rubik', 'Arial', 'Helvetica', sans-serif; } .form-search .car-rent-places .popular-places li { float: right; width: 50%; padding: 5px 0; border: none; } .form-search .car-rent-places .popular-places li a { color: #48a0dc; font-size: 14px; text-decoration: none; padding: 0 12px 0 0; position: relative; } /*.form-search .car-rent-places .popular-places li a:before{content:"";position:absolute;top: 8px;right:0;width:9px;height:9px;background:url(/Resources/Web/css/images/icons/left-double-arrow.png);}*/ .form-search .car-rent-places .popular-places li a i { font-size: 8px; display: inline; margin: 8px -3px 0 0px; color: #418acc; } .form-search .car-rent-places .popular-places li a:hover { color: #3986bb; } .form-search .car-rent-places .popular-places li a:hover:before { background: url(/Resources/Web/css/images/icons/left-double-arrow_hover.png); } /*.cars .between-date-separator { right: 181px;}*/ .car-rent-place-search > div { margin-bottom: 6px; } .car-rent-place-search .dropdown { position: relative; border: 1px solid #dfe7ee; border-radius: 3px; } .car-rent-place-search .dropdown-button { font-size: 18px; line-height: 18px; padding: 10px 12px; } .car-rent-place-search .dropdown-item { font-size: 15px; line-height: 20px; padding: 5px 15px; } .car-rent-place-search .dropdown-item:last-child:after { display: none; } .car-rent-place-search .dropdown select { display: block; border: 1px solid #dfe7ee; padding: 15px; padding: 8px 12px 8px 35px; color: #000; font-size: 18px; border-radius: 3px; width: 100%; height: 38px; background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .car-rent-place-search .dropdown select::-ms-expand { display: none; } .car-rent-place-search .dropdown-open .dropdown-button { box-shadow: none; } .car-rent-place-search .dropdown-item:hover { background: #f6f9fb; } .car-rent-place-search .dropdown select option { font-size: 18px; line-height: 20px; padding: 5px 15px; font-size: 16px; } .car-rent-place-search .dropdown select option:not([disabled]) { font-family: 'Rubik'; font-family: Arial; } .car-rent-place-search .button-wrapper { text-align: left; margin-top: 15px; } .car-rent-place-search .button-wrapper .form-btn { font-size: 23px; font-weight: bold; width: auto; min-width: 0; line-height: 23px; background: #178823; color: #fff; text-shadow: 0 3px #14721d; border: none; text-decoration: none; padding: 8px 33px; box-shadow: 0 3px #0b6714; border-radius: 3px; } .car-rent-place-search .button-wrapper .form-btn:hover { box-shadow: 0 3px #084c0f; border-radius: 3px; } .car-rent-place-search .dropdown-open .dropdown-menu { max-height: 215px; overflow: auto; } /*.form-search .cars-rental-driver-age .form-label{padding-top: 5px;}*/ .form-search .strip-box [id^="cars_rental_"]::-webkit-input-placeholder { color: #1e8c2a; } .form-search .strip-box [id^="cars_rental_"]:-ms-input-placeholder { color: #1e8c2a; } .form-search .strip-box [id^="cars_rental_"]::-moz-placeholder { color: #1e8c2a; } .form-search .strip-box [id^="cars_rental_"]:-moz-placeholder { color: #1e8c2a; } /* ------------------------------------------------------------ *\ Search Form Trips \* ------------------------------------------------------------ */ .trip-details .dropdown-button .dropdown-text { font-size: 21px; font-weight: normal; } .trip-details .dropdown-menu, .trip-details .dropdown-autocomplete { padding: 0 0 15px 0; border-radius: 0 0 4px 4px; } .trip-details .trip-details-select-options ul { display: table; width: 100%; } .trip-details .trip-details-select-options ul li { float: right; width: 50%; padding: 0; border: none; } .trip-details .trip-details-select-options ul .dropdown-item:after { display: none; } .trip-details .trip-details-select-options ul li:nth-child(odd) { padding-right: 8px; padding-left: 15px; } .trip-details .trip-details-select-options ul li:nth-child(even) { padding-left: 8px; padding-right: 15px; } .trip-details .trip-details-select-options ul li a { text-decoration: none; padding: 15px 30px 15px 5px; display: block; border-top: #edf1f6 1px solid; position: relative; line-height: 1; } .trip-details .trip-details-select-options ul li:nth-child(2) a, .trip-details ul li:nth-child(3) a { border: none; } .trip-details .trip-details-select-options ul li:hover a { border-color: transparent; background: #f6f9fb; } .trip-details .trip-details-select-options ul li a i { right: 4px; position: absolute; bottom: auto; left: auto; top: 50%; transform: translateY(-50%); } .trip-details .trip-details-select-options ul li a span { font-size: 20px; color: #2a3335; line-height: 20px; } .trip-details .trip-details-select-options ul li:first-child { color: #2a3335; font-size: 20px; font-weight: bold; padding: 0 15px; width: 100%; } .trip-details .trip-details-select-options ul li:first-child a { border-bottom: #edf1f6 1px solid; border-top: none; padding: 15px 30px 15px 5px; color: #000; } .trip-details .trip-details-select-options ul li:first-child a label { cursor: pointer; } .trip-details .trip-details-select-options .trip-area:after, .trip-details .trip-details-select-options .trip-country:after { content: ''; width: 10px; height: 10px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: transparent transparent #333 #333; margin: auto; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: 25% 50%; transform-origin: 25% 50%; transition: transform 0s; right: auto; left: 20px; position: absolute; top: 20px; } .trip-details .popular-trips { color: #fff; display: table; position: absolute; margin-top: 15px; } .trip-details .popular-trips label { font-size: 21px; font-weight: bold; float: right; } .trip-details .popular-trips ul { float: right; list-style-type: none; margin-top: 2px; line-height: 1.1; } .trip-details .popular-trips ul li { float: right; } .trip-details .popular-trips ul li:last-child { margin-left: 0; } .trip-details .popular-trips ul li a { text-decoration: none; position: relative; font-size: 18px; } .trip-details .popular-trips ul li a i { font-size: 9px; color: #9baec2; margin: 0 15px 0 5px } .trip-details .popular-trips ul li a:hover { font-weight: bold } .form-search .trip-action-button { top: -12px; } /*#trips_search_form .form-cols{margin:0}*/ /* ------------------------------------------------------------ *\ Search Form Domestic Hotels \* ------------------------------------------------------------ */ .form-is-domestic .checkbox.flight-request { display: none; margin-right: 0; padding: 16px 16px 0 0; } .form-is-domestic .checkbox label { font-size: 20px; padding-right: 25px; line-height: 18px; } .search-engine-light .form-is-domestic .checkbox label { color: black; } .search-engine-light .form-is-domestic .checkbox label:before { border: 1px solid #D5E4F1; width: 18px; height: 18px; } .search-engine-light .form-is-domestic .checkbox .icon-check:before { margin-right: 1px; } /* ------------------------------------------------------------ *\ Search Form Eylat Flights \* ------------------------------------------------------------ */ .eylat-flights-navigation, .flight-direction-tabs { font-size: 18px; line-height: 1; position: absolute; padding: 0; top: -41px; } .eylat-flights-navigation ul li a, .flight-direction-tabs ul li a { background: none; position: relative; padding: 5px 10px; text-align: right; min-width: 0; letter-spacing: normal; padding: 5px 30px 5px 0; min-width: 98px; } .eylat-flights-navigation ul li a:before, .flight-direction-tabs ul li a:before { content: ""; position: absolute; width: 20px; height: 20px; border-radius: 10px; right: 0; top: 4px; background: #fff; border: 3px solid #fff; } .eylat-flights-navigation ul .current a, .eylat-flights-navigation ul li:hover a, .flight-direction-tabs ul .current a, .flight-direction-tabs ul li:hover a { background: none; } .eylat-flights-navigation ul .current a::before, .flight-direction-tabs ul .current a::before { background-color: var(--checkbox-color); border: 3px solid #fff; } .search-engine-light .eylat-flights-navigation ul li a:before, .search-engine-light .flight-direction-tabs ul li a:before { border-color: #d6e5f2; } .form-col-one-way-eylat { display: none; } .form-is-one-way-eylat .form-col-one-way-eylat { display: block; padding-right: 0; } .form-is-one-way-eylat .form-col-two-way-eylat { display: none; } /**********/ .not-active { pointer-events: none; cursor: default; background: grey !important; } .dropdown-con { padding: 7px; color: #000; font-size: 18px; background: #fff; border-radius: 2px; border: 1px solid #eee; position: relative; } .dropdown-con:after { content: ''; position: absolute; width: 8px; height: 8px; border-color: #fff #fff #333 #333; display: inline-block; vertical-align: middle; border-style: solid; margin: auto; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: 25% 50%; transform-origin: 25% 50%; transition: transform 0s; left: 12px; top: 14px; border-width: 1px; } .dropdown-container ul { padding: 0px; list-style: none; border-radius: 4px; display: none; width: 100%; padding: 0px; margin: 0px; box-shadow: 0 2px 2px rgba(0,0,0,.15); position: absolute; z-index: 100; height: 150px; overflow: auto; } .dropdown-container ul li { font-size: 18px; line-height: 20px; padding: 8px 12px; border-bottom: 1px solid #e1e8f0; background: #fff; } .dropdown-container ul li:hover { background: #f6f9fb; cursor: pointer; } .dropdown-item:after { right: 0; left: 0; } .dropdown.capacity-dropdown .dropdown-icon i.icon-comb_icon:before { font-size: 25px; padding: 14px 20px; } .dropdown.capacity-dropdown .dropdown-menu.passenger-count-dropdown { max-height: 400px; overflow: visible; } form#vacation_packages_search_form .dropdown.capacity-dropdown .dropdown-menu.passenger-count-dropdown { max-height: 500px; } form#vacation_packages_search_form .dropdown.capacity-dropdown .dropdown-menu.passenger-count-dropdown .dropdown-list { max-height: 500px; } /* ------------------------------------------------------------ *\ Search Engine Block \* ------------------------------------------------------------ */ .search-engine-block .form-search form { line-height: 0 } .search-engine-block .form-search form:only-child, .search-engine-block .form-search form.current { display: block } .search-engine-block .form-col-hotel-date, .search-engine-block .form-col-two-way-eylat, .search-engine-block .hotels-and-flights-israel { position: relative; } .search-engine-block .form-search .form-body { padding-bottom: 0 } .form-search .searchbox-note { font-size: 15px; /*color:rgba(255, 255, 255, 0.8);*/ margin-top: 5px; line-height: 1.5; } .form-search .searchbox-note.flights-multiple-departure-text { margin-top: 37px } .search-engine-block .between-date-separator { top: 26px; right: 127px; } .search-engine-block .form-cols .form-cols { margin-bottom: 0; } .search-engine-block .form-cols .form-cols .form-col { padding: 0; } .search-engine-block .passenger-count label { font-size: 19px; vertical-align: text-bottom; } .search-engine-block .passenger-count label span { font-size: 16px; } .search-engine-block .passenger-count .spinner { width: 80px; } .search-engine-block .passenger-count .spinner-value { width: 30px; } .search-engine-block .search-block-title { max-width: 1240px; margin: 45px auto 35px; text-align: center; position: absolute; left: 0; right: 0; width: 100%; } .search-engine-block .search-block-title h2, .search-engine-block .search-block-title h1 { letter-spacing: -0.5px; color: #fff; text-shadow: 0 2px #065b85; display: inline-block; font-size: 48px; } .search-engine-block .search-block-title img { max-height: 50px; vertical-align: middle } .search-engine-block .section-search .search-navigation { min-height: 0; padding-right: 0; margin-top: 0; background: none; padding-bottom: 0.1px; position: absolute; bottom: 70px; left: 0; right: 0; width: 100%; } .search-engine-block .section-search .search-navigation.anchorTop { bottom: auto; top: 32px; } .search-engine-block .section-search .search-navigation.anchorTop.searchbox-float { top: 0; } .search-engine-block .section-search .search-navigation:only-child { margin-top: 225px; } .search-engine-block .section-search .search-navigation.landing-search-page:only-child { margin-top: 311px; position: absolute; top: 0; left: 0; right: 0; } .search-engine-block .section-search .search-navigation.landing-search-page.white-night-searchbox { margin-top: 291px; } .search-engine-block .section-search .search-navigation.landing-search-page.searchbox-tabs:only-child { margin-top: 170px; position: absolute; top: 0; left: 0; right: 0; } .search-engine-block .section-search .search-navigation.landing-search-page.searchbox-tabs .tabs { background: rgba(0, 0, 0, 0.7); } .search-engine-block .section-search .search-navigation.landing-search-page.searchbox-tabs .tabs .tabs { background-color: transparent; } .search-engine-block.hotels-search-page .section-search { background: url(/Resources/Web/css/css/images/search-engine/search-engine-hotels.jpg) center no-repeat; } .search-engine-block.flights-search-page .section-search { background: url(/Resources/Web/css/css/images/search-engine/search-engine-flights.jpg) center no-repeat; } .search-engine-block.bundle-search-page .section-search { background: url(/Resources/Web/css/css/images/search-engine/search-engine-bundles.jpg) center no-repeat; } .search-engine-block .section-search .nav-tabs { position: relative; text-align: right; top: 0; padding: 0; border-bottom: 2px solid #178823; } .search-engine-block .section-search .nav-tabs li:after { display: none; } .search-engine-block .section-search .nav-tabs li a { padding: 10px 40px 10px 18px; font-size: 18px; background: rgba(0, 0, 0, 0.7); color: #fff; } .search-engine-block .section-search .nav-tabs li.current a { color: #fff; background: #178823; font-weight: normal; } .search-engine-block .section-search .nav-tabs li a i { left: auto; bottom: auto; right: 5px; /*top:50%;margin-top:-12px;*/ font-size: 22px; color: #fff; } .search-engine-block .section-search .nav-tabs li a i.icon-cars { font-size: 20px; } .search-engine-block .form-search { padding: 20px 20px 50px 25px; clear: both; background: rgba(0, 0, 0, 0.7); } .search-engine-block .landing-search-page .form-search { background: none; } .search-engine-block .form-search.strip-view { /*margin-bottom: 50px;*/ } .search-engine-block .form-search .form-header { padding: 0 0 15px; } .search-engine-block .landing-search-page .form-search .form-header { padding: 0 0 20px; } .search-engine-block .landing-search-page #search-flights.form-search .form-header { padding: 0 0 15px; } .search-engine-block .section-search .search-navigation.landing-search-page:only-child #search-flights.form-search .form-header { padding-bottom: 5px; } .search-engine-block .form-search .form-header .tab-title { font-size: 31px; line-height: 31px; } .search-engine-block .landing-search-page .form-search .form-header .tab-title { font-size: 33px; color: #fff; line-height: 42px; } .search-engine-block .form-search .form-header .nav-tabs-secondary.eylat-flights-navigation, .search-engine-block .form-search .form-header .nav-tabs-secondary.flight-direction-tabs { float: right; margin-right: 20px; margin-top: 5px; } .search-engine-block .form-search .form-header .nav-tabs-secondary.eylat-flights-navigation a, .search-engine-block .form-search .form-header .nav-tabs-secondary.flight-direction-tabs a { padding: 5px 25px 5px 0; background: none; } .search-engine-block.search-engine-light .eylat-flights-navigation li a, .search-engine-block.search-engine-light .flight-direction-tabs li a { color: #000000; } .search-engine-block .form-search .flexable { width: 100% } .search-engine-block .form-search .form-body { width: 100% } .search-engine-block .form-search .form-body > .form-cols > .form-col { padding: 0 5px; } .search-engine-block .form-search .form-body > .form-cols > .form-col:first-child { padding-right: 0; } .search-engine-block .form-search .form-body > .form-cols > .form-col:last-child { padding-left: 0; } .search-engine-block .form-search #car_searchbox_form .form-body > .form-cols > .form-col { width: 27.3%; } .search-engine-block .form-search #car_searchbox_form .form-body > .form-cols > .form-col:last-child { width: 18%; } .search-engine-block .form-search #car_searchbox_form .form-body .popular-places li { padding: 2px 0; } .search-engine-block .form-search #car_searchbox_form .form-body .popular-places span { font-size: 12px; } .search-engine-block .form-search .action-button-wrapper { position: initial; margin-right: 10px; margin-top: 0px; } .search-engine-block .form-search #lead-message .action-button-wrapper { margin-top: 15px } .search-engine-block .form-search .form-is-multi-flights .action-button-wrapper { left: 100px; bottom: 40px; } .search-engine-block .form-search .action-button-wrapper .form-btn { font-size: 25px; padding: 15px 25px; border-radius: 2px; } .search-engine-block .form-search .action-button-wrapper .form-btn:hover { margin-top: 0; } .search-engine-block .form-search .extra-search-option { height: 49px; } .flights-eylat-options .list-autocomplete a { padding-right: 10px; } .flights-eylat-options .list-autocomplete a em { display: none; } .search-engine-block .hotel-room-list .childrens .form-col-1of5 { width: 22.5%; padding: 0 1px; font-size: 18px; margin: 3px 3px 3px 3px; } .search-engine-block .hotel-room-list .childrens .form-col-1of5:first-child { padding-top: 17px; width: 18%; height: 40px; } .search-engine-block .hotel-room-list .dropdown-con { font-size: 16px; padding: 18px; } .search-engine-block .hotel-room-list .dropdown-con:after { width: 7px; height: 7px; left: 8px; top: 13px; } .search-engine-block .passenger-count-dropdown .flight-class-options ul li { margin-left: 0 } .search-engine-block .passenger-count-dropdown .flight-class-options ul li .checkbox { border: 0; padding: 0 0 5px 8px; } .search-engine-block .passenger-count-dropdown .flight-class-options ul li:last-child .checkbox { padding-left: 0 } .search-engine-block .passenger-count-dropdown .flight-class-options ul li .checkbox label { padding-right: 23px; font-size: 17px; line-height: 19px; } /*.search-engine-block .form-search form.flexable > div{width:auto}*/ /*.search-engine-block .form-search form.flexable .action-button-wrapper{position:initial}*/ .search-engine-block .form-search form.flexable .action-button-wrapper { position: relative; bottom: 0 } .search-engine-block .form-search form.flexable .form-body { padding-left: 0; width: auto; display: flex; padding-bottom: 0; } .search-engine-block .form-search form.flexable .form-body .form-cols { margin-left: 15px } .search-engine-block .form-search form.flexable .form-body .form-cols .form-col { width: auto; } .search-engine-block .flights-search-tab form:not(.current) { display: none } .form-wrapper.form-is-one-way .form-controls .dropdown-autocomplete ul li a[data-iata='AllDes'] { display: none; } @media (max-width: 1100px) { .search-engine-block .hotel-room-list .childrens .form-col-1of5:first-child { font-size: 14px; width: 16%; } .search-engine-block .hotel-room-list .childrens .form-col-1of5 { width: 21%; } .search-engine-block .hotel-room-list .dropdown-con:after { width: 5px; height: 5px; left: 5px; } .search-engine-block .passenger-count label { font-size: 17px; } .search-engine-block .passenger-count label span { font-size: 15px; } .search-engine-block .passenger-count .spinner { width: 65px; } .search-engine-block .passenger-count .spinner-value { width: 25px; font-size: 20px; } .search-engine-block .passenger-count .spinner button { width: 20px; height: 20px; } .search-engine-block .passenger-count .spinner-add:before, .search-engine-block .passenger-count .spinner-remove:before { width: 10px; } .search-engine-block .passenger-count .spinner-add:after { height: 10px; } } /* ------------------------------------------------------------ *\ Search Engine Block - Light (!) \* ------------------------------------------------------------ */ .search-engine-block.search-engine-light .section-search .search-navigation { margin-top: 40px; position: static; } .search-engine-block.search-engine-light .form-header .tab-title { text-shadow: none; color: #000; } .search-engine-block.search-engine-light .section-search.no-background { background: none; } .search-engine-block.search-engine-light .form-search { padding: 0 20px; background: #f4f8fb; box-shadow: 0px 0px 10px #b5cbdb; border: 1px solid #fff; padding-bottom: 15px; } .search-engine-block.search-engine-light .form-search .form-body .form-row, .search-engine-block.search-engine-light .form-search .form-body .dropdown { border: 1px solid #d6e5f2; } .search-engine-block.search-engine-light .form-search .action-button-wrapper { bottom: 28px; } .search-engine-block.search-engine-light .form-search .action-button-wrapper .form-btn { font-size: 25px; } /*.search-engine-block.search-engine-light .form-search .form-body{padding-bottom: 10px;}*/ .search-engine-block.search-engine-light .form-search .form-header { padding: 10px 0 10px; } .search-engine-block.search-engine-light .form-search .form-header .tab-title { font-size: 28px; } .search-engine-block.search-engine-light .form-search .checkbox-options ul li label { color: #000; } .search-engine-block.search-engine-light .form-search .checkbox-options .checkbox label i, .search-engine-block.search-engine-light .form-search .checkbox-options .checkbox label:before { border: 1px solid #d6e5f2; } /* ------------------------------------------------------------ *\ Flights Search Box - Promotion \* ------------------------------------------------------------ */ .flights-searchbox-promotion .dropdown-button { padding: 18px 63px; } .flights-searchbox-promotion .form-body { padding-bottom: 0 } .flights-searchbox-promotion .form-row .form-row-icon i { padding: 18px !important } .flights-searchbox-promotion .promotion .destination .field-autocomplete { padding-bottom: 12px; } .flights-searchbox-promotion, .flights-searchbox-promotion .destination, .flights-searchbox-promotion .dates, .flights-searchbox-promotion .compositions, .flights-searchbox-promotion .search { padding: 0px; } .flights-searchbox-promotion .form-cols.promotion { margin: 0px; float: right; } .flights-searchbox-promotion .destination { width: 340px; margin-left: 15px; } .flights-searchbox-promotion .destination .form-row { height: 63px; padding: 14px 56px 14px 16px; } .flights-searchbox-promotion .destination .form-row .form-label, .flights-searchbox-promotion .destination .form-row #flight_arrive_961 { font-size: 24px; line-height: 35px; height: auto; padding-top: 0; } .flights-searchbox-promotion .dates { margin-left: 15px; } .flights-searchbox-promotion .dates .date { width: 295px; padding: 10px 55px 10px 10px; } .flights-searchbox-promotion .dates .form-datepicker-dual { right: 0px; } .flights-searchbox-promotion .compositions { margin-left: 15px; } .flights-searchbox-promotion .compositions .dropdown { width: 355px; } .travelers-dropdown.dropdown-open .dropdown-menu { margin-top: 2px; padding: 0; } .travelers-dropdown.dropdown-open ul { list-style: none outside none; } .travelers-dropdown li { background-color: #eef6fb; height: 60px; margin: 5px 10px 5px 10px; padding: 10px; border: inherit; display: inherit; width: inherit; } .travelers-dropdown li span { font-weight: normal; display: block; font-size: 20px; line-height: 1; color: #000; display: inline-block; } .travelers-dropdown li span small { font-size: 18px; color: #91a6bf; display: block; } .travelers-dropdown li .composition-spinner { float: left; width: inherit; } .travelers-dropdown li .composition-spinner.has-value .value, .travelers-dropdown li .composition-spinner.has-value .spinner-value { color: #178823; } .travelers-dropdown li .composition-spinner .icon-spinner { font-size: 25px; vertical-align: middle; cursor: pointer; color: #178823; } .travelers-dropdown li .composition-spinner .icon-spinner.disabled { color: #91a6bf; } .travelers-dropdown li .composition-spinner .value, .travelers-dropdown li .composition-spinner .spinner-value { font-size: 20px; vertical-align: middle; margin: 0px 5px; color: #000; font-family: inherit; width: 25px; } .flights-searchbox-promotion .search .btn { width: 150px; font-size: 29px; padding: 12px; font-weight: bold; } .flights-searchbox-promotion .form-cols.promotion .two-month .ico-calendar-default { padding: 13px !important; } .flights-searchbox-promotion .form-cols.promotion .two-month input { position: absolute; width: 100%; right: 0; padding-right: 52px; background: none; top: 9px; } .flights-searchbox-promotion .form-cols.promotion .date-from-to .between-date-separator { top: 25px; } .flights-searchbox-promotion .form-cols.promotion .two-month:after { top: 26px; } .category-page-trips .search-engine-block .search-block-title { margin-top: 108px; } .toggle-header-search { position: absolute; left: 0; top: 36px; font-size: 29px; cursor: pointer; z-index: 1000; } .toggle-header-search .icon-close { font-size: 18px; color: #fff; } .floating-searchbox.searchbox-float{ background: rgba(0, 0, 0, 0.55) !important; } .searchbox-float { position: fixed !important; display: inline-table; /*background: rgba(0, 0, 0, 0.55) !important;*/ top: 0; width: 100%; max-width: 100% !important; right: 0; left: 0; margin-top: 0 !important } .searchbox-float .form-search { background: transparent; max-width: 1240px; left: 0; right: 0; margin: auto; } /*.search-engine-block .checkbox label i, .search-engine-block .checkbox label:before {width: 18px !important;height: 18px !important;}*/ .add-search-room:hover{cursor:pointer} .add-domestic-room-button{color:var(--secondary-search-primary-color);font-size:18px;position:relative;background:none;border:none;margin-right: 20px;} .add-domestic-room-button{content:"";background: url(/Resources/Web/css/images/icons/ico-plus.png);width: 19px;height: 19px;position:absolute;right: -7px;bottom: 23px;} .add-domestic-room-button + span{position: absolute; bottom: 23px; right: 38px;} .domestic-capacities .dropdown-hotels.dropdown-open .approve-capacity-btn{position: absolute; left: 21px; bottom: 17px; padding: 3px 25px;} .add-search-room { margin-right: 30px; color: var(--secondary-search-primary-color); /*min-height: 40px*/ } .add-search-room:hover { cursor: pointer } .add-domestic-room-button { color: var(--secondary-search-primary-color); font-size: 18px; position: relative; background: none; border: none; margin-right: 20px; } .add-domestic-room-button { content: ""; background: url(/Resources/Web/css/images/icons/ico-plus.png); width: 19px; height: 19px; position: absolute; right: -7px; bottom: 23px; } #israel_flights .approve-capacity-btn{float: left; padding: 3px 25px; margin-bottom: 15px; margin-top: 5px;} .search-engine-block .add-domestic-room-button + span{bottom: 32px;} .search-engine-block .domestic-capacities .dropdown-hotels.dropdown-open .approve-capacity-btn{padding: 0px 15px;} #flights_box #search-domestic-flights .strip-box.form-is-domestic .approve-capacity-btn{float: left; padding: 0px 15px; margin-bottom: 15px; margin-top: 5px;} .form-search#search-domestic-flights .strip-box.form-is-domestic form#flights_form .flight-options .passengers-dropdown .passenger-count-dropdown .approve-capacity-btn{float: left; padding: 0px 15px; margin-bottom: 15px; margin-top: 5px;} /* ------------------------------------------------------------ *\ Tabs \* ------------------------------------------------------------ */ .tabs { position: relative; } .tab { height: 0; opacity: 0; visibility: hidden; position: absolute; top: 0; right: 0; left: 0; z-index: -1; overflow: hidden; transition: opacity .4s ease, visibility .4s ease; } .tab.current { height: auto; opacity: 1; visibility: visible; position: relative; top: auto; right: auto; left: auto; z-index: 1; overflow: visible; } .tab#search-cars { background-position: 50% 0; background-size: 100% 700px; } .section-search .search-block-title h1{text-align: center;font-size: 42px;text-shadow: 1px 2px 1px #333333;} .section-search .search-block-title img{height:35px;vertical-align: sub;margin-left: 10px;} /*SearchResults*/ .section-results .results .result{margin-bottom:15px;padding: 13px 14px;display:flex} .section-results .results .result .result-item-image{display:inline-block;padding-left: 20px;border-left: 1px dashed #dee0df;} .section-results .results .result .result-item-image > a{display: inline-block;background-color: #7194ac;text-align:center;width:278px} .section-results .results .result .result-item-image span{display:block;font-size:18px;color:#7194ac;padding: 10px 0 0 0;} .section-results .results .result .result-item-image p{font-size:18px;font-weight:bold} .section-results .results .result .result-item-content{display:inline-block;vertical-align: top;text-align:center;width: 100%;} .section-results .results .result .result-item-content li{display:inline-block;list-style:none;background-color:#ebf4f9;padding:9px 5px;width: 190px;height:106px;margin: 0 10px;vertical-align: top;} .section-results .results .result .result-item-content li a > *{display:block;text-align:center} .section-results .results .result .result-item-content li:nth-child(-n+4){margin-bottom:10px} .section-results .results .result .result-item-content li:hover{background-color:#d7e5f0} .section-results .results .result .result-item-content .price-options li a time{color: black;font-size: 18px;} .section-results .results .result .result-item-content .price-options li a small{color: #778995;font-size: 15px;line-height: 1;margin-top: 5px;} .section-results .results .result .result-item-content .price-options li a strong{font-size:26px;line-height:1;font-weight:600} .section-results .results .result .result-item-content .price-options li a span{color:#48a1e3;margin-top:4px} .section-results .results .result .result-item-content .price-options li.empty-option{background-color:#f4f5f9} .section-results .results .result .result-item-content .price-options li.no-results{width: 91%;background-color:#f4f5f9} .section-results .results .result .result-item-content .no-results-message{margin-top:30px;text-align:right;padding-right:20px} .section-results .results .result .result-item-content .no-results-message i{font-size:32px;color:#225b77;margin-left:10px;vertical-align: sub;} .section-results .results .result .result-item-content .no-results-message p{margin:10px 0;text-align:center} .section-results .results .result .result-item-content .no-results-message p a{text-decoration:underline;color:#48a1e3} .product-head .form-check-availability .form-col{min-width:320px} /*.search-engine-block .form-search .form-header{padding-bottom:5px;padding-top:5px}*/ .form-check-availability .form-cols .form-col{min-width:380px} .form-check-availability .action-button-wrapper a{width:190px} .form-check-availability .action-button-wrapper a.loader span{display:none} .form-check-availability .action-button-wrapper a.loader:before {content: url(/Resources/Web/img/ajax-loader.gif);vertical-align: middle;} /*#results.village-resort-package p.loader:before {content:url(/Resources/Shared/css/images/loading-spinner-grey.gif);margin-left:10px;vertical-align:middle} #results.village-resort-package p.loader{font-size:28px;text-align:center}*/ #results.village-resort-package .form-check-availability .action-button-wrapper input{width:130px} #results .product-picker-content{padding-left:20px;padding-right:10px} #results .product-picker-content .dropdown-item{font-size:19px} #results .product-picker-content .dates-dropdown .dropdown-item{font-size:16px} .section-product .village-room .room-options-table .room-info-col{width:35%} .section-product .village-room .room-options-table .room-info-col img{width:auto;height:auto;max-height: 190px;float:right;margin-left:10px} .section-product .village-room .room-options-table .room-info-col label{font-size:20px;margin-top:26px;display: inline-block;} .section-product .village-room .room-options-table .room-info-col h3{display:inline-block;margin-right:10px;font-size:18px;display:block;margin:0;text-align:right;} .section-product .village-room .room-options-table .room-options-col{width:100%;height: 170px;} .section-product .village-room .room-options-table .room-options-col3{width:270px} .section-product .village-room .form-col-dropdown { width:49%;padding: 35px 10px;height:100%} .section-product .village-room .room-options-form{height:100%;vertical-align:middle} .section-product .village-room .room-options-table .room-options-body .room-options-row > div{padding:0} .section-product .village-room .package-note{font-size: 16px;color: green;padding: 5px;position: absolute;} .section-product .village-room .dropdown-button .dropdown-text {font-size: 19px;} .section-product .village-room .room-options-col3 .message-block {text-align: center} .section-product .village-room .room-options-col3 .message-block .btn{margin:60px 0} .section-product .village-room .room-options-col3 .loading-block {text-align:center;padding-top:50px} .section-product .village-room .room-options-col3 .loading-block span{display:block;font-size:18px} .section-product .product-top .product-top-aside .hotel-location-info .simple-map{height:233px} .section-product .product-top .portlet-box.no-available .portlet-body span{font-size:18px} .section-product .product-top .portlet-box.no-available .portlet-body{padding-top:21px} .village-no-available-alert {border: 1px solid #178723;padding: 10px;margin-top: 15px;font-size: 18px;color: #404040; background-color: #fff4cd;} .village-no-available-alert i { font-size: inherit; margin-left: 5px; vertical-align: text-top; color: var(--primary-color-dark); } .village-no-available-alert p:first-child{font-size:24px;margin-bottom: 0;} .village-no-available-alert p{margin:5px} .village-no-available-alert a{color:#1d5aa4;text-decoration:underline} .village-no-available-alert p:last-child{ margin-right: 35px;margin-top:0} .villages-tips-section h2{font-size:32px} .villages-tips-section ul{list-style:none} .villages-tips-section li{margin-bottom: 10px;} .villages-tips-section li hr{border: 0;height: 1px;background-image: linear-gradient(to right,rgba(234, 237, 244, 0.11),#eaedf4,#eaedf4);margin-top: 10px;margin-bottom: 5px;} .villages-tips-section li:before {content:url(/Resources/Web/css/images/idea.png);height:25px;width:25px;float:right;margin-top: 5px;} .villages-tips-section li p{margin: 0 45px 0 0;font-size:18px} .villages-tips-section li p strong{color:#128a1e;font-size:19px} .villages-itineraries-section h2{font-size:32px;display:inline-block;margin-bottom:40px} .villages-itineraries-section nav{float:left;margin-top:10px} .villages-itineraries-section nav li{color:white; display:inline-block;padding:5px 10px;background-color:#97b1ca;margin-left:10px} .villages-itineraries-section nav li.current{background-color:#5c82a4} .villages-itineraries-section nav a{padding:0;font-size:16px} .villages-itineraries-section .product-destination-image{height:120px;width:120px;} .villages-itineraries-section .product-destination ~ .product-destination{ padding-top: 15px;margin-top: 20px;} .villages-itineraries-section .product-destination ~ .product-destination h4{top:25px} .villages-itineraries-section .product-destination h4{top:8px} main .page-section:first-child{padding-top:20px} main .page-section.villages-banners .idea .idea-title h4{font-size:22px} main .page-section.villages-banners .idea .idea-overlay h3{font-size:28px;margin-bottom:15px} main{padding-bottom:0!important} .section-results .results{margin-bottom:100px} .product-top .slick-gallery{height:auto;} .section-product #map_with_points {height:600px} .villages-itineraries-section .product-destination-image i{font-size: 125px;color: #e5eff8;} .village-details .section-product .product-top .product-top-aside .hotel-location-info .simple-map {height: 157px;} .village-details .lead-box-form .form-footer .form-cols{margin: 0 -37px 30px;} .village-details .lead-box-form .form-footer .btn { background: var(--primary-button-background); text-shadow: 0 2px 0 var(--primary-button-box-shadow); box-shadow: 0 3px 0 var(--primary-button-text-shadow); color:var(--primary-button-text-color); } .village-details .lead-box-form #lead-message .message-form {text-align: center;padding: 65px 0;} .village-details #lead-message .message-form a {background: none;box-shadow: none;text-shadow: none;color: #000000;font-size: 17px;} /* ------------------------------------------------------------ *\ Product \* ------------------------------------------------------------ */ .product-head {background: var(--results-loader-background)} .product-head .shell{position:relative} .product-head .button-wrapper{position:absolute;left: 0;bottom: 10px;} .product-head .button-wrapper .back-button{background:#002A42;} .product-head .title{display:block;color:white} .product-head .title h1, .product-head .title h2{ margin: 9px 0 0;font-size: 35px;font-weight: 700;display: inline-block;line-height: 1.3;max-width: 1080px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .product-head .search-engine-block .title .star-rating {vertical-align: top;padding: 9px 5px;} .product-head .title h1 i{font-size:30px;color:#aad5e1} .product-head .title h2{margin:0} .product-head .title p{font-size:18px} .product-head .title p span{color:#84a0c2} .product-head .title .star-rating {display: inline-block;vertical-align: text-bottom;padding: 0px 10px;line-height: 4;} .product-head .title .star-rating img{width:25px} .product-head .search-info,.product-head .search-info ul,.product-head .search-info ul li{display:inline-block;margin: 0;} .product-head .search-info {font-size:19px;font-weight:500;color:#aad5e1;margin:7px 0 5px 0} .product-head .search-info i{font-size:24px;vertical-align:middle;margin-left: 5px;color:inherit} .product-head .search-info > ul > li{margin-left:15px} .product-head .search-info > ul > li:last-child{margin-left:10px} .product-head .search-info ul li span{vertical-align:middle} .product-head .search-info > ul > li > ul > li:not(:last-child){margin-left:5px} .product-head aside{float:left;padding: 15px 0;} .product-head .search-details:not(:only-child){display:none} .product-head .form-search { background: none;padding: 0;} .product-head .search-preview-block{position:relative;padding:0;} .product-head[mode="SearchBox"] .search-details{display:block} .product-head[mode="SearchBox"] .search-preview-block{display:none} .product-head .search-details h1, .product-head .search-details h2{ color: white;font-size: 39px;font-weight: 700;padding: 11px 12px 9px 12px;margin: 0 0;} .product-head .search-engine-block .form-header h1.tab-title, .product-head .search-engine-block .form-header h2.tab-title{ color:white;font-size: 43px;font-weight: 700;display: inline-block;line-height: 1;} .product-head .search-engine-block .searchbox-note{color:#d1ddea} .product-title { font-size: 50px; line-height: 1; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 0 4px; } .product-title strong { color: #76869d; } .product-alert { font-size: 21px; line-height: 24px; position: relative; padding: 26px 76px 22px 20px; } .product-alert i { right: 18px; left: auto; } .product-alert-success { color: #fff; background-color: #a0d468; } .product-alert-error { color: #e04955; background-color: #f6eaeb; } .product-details-entry { padding: 10px 0; border-bottom: 1px solid #e5ecf5; } .product-details-entry h4 { font-size: 21px; line-height: 1; color: #2a3335; font-weight: 700; padding: 13px 0 10px; margin: 0; } .product-details-entry h4 i { float: right; margin: 1px 0 0 8px; } .product-details-entry h5 { font-size: 21px; line-height: 1; color: #a0d468; font-weight: 700; padding: 8px 0 16px; margin: 0; } .product-details-entry h5 i { float: right; margin-left: 6px; } .product-details-entry-highlight { padding: 18px 22px 18px 10px; border: 0; margin: -1px -30px 0 -26px; background-color: #e4f1fa; } .product-details-entry-highlight .checkbox label { font-size: 18px; line-height: 23px; color: #000; } .product-details-entry-highlight .checkbox label:before { width: 23px; height: 23px; } .product-details-entry-highlight .checkbox label .ico-check { width: 22px; height: 22px; background-size: 100% 100%; } .product-total-alt p { padding: 18px 26px 0 15px; } .product-total-alt ul { width: 802px; padding: 39px 23px 35px 0; } .product-total-alt ul i { margin-left: 7px; } .product-total-alt ul li + li { padding-right: 15px; margin-right: 13px; } .product-total-alt ul li + li i { margin-left: 11px; } .product-total-alt ul li + li:last-child { padding-right: 10px; } .product-total-alt ul li:nth-child(3) ~ li { border-right: 0; margin-right: 3px; } .product-total-alt ul li:nth-child(3) ~ li:before { content: '/'; color: #bcc8d7; padding-left: 13px; } .product-information h3 { font-size: 28px; line-height: 1.18; color: #2a3335; letter-spacing: -0.02em; padding: 28px 6px 0; margin: 0; } .product-information h4 { font-size: 22px; line-height: 1.04; color: #91a6bf; font-weight: 400; margin: 0; margin-bottom:16px} .product-information h4 ~ div.right{right: 0;margin-top: 38px;border:none;width: 255px;} .product-information h5 { font-size: 16px;font-weight:600; line-height: 1.25; color: #2a3335;padding: 7px 0; margin: 0; } .product-information div > ul{list-style: disc; margin-right: 0px;} .product-information div > ul.video{list-style: disc; margin-right: 10px;} .product-information div > ul li ul { list-style-position:inside; } .product-information.hotel-information div > ul { line-height: 2; list-style: none; } .product-information .list-product-information > li.multi-columns .column.video {padding:0;} .product-information .list-product-information > li.multi-columns .column.video iframe {max-width:unset;} .product-information div.text-eng > ul {margin-right: 0;margin-left: 20px} .product-information h6 { font-size: 18px; line-height: 1.17; color: #2a3335; font-weight: 700; margin: 0; } .product-information .product-rating-tripadvisor { width: 165px; display: block; float: none; padding: 17px 0 0; border: 0; margin: 0; } .product-information .product-rating-tripadvisor small { font-size: 18px; line-height: 1.2; color: #2a3335; text-align: left; display: block; padding-left: 3px; } .product-information .tripadvisor-ratings { height: 402px; } .product-information .tripadvisor-ratings h2 { font-size: 30px; text-align: center; } .product-rating { font-size: 0; line-height: 0; display: inline-block; vertical-align: middle; margin-top: -2px; } .product-rating i { margin-right: 5px; } .product-rating-tripadvisor { float: left; padding: 8px 20px 0 0; border-right: 1px solid #eaf0f7; margin-top: 7px; } .product-rating-tripadvisor img { display: block; margin: 0 auto 2px 0; } .product-rating-tripadvisor p { font-size: 18px; color: #2a3335; margin-top: -1px; } .product-rating-rater { float: left; padding: 5px 14px 0; border-right: 1px solid #eaf0f7; } .product-rating-rater > img { display: block; margin: 0 0 3px auto; } .product-rating-rater h6 { font-size: 14px; line-height: 1.52; color: #2a3335; font-weight: 400; margin: 7px 0 0; } .product-rating-rater p { font-size: 12px; line-height: 1.35; color: #2a3335; margin: 0; } .product-rating-rater p span { color: #76869d; } .product-rating-rater p img { display: inline-block; vertical-align: middle; } .product-rating-rater p strong { font-size: 21px; line-height: 20px; color: #60a65f; display: inline-block; vertical-align: middle; } .product-top { padding-bottom: 20px; } .product-top-image { width: 67%; float: right; } .product-top-image .owl-item img {height:513px;width:830px} .product-top-image .owl-nav {position: absolute;top: 255px;width: 100%;} .product-top-image .owl-nav div{display:inline-block;padding:10px;background-color:white;border:1px solid #c8c8c8} .product-top-image .owl-nav div span{color:#128424;font-size:26px;vertical-align: text-top;} .product-top-image .owl-nav div.owl-prev{float:right;border-right:none;border-radius:6px 0 0 6px;box-shadow: rgba(0, 0, 0, 0.61) -6px 1px 10px -3px;} .product-top-image .owl-nav div.owl-next{float:left;border-left:none;border-radius:0 6px 6px 0;box-shadow: rgba(0, 0, 0, 0.61) 6px 1px 10px -3px;} .product-top-aside { width: 33%; float: left; padding-right: 10px; } .product-top-aside > div:not(:last-child){margin-bottom:18px} .map-canvas {height: 100%;} .product-top-image img, .product-top-aside img, .product-location-small img { width: 100%; display: block; } .product-top-aside .lead-box-form .section-contact .contact-confirm-ckeck {width:100%;} .product-info-list { background-color: #e4f1fa; padding: 12px 10px; margin-top: 22px; height: 218px } .product-info-list h3{color:#3895d4;font-size:21px;margin:0;font-weight: 600;} .product-info-list ul {list-style:none;margin-top:10px} .product-info-list ul li{color: #5b5b5b;padding: 4px 5px;margin: 4px 0;} .product-info-list ul li:hover{background-color:white;color:green} .product-info-list ul li i{color:inherit;vertical-align:middle;font-size:19px;} .product-info-list ul li span{margin-right:5px; font-size: 16px; font-weight:400;} .product-gallery { padding-bottom: 18px; } .product-gallery a { display: block; position: relative; } .product-gallery a:before { content: ''; z-index: 1; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 55%, rgba(0,0,0,1) 100%);} .product-gallery figcaption { font-size: 21px; color: #fff; position: absolute; bottom: 0; right: 0; left: 0; z-index: 2; padding: 16px; } .product-gallery figcaption i { margin: -3px 0 0 8px; } /*.product-location-small a { display: block; }*/ .product-bar { font-size: 18px; line-height: 1.22; color: #1b6aa0; position: relative; padding: 15px 0; margin-bottom: 20px; background-color: #e4f1fa; border-radius: 2px; } .product-bar:after { } .product-bar-ribbon { font-size: 19px; line-height: 21px; color: #fff; float: right; position: relative; padding: 10px 50px 10px 11px; margin: -10px -4px -10px 22px; background: linear-gradient(to left, #2c87c5 0%, #48a0dc 10%); } .product-bar-ribbon i { right: 18px; left: auto; } .product-bar-ribbon:before, .product-bar-ribbon:after { content: ''; width: 0; height: 0; display: block; position: absolute; } .product-bar-ribbon:before { top: 100%; right: 0; border-top: 4px solid #000; border-right: 4px solid transparent; } .product-bar-ribbon:after { top: 0; right: 100%; border: 20px solid transparent; border-right: 16px solid #48a0dc; } .product-bar ul { float: right; padding: 0; margin: 0; list-style: none outside none; } .product-bar li { float: right; padding-right: 24px; } .product-bar li + li { padding-right: 27px; } .product-bar li i { float: right; margin: 2px 0 0 5px; } .product-column {padding:10px} .product-column-0 { max-width: 196px; -ms-flex: 0 0 196px; flex: 0 0 196px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .product-column-1 { max-width: 343px; -ms-flex: 0 0 343px; flex: 0 0 343px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .product-column-2 { max-width: 128px; -ms-flex: 0 0 128px; flex: 0 0 128px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .product-column-3 { max-width: 131px; -ms-flex: 0 0 131px; flex: 0 0 131px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .product-column-4 { max-width: 161px; -ms-flex: 0 0 161px; flex: 0 0 161px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .product-column-5 { max-width: 238px; -ms-flex: 0 0 238px; flex: 0 0 238px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .product-table { padding: 22px 0 15px; } .product-table h3 { font-size: 33px; line-height: 36px; color: #2a3335; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 15px; } .product-table h4 { font-size: 30px; line-height: 35px; color: #2a3335;margin: 10px 0; background-color: #fff; } .product-table .dropdown { width: calc(100% - 40px); margin: 4px auto 0; } .product-table .dropdown-button { border: 1px solid #d0d8e2; border-radius: 6px; padding: 9px 13px 9px 30px; } .product-table .dropdown-button:after { left: 16px; border-color: #76869d; } .product-table .dropdown-button .dropdown-text { font-size: 18px; line-height: 20px; } .product-table .dropdown-item { font-size: 16px; padding: 5px 40px 5px 0; } .product-table .dropdown-item:last-child:after { content: none; } .product-table .dropdown-icon { right: -10px; } .product-table .dropdown + .dropdown { margin-top: 11px; } .product-table-head { font-size: 21px; line-height: 29px; color: #fff; display: -ms-flexbox; display: flex; background-color: #178823; } .product-table-head span { position: relative; padding: 15px 22px 15px 0; } .product-table-head span:before { content: ''; width: 1px; height: 18px; display: block; position: absolute; top: 50%; right: 0; margin-top: -9px; background-color: #2b9a37; } .product-table-head span:first-child:before { content: none; } .product-table-aside { display: inline-block; background-color: #fcfbf7; } .product-table-aside img { width: 100%; } .product-table-aside ul { width: 100%; font-size: 18px; line-height: 1.85; color: #2a3335; padding: 0; margin: 0; list-style: none outside none; } .product-table-aside ul a { text-decoration: none; display: block; position: relative; padding-right: 39px; } .product-table-aside ul a:hover { text-decoration: underline; } .product-table-aside ul a strong { color: #72849a; } .product-table-aside ul a span { width: 33px; left: auto; } .product-table-aside ul a span i { } .product-table-aside ul a.product-link { color: #48a0dc; padding: 0; } .product-table-aside ul a.product-link i { float: right; margin: 7px 5px 0 14px; } .product-table-content {width:100%;overflow:hidden; } .product-table-content p { font-size: 18px; line-height: 1; text-align: center; width: 100%; padding-bottom: 10px; margin: 0; } .product-table-content p i { text-indent: 0; display: block; position: relative; right: -4px; margin: 0 auto 11px; } .product-table-content p i:before { content: attr(data-children); font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1; color: #fff; font-weight: 700; font-style: normal; display: block; position: absolute; top: 4px; right: 7px; } .product-table-content p i.ico-adult-more-large:before { top: 5px; right: 9px; } .product-table-content p strong { font-size: 48px; color: #000; display: block; } .product-table-content ul { font-size: 18px; line-height: 1; color: #2a3335; padding:5px 0 10px 0; margin: 0; list-style: none outside none} .product-table-content li + li { padding-top: 11px; } .product-table-content ul a { text-decoration: none; display: block; position: relative; padding-right: 24px; } .product-table-content ul a i { position: absolute; top: 0; right: 0; } .product-table-content .btn { font-size: 27px; line-height: 29px; font-weight: 700; text-shadow: 0 3px 0 #14721d; padding: 10px 32px; border-radius: 6px; } .product-table-row { display: -ms-flexbox; display: flex;height: 100%;position: relative; border-top: 1px solid #eaf0f7; border-bottom: 1px solid #eaf0f7; margin-top: 20px; } .product-table-row:before { content: ''; height: 21px; display: block; position: absolute; bottom: 100%; right: 0; left: 0; border: 1px solid #fff; background-color: #eaf0f7; } /*.product-table-row .product-column { min-height: 191px; border-top: 1px solid #eaf0f7; }*/ .product-table-row .product-column + .product-column { border-right: 1px solid #eaf0f7; } .product-table-row:first-child { border-top: 0; margin-top: 0; } .product-table-row:first-child:before { content: none; } .product-table-row:first-child .product-column { border-top: 0; } .product-table-row:last-child { border-bottom: 0; } .product-table-price { text-align: center; width: 100%; } .product-table-price h6 { font-size: 18px; line-height: 1; color: #ff0014; font-weight: 400; margin-bottom: 15px; } .product-table-price p { font-size: 18px; color: #91a6bf; padding: 0; margin: 0; } .product-table-price strong { font-size: 50px; line-height: 1; display: block; padding-bottom: 5px; margin-top: -5px; } .product-select { width: 128px; position: relative; margin: 0 12px 5px 0; } .product-select:after { content: ''; width: 10px; height: 10px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: #76869d; margin: auto; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: 0 0; transform-origin: 0 0; transition: transform 0s; top: 4px; right: auto; left: 14px; pointer-events: none; } .product-select select { font-size: 18px; line-height: 20px; color: #000; width: 100%; height: 40px; display: block; padding: 9px 15px 9px 30px; border: 1px solid #e5ecf5; background: #fff; border-radius: 5px; box-shadow: none; } .product-location { margin: -2px 0 10px; } .product-location a, .product-location img { width: 100%; display: block; } /* Rooms Availability */ .product-picker { padding: 22px 0 3px; } .product-picker h2, .product-picker h3 { font-size: 33px; line-height: 36px; color: #2a3335; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 19px; } /*Rooms Availability search box*/ .product-picker-content { padding: 20px 5px 20px 15px; border: 1px solid #178823; background-color: #E9F2F9; border-radius: 2px; } .product-picker-content .btn { font-size: 27px; line-height: 29px; font-weight: 600; text-shadow: 0 3px 0 var(--primary-button-text-shadow); padding: 10px 32px; margin-top: 2px; } .product-picker-content .field { font-size: 20px; line-height: 33px; height: 33px; padding: 0; } .form-search .product-picker-content .form-row { padding: 10px 53px 10px 10px; } .product-picker-content .form-row-icon { width: 53px; } .product-picker-content .form-col.border{border: 1px solid #dce1e6; border-radius: 4px;} .product-picker-content .form-col {margin-right:15px;padding:0; max-width:400px;} .product-picker-content .form-col .dropdown-button {padding: 13px 63px;} .product-picker-content .form-col .dropdown-button .dropdown-icon i:before {font-size:25px; color: #92a6bf;} /*.product-picker-content .form-col.form-col-1of2 {width: 216px;padding: 0;margin-right:0 }*/ .product-picker-content form .form-body .form-cols { margin:0 } .product-picker-content .form-cols-icon { width: 41px; height: 55px; float: right; position: relative; } .product-picker-content .form-actions { float: left;} .product-picker-content .seperator:after {border-color:#e7e7df} .product-picker-content .form-col .checkbox{margin: 12px 24px;} /*.product-picker-content .form-col .checkbox .ico-check { width: 28px; height: 28px; }*/ .product-picker-content .form-col .checkbox label{color:black} .product-picker-content .form-col .checkbox label:before{border:1px solid #dce1e6;} .product-picker-content .form-body{/*display:inline-block; width: 85%;*/ width:100%} .product-picker-content .form-actions .btn{padding: 9px 15px;font-size: 27px;} .product-picker-content form {display: flex;} .product-picker-content form .checkbox input:checked ~ label i {opacity: 1;top: -4px;right: 3px;width: 19px;} /* Rooms Availability */ .product-related-more { font-size: 21px; line-height: 30px; color: #647283; font-weight: 400; text-align: center; text-decoration: none; display: block; padding: 15px 0 13px 20px; border: 1px solid #c5ced9; background-color: #fff; border-radius: 2px; margin-top: -3px; } .product-related-more span { width: 30px; height: 30px; display: inline-block; vertical-align: middle; position: relative; margin: -1px 0 0 2px; background-color: #178823; border-radius: 50%; } .product-related-more span:before { width: 16px; height: 2px; } .product-related-more span:after { width: 2px; height: 16px; } .product-related-more span:before, .product-related-more span:after { content: ''; background-color: #fff; -ms-transform: rotate(0deg); transform: rotate(0deg); transition: transform .4s ease; } /* Product Deal */ .product-deal .product-title { display: block; font-size: 57px; color: #2a3335; margin-bottom: 10px; } .product-deal .product-head { padding: 14px 0 24px; } .product-deal .product-head-inner { padding-bottom: 0; } .product-deal .product-head-inner p { font-size: 21px; color: #2a3335; margin: 0 -5px 0 0; } .product-deal .product-head-inner p i ~ i { margin-right: 14px; } .product-deal .product-head-inner p strong { color: #72849a; } .product-deal .product-head-inner > p, .product-deal .product-head-inner > ul { display: inline-block; vertical-align: middle; } .product-deal .product-head-inner > ul { margin-right: 6px; } .product-deal .product-body { padding-top: 28px; } .product-deal .product-top { position: relative; padding-bottom: 0; } .product-deal .product-top-image { float: none; width: 100%; } .product-deal .product-top-aside { width: 30.2%; padding: 29px 22px 32px 22px; position: absolute; left: 26px; top: 0; bottom: 0; background-color: rgba(9, 0, 1, .5); } .product-deal .product-gallery { padding-bottom: 24px; } .product-deal .product-gallery figcaption i { margin: -3px 0 0 4px; } .product-deal .product-top-aside:before, .product-deal .product-top-aside:after { content: ''; width: 4px; height: 100%; position: absolute; top: 0; } .product-deal .product-top-aside:before { right: 100%; background-image: url(/Resources/Web/css/css/images/temp/pattern-left@2x.png); background-repeat: repeat-y; background-size: 100% auto; } .product-deal .product-top-aside:after { left: 100%; background-image: url(/Resources/Web/css/css/images/temp/pattern-right@2x.png); background-repeat: repeat-y; background-size: 100% auto; } .product-deal .product-gallery a:before { opacity: .3; } .product-deal .product-location-small a { position: relative; } .product-deal .product-location-small a:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 55%, rgba(0,0,0,1) 100%); z-index: 1; opacity: .6; } .product-deal .product-location-small figcaption { font-size: 21px; color: #fff; position: absolute; bottom: 0; right: 0; left: 0; z-index: 2; padding: 16px 16px 11px; } .product-deal .product-location-small figcaption i { margin: -3px 0 0 8px; } .product-deal .product-more-info { background-color: #e4f1fa; padding: 15px 15px 20px; } .product-deal .product-more-info h3 { font-weight: 700; font-size: 33px; color: #2a3335; letter-spacing: -.02em; margin: 0 0 9px; } .product-deal .product-more-info p { margin: 0 0 4px; font-size: 18px; color: #2a3335; line-height: 1.2; } .product-deal .product-more-info .link-more { letter-spacing: 0; text-decoration: none; color: #48a0dc; } .product-deal .product-more-info .link-more-text-toggled { display: none; } .product-deal .product-more-info.is-expanded .link-more-text-default { display: none; } .product-deal .product-more-info.is-expanded .link-more-text-toggled { display: block; } .product-deal .product-bar { padding: 12px 0; background-color: #f8fafc; border-left: 1px solid #e4f1fa; border-bottom: 12px solid #e4f1fa; } .product-deal .product-bar-ribbon { padding: 10px 50px 10px 33px; margin-left: 8px; } .product-deal .product-bar li i { margin: 2px 0 0 7px; } .product-deal .product-bar li + li { padding-right: 25px; } .product-deal .product-table { padding-top: 23px; } .product-deal .product-table > h3 { float: right; } .product-deal .product-table > p.inline { float: left; font-size: 18px; color: #2a3335; padding-top: 10px; padding-left: 4px; margin-bottom: 10px; } .product-deal .product-table > p.inline span { color: #a1abba; } .product-deal .product-table-head { clear: both; margin-bottom: 18px; } .product-deal .product-desc { margin-top: 33px; } .product-deal .product-desc > h3 { font-weight: 700; font-size: 33px; color: #2a3335; letter-spacing: -.02em; line-height: 1; margin: 0 0 23px; } .product-deal .product-table-price { padding: 0; opacity: 0; transition: opacity .4s ease, padding .4s ease; } .product-deal .product-table-price .btn { font-size: 27px; line-height: 29px; font-weight: 700; text-shadow: 0 3px 0 #14721d; padding: 10px 32px; border-radius: 6px; } .product-deal .product-table-price p { color: #6c86a3; } .product-deal .product-selected .product-table-price { padding: 27px 0 32px; } .product-deal .product-table .dropdown { width: 100%; margin-left: 0; margin-right: 0; } .product-destinations { font-size: 12px; line-height: 14px; color: #2a3335; list-style: none outside none; counter-reset: destination; padding-bottom: 5px; } .product-destination ~ .product-destination { padding-top: 21px; margin-top: 29px; border-top: 1px solid #e7edf3; } .product-destination ~ .product-destination h4 { top: 37px; } .product-destination { padding: 0 75px 0 0; counter-increment: destination; position: relative; } .product-destination a { color: #178823; text-decoration: none; } .product-destination p { font-size: 16px; line-height: 1.2; margin-bottom: 10px; } .product-destination p:last-child { padding: 0; } .product-destination h4 { font-size: 22px; line-height: 20px; color: #91a6bf; font-weight: 400; position: absolute; right: 0; top: 12px; } .product-destination h4:after { content: ' ' counter(destination) ':'; } .product-destination h5 { font-size: 18px; line-height: 1.2; color: #2a3335; font-weight: 700; margin-bottom: 0; } .product-destination-content { min-height: 120px; position: relative; padding-right: 153px; } .product-destination-image { width: 106px; height: 120px; position: absolute; top: 2px; right: 0; border: 1px solid #dee7f1; border-radius: 2px; } .product-destination-image:before { content: ''; width: 1px; height: 100%; background-color: #eaeff7; position: absolute; left: -25px; top: 0; } .product-destination-image i { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; margin: auto; } .product-destination-image img { width: calc(100% + 2px); height: calc(100% + 2px); display: block; position: relative; z-index: 2; margin-left: -1px; margin-top: -1px; } .product-locations { border-top: 1px solid #dee7f1; margin-top: 30px; padding-top: 37px; } .product-locations .product-locations-head { margin-bottom: 20px;} .product-locations .product-locations-head h3 { font-weight: 700; font-size: 33px; color: #2a3335; letter-spacing: -.02em; margin: 0; } .product-locations .product-locations-body { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .product-locations .product-location { -ms-flex: 0 0 871px; flex: 0 0 871px; margin: 0; } .product-locations .product-accordion { -ms-flex: 0 0 358px; flex: 0 0 358px; background-color: #f7fafd; margin: 0; padding-top: 20px; padding-left: 20px; } .product-locations .product-accordion-inner { max-height: 472px; overflow-y: auto; overflow-x: hidden; } .product-locations ul { display: block; list-style: none; margin: -37px 0 0 0; padding: 20px 55px 20px 30px; counter-reset: list; } .product-locations .product-accordion-inner::-webkit-scrollbar { width: 6px; background-color: transparent; border-radius: 4px; } .product-locations .product-accordion-inner::-webkit-scrollbar-thumb { background-color: #d1dee5; border-radius: 4px; } .product-locations ul .ico-marker-green { position: absolute; left: 100%; top: 18px; margin-left: 12px; } .product-locations ul li { position: relative; padding: 14px 0 15px; border-top: 1px solid #dde6f1; } .product-locations ul li:before { content: counter(list); counter-increment: list; font-weight: 700; font-size: 16px; color: #91a6be; position: absolute; left: 100%; margin-left: 21px; top: 21px; z-index: 2; } .product-locations ul li:first-child { border: 0; } .product-locations ul h6 { font-weight: 700; color: #2a3335; margin: 0; letter-spacing: -.05em; line-height: .9; } .product-locations ul p { font-size: 18px; line-height: 1.2; } .product-locations ul .link-more { display: inline-block; font-size: 18px; color: #48a0dc; text-decoration: none; padding-top: 3px; } .product-locations ul .link-more-text-toggled { display: none; } .product-locations ul .is-expanded .link-more-text-default { display: none; } .product-locations ul .is-expanded .link-more-text-toggled { display: block; } .product-deal-information { margin-bottom: 52px; } .product-deal-information h3 { padding-top: 58px; } .product-deal-information .list-product-information > li { padding: 25px 217px 21px 0; } .product-deal-information .list-product-information > li > div:after { } .product-deal-information .list-infos { float: right; width: 50%; padding-left: 70px; margin-bottom: 0; } .product-deal-information .list-infos li { padding-right: 26px; } .product-deal-information .list-infos li:last-child { padding-bottom: 0; } .product-deal-information .list-infos li i { right: 0; } /* Product Vacations */ .product-vacations .product-bar { margin-bottom: 31px; } .product-vacations .product-information { padding-top: 10px; } .product-vacations .product-column-0 { max-width: 196px; -ms-flex: 0 0 196px; flex: 0 0 196px; } .product-vacations .product-column-1 { max-width: 238px; -ms-flex: 0 0 238px; flex: 0 0 238px; } .product-vacations .product-column-2 { max-width: 167px; -ms-flex: 0 0 167px; flex: 0 0 167px; } .product-vacations .product-column-3 { max-width: 255px; -ms-flex: 0 0 255px; flex: 0 0 255px; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-line-pack: center; align-content: center; } .product-vacations .product-column-4 { max-width: 144px; -ms-flex: 0 0 144px; flex: 0 0 144px; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-line-pack: center; align-content: center; } .product-vacations .product-column-5 { max-width: 240px; -ms-flex: 0 0 240px; flex: 0 0 240px; } .product-vacations .product-table { padding-bottom: 37px; } .product-vacations .product-table h4 { font-size: 24px; line-height: 1.25; padding: 23px 0 22px; } .product-vacations .product-table-head { text-align: center; } .product-vacations .product-table-head span { text-align: center; display: block; padding: 15px 0; } .product-vacations .product-table-aside { position: relative; padding: 0; border-color: transparent; } .product-vacations .product-table-aside img { margin: 0; } .product-vacations .product-table-content { -ms-flex: 0 0 calc(100% - 196px); flex: 0 0 calc(100% - 196px); overflow: visible; } .product-vacations .product-table-icon { width: 40px; height: 40px; opacity: 0; position: absolute; top: 0; right: 0; background-color: #40a14a; } .product-vacations .product-table-icon i { } .product-vacations .product-table-row .product-column-1 { position: relative; padding: 0 30px 0 0; } .product-vacations .product-table-row .product-column-1 ul { padding-bottom: 8px; } .product-vacations .product-table-row .product-column-1 ul a { padding-right: 33px; } .product-vacations .product-table-row .product-column-1 ul a.product-link { color: #48a0dc; } .product-vacations .product-table-row .product-column-1 ul a span { width: 22px; left: auto; } .product-vacations .product-table-row .product-column-1 ul a span i { } .product-vacations .product-table-row .product-column-1 ul a span i.ico-sofa { right: -3px; } .product-vacations .product-table-row .product-column-1 ul li, .product-vacations .product-table-row .product-column-1 ul li + li { padding: 7px 0; } .product-vacations .product-table-row .product-column-1 .sold { font-size: 16px; line-height: 1; color: #f00; text-transform: lowercase; font-weight: 400; position: absolute; top: 22px; left: 20px; } .product-vacations .product-table-row .product-column-5 { -ms-flex-align: end; -ms-grid-row-align: flex-end; align-items: flex-end; padding-bottom: 22px; } .product-vacations .product-select { width: calc(100% - 40px); margin: 4px auto 0; } .product-vacations .product-select + .product-select { margin-top: 11px; } .product-vacations .product-selected { z-index: 7; border-color: #40a14a; } .product-vacations .product-selected .btn-primary { text-shadow: none; background-color: #d7d7d7; box-shadow: 0 3px 0 #c7c7c7; pointer-events: none; } .product-vacations .product-selected .product-table-icon { opacity: 1; } .product-vacations .result-selected .btn-primary { pointer-events: none; } @media (max-width: 1279px) { .product-title { font-size: 45px; } .product-image { -ms-flex: 0 0 280px; flex: 0 0 280px; } .product-subtitle-likes { margin-top: 18px; } .product-details-inner { padding: 0 10px; -ms-flex: 0 0 calc(100% - 280px); flex: 0 0 calc(100% - 280px); } .product-details-entry-highlight { margin: -1px -10px 0; } .product-options-head span:first-child { width: 20%; } .product-options-head span:nth-child(2) { width: 50%; } .product-options-head span:nth-child(3) { width: 15%; } .product-options-head span:nth-child(4) { width: 15%; } .product-option-price, .product-option .spinner { width: 14.5%; } .product-option .checkbox-primary { width: 71%; } .product-total ul { font-size: 20px; width: auto; padding: 39px 20px 38px; } .product-total p { padding-top: 23px; } .product-total p strong { font-size: 45px; } .product-total p strong small { font-size: 30px; } .product-total ul li + li, .product-total ul li + li:last-child { padding-right: 10px; margin-right: 10px; } .product-total-alt p { padding: 23px 10px 0; } .product-total-alt ul li + li, .product-total-alt ul li + li:last-child { margin: 0; } .product-gallery { padding-bottom: 19px; } .product-gallery figcaption { font-size: 18px; padding: 10px; } .product-bar { font-size: 16px; } .product-bar li, .product-bar li + li { padding-right: 10px; } .product-bar-ribbon { font-size: 15px; padding: 10px 40px 10px 5px; } .product-bar-ribbon i { right: 10px; } .product-select { margin: 0 auto 5px; } .product-column-0 { max-width: 220px; -ms-flex: 0 0 220px; flex: 0 0 220px; } .product-column-1 { max-width: 250px; -ms-flex: 0 0 250px; flex: 0 0 250px; } .product-column-2 { max-width: 90px; -ms-flex: 0 0 90px; flex: 0 0 90px; } .product-column-3 { max-width: 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } .product-column-4 { max-width: 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; } .product-column-5 { max-width: 175px; -ms-flex: 0 0 175px; flex: 0 0 175px; } .product-table-head { font-size: 16px; } .product-table-head .product-column-3 { padding-right: 15px; } .product-table-content { -ms-flex: 0 0 calc(100% - 220px); flex: 0 0 calc(100% - 220px); } .product-table-content .btn { width: 80%; padding: 10px 0; } .product-hotel .product-title { font-size: 30px; } .product-hotel .product-head-inner p { font-size: 16px; } .product-hotel .product-head .product-rating-tripadvisor { margin-top: 0; } .product-hotel-israel .product-title { font-size: 45px; } .product-vacations .product-column-0 { max-width: 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; } .product-vacations .product-column-1 { max-width: 180px; -ms-flex: 0 0 180px; flex: 0 0 180px; } .product-vacations .product-column-2 { max-width: 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; } .product-vacations .product-column-3 { max-width: 250px; -ms-flex: 0 0 250px; flex: 0 0 250px; } .product-vacations .product-column-4 { max-width: 130px; -ms-flex: 0 0 130px; flex: 0 0 130px; } .product-vacations .product-column-5 { max-width: 154px; -ms-flex: 0 0 154px; flex: 0 0 154px; } .product-vacations .product-table-content { -ms-flex: 0 0 calc(100% - 120px); flex: 0 0 calc(100% - 120px); } .product-vacations .product-table-content .btn { font-size: 22px; } .product-vacations .product-table-row .product-column-1 { padding-right: 15px; } .product-deal .product-gallery figcaption { font-size: 16px; } .product-deal .product-location-small figcaption { font-size: 18px; } .product-deal .product-bar-ribbon { padding: 10px 40px 10px 5px; margin: -10px -4px -10px 22px; } .product-deal .product-bar li + li { padding-right: 10px; } .product-deal .product-table > p.inline { font-size: 16px; } .product-deal .product-table-price .btn { font-size: 24px; padding: 10px 25px; } .product-locations .product-accordion { -ms-flex: 0 0 280px; flex: 0 0 280px; } .product-locations .product-location { -ms-flex: 0 0 695px; flex: 0 0 695px; } .product-locations .product-accordion-inner { max-height: 373px; } .product-locations ul h6 { font-size: 18px; } .product-locations ul p, .product-locations ul .link-more { font-size: 16px; } .product-deal .product-table .dropdown-button .dropdown-text { font-size: 16px; margin-right: 4px; } } .back-button {display: inline-block;position: relative;font-size: 18px;color: #fff;background: #7294b2;text-decoration: none;padding: 5px 10px;border-radius: 2px;} .back-button:before{content: "\e985"; font-family: 'icomoon' !important;font-size:14px;margin-left:10px} .list-product-information .column .text-eng{text-align: left;font-size: 15px;line-height: 1.5em;} .list-product-information .right.text-eng{text-align: left;font-size: 15px;line-height: 2em;padding-right: 0;padding-left:0;} .list-product-information .right.text-eng p{line-height: 1em;} .list-product-information .right.text-eng .icon-place{font-size:13px;} .list-product-information .column .text-eng h5{text-align:right;} .list-product-information .hotel-location-content{display:flex;} .list-product-information .right {font-size: 13px !important; position:absolute;padding-left:30px} .list-product-information .right .area-places{height: 340px;overflow: hidden;} .simple-map .map-canvas .map-label { background-color: white; border: 1px solid var(--trips-border-color); width: 17px; height: 16px; border-radius: 100%; margin-top: -29px !important; margin-left: -9px !important; text-align: center; z-index: -10000 !important; color: var(--trips-border-color); } main {padding-bottom:50px} .loading-fill.loading { display: block; text-align: center; margin: 25px; font-size: 24px } .loading-fill.loading:before { content: url(/Resources/Web/img/ajax-loader.gif); } .loading-fill.loading:after { content: attr(data-loading-text); display: block; font-size: 24px; vertical-align: middle; } ul.banners{ text-align:center; } ul.banners li { text-align: center; padding: 5px; display:inline-block; } /* ------------------------------------------------------------ *\ Ideas \* ------------------------------------------------------------ */ .ideas { color: #fff; text-align: center; padding: 0; margin: 12px -7px; list-style: none outside none; } .idea {display:inline-block } .idea i { display: block; margin: auto; } .idea .banner-overlay, .idea .banner-overlayWithLinks { height: 100%; display: block; position: relative; overflow: hidden; } .idea p { font-size: 27px; line-height: 1; margin: 0; } .idea h3 { line-height: 1; margin: 0; } .idea h4 { line-height: 1.28; padding-top: 1px; margin: 0; font-size: 28px;} .idea img { height: 100%; min-width: 100%; max-width: none; display: block; } .idea-high { float: left; } .idea-title, .idea-overlay, .idea-icon i { transition: all .5s ease; } .idea-title { top: auto; z-index: 1; padding: 12px 10px;background-color:rgba(0, 21, 61, 0.51);padding-top:10px; -ms-transform: translateY(0%); transform: translateY(0%); } .idea-title i{top: -12px;left: 0;right: 0;position:absolute; color: white;font-size: 16px;} .idea-title h4 ~ p {font-size:16px} .ideal-price-label {width: 84px;height: 104px;position: absolute;top: 0;left: 0;right: 0;margin:auto} .ideal-price-label .sale-label:after{display:none} .idea-overlay { display: -ms-flexbox; display: flex; -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; z-index: 2; background-color: rgba(0,0,0,.5); } .idea-overlay.overlayWithLinks { justify-content: inherit;} .idea-icon { width: 80px; height: 80px; display: inline-block; position: relative; margin: 0 auto; background-color: var(--primary-color); border-radius: 50%; } .idea .banner-overlayWithLinks:hover .idea-title, .idea .banner-overlay:hover .idea-title { -ms-transform: translateY(140%); transform: translateY(140%); } .idea .banner-overlayWithLinks:hover .idea-overlay, .idea .banner-overlay:hover .idea-overlay { opacity: 1; visibility: visible; } .idea-caption { font-size: 29px; line-height: 1.12; font-weight: 500; text-align: right; letter-spacing: -0.012em; position: absolute; bottom: 0; right: 0; left: 0; z-index: 3; padding: 11px 14px; } .idea-caption:after { content: ''; width: 18px; height: 18px; display: inline-block; vertical-align: middle; border-width: 0 0 4px 4px; border-style: solid; border-color: transparent transparent currentColor currentColor; margin: 10px -14px 0 -4px; -ms-transform: rotate(45deg); transform: rotate(45deg); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: transform 0s; float: left; } .idea .banner-overlayWithLinks h3{ font-size: 25px; margin-top: 65px;} .idea .banner-overlayWithLinks a{ font-size: 33px;line-height: 1;} .idea .banner-overlayWithLinks .idea-box-links{ margin: 38px auto; display: inline-flex;} .idea .banner-overlayWithLinks .idea-box-link{ display: inline-block; width: 50%;} .idea .banner-overlayWithLinks .idea-box-link i{ color: white; font-size: 32px; margin-bottom: 10px;} .idea .banner-overlayWithLinks .idea-box-link span{ font-size: 18px;} .vertical-line-outer { width: 1.5px; height: 50px; margin: 0 20px 0 20px; overflow: hidden; } .vertical-line-inner { border-left: 9px solid #00ff54; display: inline; box-shadow: 2px 14px 11px 12px #d3cfcf; } .page-section.themes .ideas li { padding-left: 16px; padding-bottom: 18px; } @media (max-width: 1279px) { .idea { height: 200px; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .idea-title { background-image: url(/Resources/Web/css/components/images/overlay@2x.png); background-size: 613px 84px; } } /* Promotion Banners */ .banners-box .banner-promotion-text { padding-right: 20px; word-spacing: -2px; } .banners-box .banner-promotion-text .promotion-text-one { font-size: 20px; text-decoration: none; position: absolute; bottom: 38px; } .banners-box .banner-promotion-text .promotion-text-two { font-size: 24px; text-decoration: none; position: absolute; bottom: 16px; font-weight: bold; } .banners-box .item.DesltopRectangleSmall { height: 244px; /*width: 404px;*/ } .banners-box .item.DesltopRectangleMedium { height: 329px; width: 498px; } .banners-box .banner-promotion-item img { height: 244px; width: 404px; } .owl-carousel.promotion-banners .item { /*width: 404px;*/ } .banners-box.wide .idea { margin-bottom: 15px; margin-left: 12px; width:613px; height: 234px; } .banners-box.DeskExtSmall .DeskExtSmall { margin-bottom: 15px; margin-left: 12px; width:240px; height: 240px; } .banners-box.DeskExtSmall .idea img {height: 240px; width:240px} .banners-box.DeskExtSmall .ideas li { padding-left: 8px } .banners-box.DeskExtSmall .ideas li:last-child { padding-left: 0; } .banners-box.small .idea { width: 300px; height: 300px; margin-bottom: 15px } .banners-box.small .idea:not(:nth-child(4n)) { margin-left: 10px } .sale-label-container { width: 76px; height: 92px; position: absolute; left: 2px; top:0; overflow: hidden; } .sale-label { width: 75px; height: 66px; background-color: #d3d3d3; z-index: 3; text-align: center; } .sale-label:before { border-top: 23px solid #d3d3d3; border-left: 37px solid transparent; border-right: 37px solid transparent; content: ""; height: 0; left: 2px; position: absolute; top: 66px; width: 0; z-index: 2; } .sale-label:after { border-top: 24px solid #d3d3d3; border-left: 37px solid transparent; border-right: 38px solid transparent; content: ""; height: 0; left: 1.8px; position: absolute; top: 67px; width: 0; z-index: 1; } .sale-label i { color: #fff; font-size: 18px; position: relative; top: 6px; } .sale-label i + .sale-text { position: inherit; } .sale-label .sale-text { margin-top: 4px !important; color: #fff; position: absolute; width: 100%; } .promotion-flag .sale-label .first-sale-text { display: block; font-size: 16px; margin: 8px 0 0 0!important; text-align: center; max-width: 96%; font-weight: 600; } .sale-label .sale-text .first-sale-text { display: block; font-size: 16px; margin: 5px 0; } .sale-label .sale-text .second-sale-text { font-weight: 700; top: -5px; position: relative; font-size: 18px; display: block; z-index: 2; line-height: 14px; } .sale-label.orange { background-color: #fff4ed; border-bottom: transparent } .sale-label.orange:before { border-top: 23px solid #fff4ed; } .sale-label.orange .icon-giftbox { color: #ff7223; } .sale-label.orange .first-sale-text { color: #ff7223; } .sale-label.orange .second-sale-text { color: #ff7223; } .sale-label.orange:after { top: 67.4px; } .result.card .sale-label .sale-text .first-sale-text { display: block; font-size: 21px; margin: 0; } .result.card .sale-label .sale-text .second-sale-text { font-weight: 700; top: -8px; position: relative; font-size: 23px; } .sale-label.red { background-color: #FF0015; } .sale-label.red:before { border-top: 16px solid #FF0015; } .sale-label.green { background-color: #51AD00; } .sale-label.green:before { border-top: 16px solid #51AD00; } .sale-label.SpecialPrice { background-color: #FF7223; } .sale-label.SpecialPrice:before { border-top: 16px solid #FF7223; } .sale-label.blue { background-color: #80a9c5; } .sale-label.blue:before { border-top: 16px solid #80a9c5; } .sale-label.black { background-color: #000000; } .sale-label.black:before { border-top: 16px solid #000000; } .sale-label.black p.sale-text { color: white; } .banners-box.small .sale-label { width: 82px; height: 70px; } .banners-box.small .sale-label:before { top: 70px; border-top-width: 18px; border-right-width: 41px; border-left-width: 41px; left: 2px; } .banners-box.small .sale-label i { font-size: 22px; } .banners-box.small .idea .sale-label .sale-text { margin-top: 10px !important; } .banners-box.small .idea .sale-label .sale-text .second-sale-text { font-size: 15px; } .banners-box.small .idea .sale-label .sale-text .one-liner { font-size: 20px; font-weight: bold; margin: 12px 0; } /* ------------------------------------------------------------ *\ Subscribe \* ------------------------------------------------------------ */ .subscribe label { font-size: 18px; line-height: 1.33; color: #c4dbe0; display: block; margin-bottom: 16px; padding-right: 3px; } .subscribe label strong { font-size: 24px; color: #82a3b1; display: block; margin-bottom: -3px; } .subscribe-row { position: relative; padding-left: 82px; } .subscribe-field { font-size: 18px; line-height: 1.33; color: #000; width: 100%; height: 46px; display: block; padding: 10px 13px; border: 1px solid #eee; border-left: 0; background: #fff; border-radius: 0 2px 2px 0; box-shadow: none; } .subscribe-field::-moz-placeholder { color: #abacb1; opacity: 1; } .subscribe-field:-ms-input-placeholder { color: #abacb1; opacity: 1; } .subscribe-field::placeholder { color: #abacb1; opacity: 1; } .subscribe-btn { font-size: 21px; line-height: 24px; color: #fff; width: 82px; height: 46px; display: block; position: absolute; top: 0; left: 0; padding: 11px 0; border: 0; background: #178823; border-radius: 2px 0 0 2px; box-shadow: none; } .subscribe-btn:hover { background-color: #0a6714; } @media (max-width: 1279px) { .subscribe label { margin-bottom: 10px; } .subscribe label strong { font-size: 20px; } } /* ------------------------------------------------------------ *\ Subscribe Section \* ------------------------------------------------------------ */ .subscribe-section { /*height: 150px;*/ background: var(--lead-form-background); box-shadow: inset 0 0 5px rgba(110,137,173,.14); margin-top: 66px; /*background-size: 100%;*/ } .subscribe-section h3 { font-size: 29px; line-height: 1.2; color: #fff; font-weight: 300; text-shadow: 0 3px 0 rgba(145,166,191,.36); margin: 0; transform: scale(1, 1.2);} .subscribe-section h2 { font-size: 52px; line-height: 1; color: #fff; text-shadow: 0 2px 0 rgba(145,166,191,.36); letter-spacing: -0.01em; transform: scale(1, 1.1);} .subscribe-section .shell { position: relative; } .subscribe-section-form { padding: 46px 0 46px; } .subscribe-section-form form { overflow: hidden; width: 571px;} .subscribe-section-image { display: block; position: absolute; top: -50px; right: -11px;z-index:6; margin-top: 1px; } .subscribe-section-content { width: calc(100% - 720px); float: right; padding: 34px 174px 0 0; } .subscribe-section-form-field { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 28px; color: #898989; letter-spacing: -0.02em; width: 410px; height: 57px; display: block; padding: 15px 18px 15px 15px; border: 2px solid var(--lead-form-border-color); background: #fff; box-shadow: none; opacity: 0.9; ; } .subscribe-section-form-field:read-only { border-color:#9a9a9a!important; } .subscribe-section-form-field::-moz-placeholder { font-family: 'Rubik', Arial, Helvetica, sans-serif; color: inherit; font-weight: 400; opacity: 1; } .subscribe-section-form-field:-ms-input-placeholder { font-family: 'Rubik', Arial, Helvetica, sans-serif; color: inherit; font-weight: 400; opacity: 1; } .subscribe-section-form-field::placeholder { font-family: 'Rubik', Arial, Helvetica, sans-serif; color: inherit; font-weight: 400; opacity: 1; } .subscribe-section-form-actions { float: left; } .subscribe-section-form-actions .btn { font-size: 29px; color: #fff; text-shadow: none; display: block; padding: 9.5px 34px; border: 0; background: var(--contact-btn-bg-color); box-shadow: none; transform: scale(1, 1.2); } .subscribe-section-form-actions .btn:hover {box-shadow: 0 2px 0 #006e67;} .subscribe-section-form-controls { width: 382px; float: right; position: relative; right: 7px; } .subscribe-section-form-controls i { display: block; position: absolute; top: 12px; right: 16px; bottom: -0px; margin: auto; pointer-events: none; font-size: 21px; color: #90A4BD; z-index:5;} .subscribe-section-form-controls input {font-size: 23px;padding: 10px;} @media (max-width: 1279px) { .subscribe-section h3 { font-size: 34px; } .subscribe-section-form { width: 520px; } .subscribe-section-image { display: none; } .subscribe-section-content { padding: 42px 0 0; } }