.list-autocomplete li.sub-item { border-top: none;} .list-autocomplete li.sub-item a { /*margin-right: 25px;*/ } #tab-search-israel .tabs .form-search, #tab-search-packages .tabs .form-search { padding: 0px;} .listitem-two-row { height: 75px; width: 50%; float: right;} /* ===================================== */ /* ===================================== */ /* Flights Search Box - Promotion */ /* ===================================== */ /* ===================================== */ .flights-searchbox-promotion {padding: 0px;} .flights-searchbox-promotion .form-cols.promotion { margin: 0px; float: right;} .flights-searchbox-promotion .destination { padding: 0px; width: 385px; margin-left: 15px;} .flights-searchbox-promotion .destination .form-row { height: 63px; padding: 13px 63px; } .flights-searchbox-promotion .destination .form-row .form-label, .flights-searchbox-promotion .destination .form-row #flight_arrive_961 { font-size: 24px; line-height: 24px; height: auto; } .flights-searchbox-promotion .dates { padding: 0px; margin-left: 15px;} .flights-searchbox-promotion .dates .date { width: 295px; } .flights-searchbox-promotion .dates .form-datepicker-dual { right: 0px; } .flights-searchbox-promotion .compositions { padding: 0px; margin-left: 15px;} .flights-searchbox-promotion .compositions .dropdown { width: 355px;} .travelers-dropdown li { background-color: #eef6fb; height: 60px;margin: 5px 10px 5px 10px; padding: 10px;} .travelers-dropdown li span { font-weight: normal;display: block;font-size: 21px;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;} .travelers-dropdown li .composition-spinner.has-value .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 { font-size: 35px; vertical-align: middle; margin: 0px 5px; color: #000; font-weight: lighter; } .flights-searchbox-promotion .search { padding: 0px; } .flights-searchbox-promotion .search .btn { width: 150px; font-size: 29px; padding: 12px; font-weight: bold;} /** * 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} @charset 'UTF-8'; .slick-slider {font-family: 'icomoon';position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus {outline: none;} .slick-list.dragging {cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .slick-slider .slick-list { background-color:white; } .slick-track {position: relative;top: 0;left: 0;display: block;} .slick-track:before, .slick-track:after {display: table;content: '';} .slick-track:after {clear: both;} .slick-loading .slick-track {visibility: hidden;} .slick-slide {display: none;float: left;height: 100%;min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img {display: none;} .slick-slide.dragging img {pointer-events: none;} .slick-initialized .slick-slide {display: block;} .slick-loading .slick-slide {visibility: hidden;} .slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} .slick-loading .slick-list{background: #fff url(/Resources/Web/img/ajax-loader.gif) center center no-repeat;} .slick-prev, .slick-next {font-size: 0;line-height: 0;position: absolute;top: 50%;z-index:1;display: block;width:45px;height:55px;margin-top: -27px;padding: 14px;cursor: pointer;color: transparent;border: none;outline: none;background:white;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {outline: none} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;} .slick-prev.slick-disabled, .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { color: #72849a; cursor: auto; } .slick-prev.slick-disabled, .slick-prev.slick-disabled:hover:before, .slick-next.slick-disabled:hover:before { opacity: .75; cursor: auto; } .slick-prev:before, .slick-next:before { font-size: 30px; line-height: 1; opacity: .75; color: var(--primary-button-background); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev {left: 0px;} [dir='rtl'] .slick-prev {right: 0px;left: auto;} .slick-prev:before {content: '\e986';} [dir='rtl'] .slick-prev:before {content: '\e987';} .slick-next {right: 0px;} [dir='rtl'] .slick-next {right: auto;left: 0px;} .slick-next:before {content: '\e987';} [dir='rtl'] .slick-next:before {content: '\e986';} .slick-next {border-radius:0 5px 5px 0;box-shadow:1px 0px 5px 2px rgba(0,0,0,0.5);} .slick-prev {border-radius:5px 0 0 5px;box-shadow:-1px 0px 5px 2px rgba(0,0,0,0.5);} .gallery-popup .slick-prev, .gallery-popup .slick-next {box-shadow:none;font-size: 0;line-height: 0;position: absolute;top: 50%;z-index:1000;display: block;width:45px;height:55px;margin-top: -27px;padding: 0;cursor: pointer;color: transparent;border: none;outline: none;background:transparent;} .gallery-popup .slick-prev:before, .gallery-popup .slick-next:before {font-size: 60px;line-height: 1;opacity: .75;color: #178823;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} [dir='rtl'] .gallery-popup .slick-prev {right:70px} [dir='rtl'] .gallery-popup .slick-next {left:70px} [dir='rtl'] .gallery-popup .slick-prev:before {content: '\e987';} [dir='rtl'] .gallery-popup .slick-next:before {content: '\e986';} .gallery-popup .slick-prev.slick-disabled:before, .gallery-popup .slick-next.slick-disabled:before {color:#72849a} /* ------------------------------------------------------------ *\ Slider Gallery \* ------------------------------------------------------------ */ .slider-gallery-outer { position: relative; } .slider-gallery-outer .slider-counter { font-size: 21px; line-height: 37px; color: #fff; position: absolute; bottom: 0; right: 0; left: 0; z-index: 3; padding: 70px 21px 17px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); } .slider-gallery-outer .slider-counter i { margin-left: 9px; } .slider-gallery-outer .slider-counter strong { color: #178823; } .slider-gallery-outer .slider-counter-primary { padding: 70px 15px 10px; } .slider-gallery .owl-prev .slider-gallery .owl-next { font-size: 0; line-height: 0; width: 45px; height: 55px; display: block; position: absolute; top: 50%; margin-top: -27px; background-color: #fff; background-repeat: no-repeat; } /*.slider-gallery .owl-prev { left: 0; background-image: url(/Resources/Web/vendor/slick-gallery/css/images/icons/ico-chevron-left.png); background-position: 42% 50%; border-radius: 0 3px 3px 0; box-shadow: 2px 0 2px rgba(0,0,0,.75); }*/ /*.slider-gallery .owl-next { right: 0; background-image: url(/Resources/Web/vendor/slick-gallery/css/images/icons/ico-chevron-right.png); background-position: 60% 50%; border-radius: 3px 0 0 3px; box-shadow: -2px 0 2px rgba(0,0,0,.75); }*/ /*.slider-gallery .owl-prev.disabled { background-image: url(/Resources/Web/vendor/slick-gallery/css/images/icons/ico-chevron-left-inactive.png); }*/ /*.slider-gallery .owl-next.disabled { background-image: url(/Resources/Web/vendor/slick-gallery/css/images/icons/ico-chevron-right-inactive.png); }*/ .slider-gallery-thumbs { height: 540px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .slider-gallery-thumbs::-webkit-scrollbar { width: 6px; height: 6px; background-color: #fff; border-radius: 4px; } .slider-gallery-thumbs::-webkit-scrollbar-thumb { background-color: #a4a4a4; border-radius: 4px; } .slider-gallery-thumbs .slide { width: 100px; height: 100px; float: left; position: relative; margin: 0 10px 10px 0; cursor: pointer; } .slider-gallery-thumbs .slide img { width: 100%; display: block; } .slider-gallery-thumbs .slide:before { content: ''; display: none; border: 3px solid #178823; background-color: rgba(0,0,0,.6); } .slider-gallery-thumbs .slide.current:before { display: block; } @media (max-width: 1279px) { .slider-gallery-thumbs { height: 340px; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .slider-gallery .owl-prev, .slider-gallery .owl-next { background-size: 17px 27px; } .slider-gallery .owl-prev { background-image: url(/Resources/Web/vendor/slick-gallery/images/icons/ico-chevron-left@2x.png); } .slider-gallery .owl-prev.disabled { background-image: url(/Resources/Web/vendor/slick-gallery/css/images/icons/ico-chevron-left-inactive@2x.png); } .slider-gallery .owl-next { background-image: url(/Resources/Web/vendor/slick-gallery/css/images/icons/ico-chevron-right@2x.png); } .slider-gallery .owl-next.disabled { background-image: url(/Resources/Web/vendor/slick-gallery/css/images/icons/ico-chevron-right-inactive@2x.png); } } /* ------------------------------------------------------------ *\ GALLERY \* ------------------------------------------------------------ */ .gallery-block {margin-top:41px;position:relative;overflow:auto} .gallery-block > div:first-child {float:left;width:390px;margin-right:20px} .gallery-block .gallery {overflow:hidden;margin-top:1px;height:669px} .slick-gallery {overflow:hidden;margin-top:1px;height:669px;position:relative} /* .gallery-block .gallery, .gallery-popup {opacity: 0;transition: opacity .4s ease-in;} */ .slider-for {margin-left:0px;} .slider-for > div {background-color:rgb(0,0,0);text-align:center;min-height:535px} .slider-for img {max-width:100%;max-height:535px;height:auto;width: auto;cursor:pointer;margin:0 auto;vertical-align: middle;} .bigger-imageRatio .slider-for img {max-height:544px;} .slider-for .slick-slide {display: inline-block;float: none;height:544px} .slider-for .slick-slide::before {content: '';display: inline-block;height: 100%;vertical-align: middle;} .slider-for .slick-slide img {vertical-align: middle;display: inline-block;} .slide-previews div {float:right;padding:1px 1.6px;} .slide-previews {margin-right:-2px;} .slide-previews div img {width:80px;height:54px;cursor:pointer} .slide-previews div img.selected {outline: 3px solid #178823;outline-offset: -3px;} .slide-previews div img:hover {opacity:0.4} .counter {line-height:30px;color:#fefefe;font-size:18px;padding: 72px 17px 0 0;position: absolute;right:150px;top:415px;background: url(/Resources/Web/vendor/slick-gallery/css/images/photo-shadow.png) no-repeat;width: 600px;height: 122px;z-index: 4;} .counter i {font-size:30px;margin-left:13px; position:relative;top:3px;color: white;} .counter span { color: var(--photos-counter-color); font-weight: bold } body.over_hidden {overflow:hidden} .gallery-popup {display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.9)} .gallery-popup .shell {position:relative;padding:0px} .gallery-popup h2 {font-family:Arial;color:white;font-size:35px;text-align:center;margin:30px 0} .gallery-popup .close-button {position:absolute;top:20px;left:2px;color:white;text-decoration:none;font-size:16px;z-index: 1;} .gallery-popup .close-button .icon-close {font-size:36px;position:relative;top:10px;margin-right:10px} .gallery-popup .big-image {position:relative;margin:0 auto;width:1300px} .gallery-popup .slick-slide.slick-current.slick-active { width: 1300px !important } .slider-for-popup { margin-bottom: 16px } .slider-for-popup img {max-width:100%;max-height:649px;height:auto;width: auto;cursor:pointer;margin:0 auto;vertical-align: middle;display: inline-block;} .slider-for-popup .slick-slide {display: inline-block;float: none;text-align:center;height:544px;} .slider-for-popup .slick-slide::before {content: '';display: inline-block;height: 100%;vertical-align: middle;} .slide-previews-for-popup div img {width:139px;height:93px;cursor:pointer} .slide-previews-for-popup div img:hover {filter: brightness(50%)} .slide-previews-for-popup div.slick-current img {outline: 3px solid #12a822;outline-offset: -3px;filter: brightness(50%)} .slide-previews-for-popup .slick-track {margin-right:470px;height:220px; overflow:auto;} @media screen and ( max-height: 880px ){ .gallery-popup .close-button {top:0;} .gallery-popup h2 {font-size:35px;text-align:center;margin:10px 0} } @media screen and ( max-height: 830px ){ .gallery-popup .big-image {width:800px} .slider-for-popup .slick-slide {height:534px;} .slider-for-popup img {max-height:534px} .gallery-popup .counter {top:412px} } @media screen and ( max-height: 780px ){ .gallery-popup .big-image {width:1024px} .gallery-popup .slick-slide.slick-current.slick-active {width: 1024px !important} [dir='rtl'] .gallery-popup .slick-prev {right:-100px} [dir='rtl'] .gallery-popup .slick-next {left:-100px} .slide-previews-for-popup .slick-track {margin-right:470px;height:330px;} .slider-for-popup .slick-slide {height:400px;} .slider-for-popup img {max-height:400px} .gallery-popup .counter {top:278px} } /* New Nav*/ .customer-account .dropdown-content.web { position: absolute; background: #dee6ef; background: -moz-linear-gradient(top, #dee6ef 0%, #f2f4f8 8%, #f7f9fa 15%, #f7f9fa 100%); background: -webkit-linear-gradient(top, #dee6ef 0%, #f2f4f8 8%, #f7f9fa 15%, #f7f9fa 100%); background: linear-gradient(to bottom, #dee6ef 0%, #f2f4f8 8%, #f7f9fa 15%, #f7f9fa 100%); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); width: 50%; } .navigation-component .support-wrapper { text-align: left; } .navigation-component .support-wrapper .loader { border: 4px solid #A49E9E; border-radius: 50%; border-top: 4px solid #3498db; width: 30px; height: 30px; animation: spin 2s linear infinite; z-index: 10; display: block; display: inline-block; margin: 0px 0px -8px 45px; } .navigation-component .nav-wrapper { position: relative; display: flex; margin-bottom: 20px; } .navigation-component .nav-logo { width: 130px; height: 45px; /*content: var(--logo);*/ } .navigation-component .nav-logo img { width: 100%; } /* .navigation-component .nav-logo a { padding: 20px 0 25px 0; }*/ .navigation-component .support-block.customeraccount { display: inline-block; min-height: 40px; border-bottom: 1px solid #000; } .navigation-component .support-block.creditclub { display: inline-block; padding: 10px 0 5px 0; } .navigation-component .support-block .personal-area.customer-account, .navigation-component .support-block .phone-info { display: inline-block; font-size: 16px; float: none; padding:10px 0 0; } .navigation-component .support-block .phone-info .img-phone-icon { height: 18px; width: 18px; vertical-align: top; padding-top: 4px; } .navigation-component .support-block .phone-info .icon-disabled { font-size: 18px; color: black; } .navigation-component .support-block .select-input { padding-right: 15px; } .navigation-component .support-block .select-input i { position: absolute; right: 0; top: 2px; font-size: 12px; } .navigation-component .support-block .phone-info { margin-right: 24px; line-height: 22px; direction: rtl; } .navigation-component .support-block .phone-info i { font-size: 16px; color: var(--header-icon-calling-color); display: inline-block; vertical-align: text-top; --primary-color: var(--header-icon-calling-color); } .navigation-component .support-block .phone-info label { margin-left: 8px; } .navigation-component .support-block .phone-info .phone { color: var(--header-icon-calling-color); font-weight: 600; vertical-align: middle; } .navigation-component .support-block .phone-info .phone span { font-size: 22px; } .navigation-component .support-block .help-link i { transform: scale(-1, 1); display: inline-block; } .navigation-component .navigation { width: 100%; padding-top: 13pt; } .navigation-component .navigation > ul { display: flex; width: 100%; justify-content: space-between; padding-right: 20px; } .navigation-component .navigation > ul > li { display: inline-block; padding: 0 0px; color: var(--header-tab-text-color); } .navigation-component .navigation > ul > li .main-navigation-link { font-size: 20px; line-height: 24px; padding: 6px 9px; border-radius: 4px; position: relative; } .navigation-component .navigation > ul > li .main-navigation-link:after { content: ' '; position: absolute; width: 100%; right: 0; height: 40px; left: 0; } .navigation-component .navigation > ul > li :not(.sole-item) .main-navigation-link:before { content: ""; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 18px solid #F3F3F3; position: absolute; bottom: -18px; right: 50%; margin-right: -18px; display: block; visibility: hidden; } .navigation-component .navigation > ul > li:hover .main-navigation-link { background: var(--header-tab-hover-background-color); color: var(--header-tab-hover-text-color); border-radius: 4px; } .navigation-component .navigation > ul > li:hover .main-navigation-link:before { visibility: visible; transition-delay: 0.35s; } .navigation-component .navigation > ul > li:hover .navigation-item .sub-menu { visibility: visible; transition-delay: 0.35s; } .navigation-component .navigation .navigation-item .sub-menu.small { width: auto; right: auto; left: auto; } .navigation-component .navigation .navigation-item .sub-menu.small.left { right: auto; left: 0px; min-width: 220px; } .navigation-component .navigation .navigation-item .sub-menu.small.right { left: auto; } .navigation-component .navigation .navigation-item .sub-menu { position: absolute; top: 56px; right: 0; width: 99%; min-width:25rem; padding-top: 10px; display: block; visibility: hidden; } .navigation-component .navigation .navigation-item .sub-menu .sub-menu-content { background: #F3F3F3; border-radius: 20px; display: flex; width: 100%; } .navigation-component .navigation .navigation-item .sub-menu .sub-menu-content .sub-menu-block { /*display: table-cell;*/ padding: 30px 10px; width: 100%; /*white-space: nowrap;*/ /*max-width: 200px;*/ } .navigation-component .navigation .navigation-item .sub-menu .sub-menu-content .sub-menu-block:hover { background: #fff; box-shadow: 0 0px 8px rgba(0, 0, 0, 0.16); } .navigation-component .navigation .navigation-item .sub-menu .sub-menu-content .sub-menu-block:first-child { padding-right: 10px; border-radius: 0 20px 20px 0; } .navigation-component .navigation .navigation-item .sub-menu .sub-menu-content .sub-menu-block:last-child { padding-left: 10px; border-radius: 20px 0 0 20px; } .navigation-component .navigation .navigation-item .sub-menu .sub-menu-content .sub-menu-block:only-child { padding-left: 35px; border-radius: 20px; } .navigation-component .navigation .navigation-item .sub-menu .sub-menu-content .sub-menu-block h4 { font-size: 20px; font-weight: bold; margin: 0 12px 24px 0; color: var(--nav-btn-text-color); } .navigation-component .navigation .navigation-item .sub-menu .sub-menu-content .sub-menu-block ul { font-size: 18px; } .navigation-component .navigation .navigation-item .sub-menu .sub-menu-content .sub-menu-block ul li { margin-top: 10px; } .navigation-component .navigation .navigation-item .sub-menu .sub-menu-content .sub-menu-block ul li a { padding: 6px 12px; border-radius: 20px; display: inline-block; color: var(--nav-btn-text-color); } .navigation-component .navigation .navigation-item .sub-menu .sub-menu-content .sub-menu-block ul li a:hover { padding: var(--nav-hover-btn-padding); } .navigation-component .navigation .navigation-item .sub-menu .sub-menu-content .sub-menu-block ul li a:hover { background: var(--nav-hover-btn-background-color); color: var(--nav-hover-btn-text-color); border: var(--nav-hover-btn-border); border-image: var(--nav-hover-btn-border-image); border-image-slice: var(--nav-hover-btn-border-slice); } /* Until here New Nav*/ /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav li:after { content: '/'; color: rgba(88,96,98,0.3); margin: 0 3px; } .nav li:last-child:after { content: none; } .nav li a { color: #2a3335; text-decoration: none; } .nav-burger-butten { float: left } .nav li a:hover, .nav .current a { color: #188724; } .nav { display: table; width: 100%; margin: 0; padding-bottom: 4px; min-width: 1250px; } .nav ul { float: right; margin-bottom: 0px; padding-bottom: 0 } .nav li { font-size: 19px; line-height: 36px; display: inline-block; position: relative } .nav li:first-child:after, .nav li:last-child:after { content: none; } .nav li:first-child { margin-left: 13px } .nav li a.drop:after { content: "\e99b"; font-family: 'icomoon'; font-size: 8px; margin-right: 8px; } .nav ul li:first-child a { font-weight: bold; font-size: 21px; position: relative; top: 1px; } .nav ul:first-child li:first-child a { color: #178823; } .nav ul:first-child li:last-child a { margin-left: 20px } .nav ul:last-child { margin-left: 15px; float: left; } .nav ul:last-child li:first-child a { color: #ff690f; } .nav li.active:after { left: -7px; bottom: -5px; content: ''; width: 10px; height: 10px; border-style: solid; border-width: 0 10px 10px 10px; position: absolute; border-color: transparent transparent #178823 transparent; } .nav ul:last-child li.active:after { border-color: transparent transparent #ff690f transparent; } /* ------------------------------------------------------------ *\ Nav Secondary \* ------------------------------------------------------------ */ .nav-secondary { font-size: 18px; line-height: 1.39; color: #bcdfc0; float: right; padding: 4px 0 6px; } .nav-secondary ul { overflow: hidden; } .nav-secondary li { float: right; } .nav-secondary li + li { padding-right: 33px; } .nav-secondary a { text-decoration: none; display: block; } .nav-secondary a:hover { text-decoration: underline; } /* ------------------------------------------------------------ *\ Nav Access \* ------------------------------------------------------------ */ .nav-access { font-size: 21px; line-height: 36px; color: #627183; text-decoration: none; float: left; padding-left: 1px; } .nav-access i { margin-left: 5px; } .nav-access a { text-decoration: none; } .nav-access a:hover { text-decoration: underline; } .nav-access i, .nav-access p { display: inline-block; vertical-align: middle; } /* ------------------------------------------------------------ *\ Nav Tabs \* ------------------------------------------------------------ */ .nav-tabs { text-align: center; position: relative; z-index: 9; padding: 0 5px; } .nav-tabs li { color: #66665a; display: inline-block; vertical-align: bottom; } .nav-tabs li:after { content: '/'; font-size: 22px; } .nav-tabs li:last-child:after { content: none; } .nav-tabs a { font-size: 21px; display: inline-block; text-decoration: none; color: #fff; position: relative; padding: 61px 14px 12px 15px; } .nav-tabs a:hover { color: #209c2e; } .nav-tabs i { font-size: 19px; position: absolute; right: 18px; line-height: 1.4 } .nav-tabs .current a { color: #209c2e; font-weight: bold; } /* ------------------------------------------------------------ *\ Nav Tabs \* ------------------------------------------------------------ */ .nav-tabs-secondary { font-size: 20px; line-height: 1.15; color: #fff; padding-bottom: 20px; } .nav-tabs-secondary ul { overflow: hidden; } .nav-tabs-secondary li { float: right; } .nav-tabs-secondary li + li { padding-right: 10px; } .nav-tabs-secondary a { text-decoration: none; text-align: center; letter-spacing: -0.02em; min-width: 106px; display: block; padding: 5px; background-color: #95a5b9; border-radius: 2px; } .nav-tabs-secondary a:hover, .nav-tabs-secondary .current a { background-color: #178823; } .nav-tabs-secondary .current a { font-weight: 700; } /* Nav Tabs Secondary Alt */ .nav-tabs-secondary-alt a { min-width: 130px; } /* ------------------------------------------------------------ *\ Nav Dropdown \* ------------------------------------------------------------ */ .nav-dropdown { height: 0; opacity: 0; visibility: hidden; position: absolute; top: 100%; right: 0; left: 0; z-index: 5; overflow: hidden; transition: opacity .4s ease, visibility .4s ease; } .nav-dropdown .shell { display: -ms-flexbox; display: flex; position: relative; padding: 0; border-top: 1px solid #d8e2ee; background: #fff linear-gradient(to bottom, rgba(204,216,231,.4) 0%, rgba(204,216,231,.37) 6.49%, rgba(255,255,255,0) 100%) repeat-x 0 0; background-size: 100% 71px; } .nav-dropdown .shell:before { width: 20px; height: 11px; display: none; bottom: 100%; left: 28px; background-image: url(/resources/web/css/images/dd-arrow.png); } .nav-dropdown .shell:after { width: 37px; height: 8px; display: block; top: 100%; left: 50%; margin: -1px 0 0 -18px; background-image: url(/resources/web/css/images/dd-shape.png); } .nav-dropdown .shell:before, .nav-dropdown .shell:after { content: ''; position: absolute; background-repeat: no-repeat; background-position: 0 0; } .nav-dropdown-tabs { -ms-flex: 0 0 188px; flex: 0 0 188px; background: #188626 linear-gradient(to right, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 10%) repeat-y 0 0; } .nav-dropdown-tabs ul { padding-top: 23px; } .nav-dropdown-tabs li + li { border-top: 1px solid #1d912c; } .nav-dropdown-tabs a { font-size: 21px; line-height: 1.29; color: #fff; text-decoration: none; display: block; position: relative; padding: 15px 59px 15px 0; margin-bottom: -1px; } .nav-dropdown-tabs a span { width: 59px; display: block; left: auto; } .nav-dropdown-tabs a span i { display: block; } .nav-dropdown-tabs .current a, .nav-dropdown-tabs a:hover { background-color: #0f6f1b; } .nav-dropdown-inner { max-width: calc(100% - 188px); -ms-flex: 0 0 calc(100% - 188px); flex: 0 0 calc(100% - 188px); padding: 40px 0 43px 40px; } .nav-dropdown-tab { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; position: absolute; } .nav-dropdown-links a i { display: block; left: auto; font-size: 16px } .nav-dropdown-links a:hover { font-weight: normal; } .nav-dropdown-links .current a, .nav-dropdown-links .current a:hover { color: red; font-weight: 400; } /*#178823*/ .nav-dropdown-figure { -ms-flex: 0 0 36.123%; flex: 0 0 36.123%; } .nav-dropdown-figure a { display: block; position: relative; text-align: center; color: white; } .nav-dropdown-figure img { width: 100%; display: block; } .nav-dropdown-figure figcaption { font-size: 32px; line-height: 1.22; color: #fff; text-align: center; position: absolute; bottom: 0; right: 0; left: 0; padding: 34px 10px 15px; background: url(/resources/web/css/images/overlay4.png) no-repeat 50% 0; } .nav-dropdown-figure figcaption i { display: block; position: absolute; top: 7px; left: 50%; margin-left: -11px; } @media (max-width: 1279px) { .nav-dropdown-tabs ul { padding: 0; } .nav-dropdown-tabs a { font-size: 20px; padding: 11px 59px 11px 0; } .nav-dropdown-inner { padding: 20px 0 20px 20px; } .nav-dropdown-links ul, .nav-dropdown-links ul:first-child, .nav-dropdown-links ul:last-child { max-width: 45%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; padding: 0 10px; } .nav-dropdown-links ul { font-size: 16px; } .nav-dropdown-links ul + ul:before { right: -10px; } .nav-dropdown-links a, .nav-dropdown-links ul:first-child a { padding-right: 20px; } .nav-dropdown-figure figcaption { font-size: 22px; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .nav-dropdown-wrapper:before, .nav-dropdown-wrapper:after { background-size: 100% 100%; } .nav-dropdown-wrapper:before { background-image: url(/resources/web/css/images/dd-arrow@2x.png); } .nav-dropdown-wrapper:after { background-image: url(/resources/web/css/images/dd-shape@2x.png); } .nav-dropdown-figure figcaption { background-image: url(/resources/web/css/images/overlay4@2x.png); background-size: 613px 150px; } } /* ------------------------------------------------------------ *\ Nav Letters \* ------------------------------------------------------------ */ .nav-letters { font-size: 25px; line-height: 28px; color: #000; text-align: center; /*padding-top: 33px;*/ padding: 25px 0 15px 0; } .nav-letters ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 -3px; } .nav-letters li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 3px; } .nav-letters a { text-decoration: none; display: block; padding: 10px 0; background-color: #fff; border-radius: 4px; } .nav-letters a:hover { color: #fff; background-color: #72849a; } .nav-letters .active-letter { background-color: #72849A; color: #fff; } /* ------------------------------------------------------------ *\ Nav Second Stripe ( FROM DIMA ) \* ------------------------------------------------------------ */ .stripe { width: 100%; height: 7px; position: relative; } .stripe:before { content: ''; height: 100%; bottom: 0; width: 7px; left: 43.7%; margin-left: -3px; position: absolute; background: #fff; z-index: 9; } .stripe:after { content: ''; height: 45px; bottom: 0; width: 1px; background: #e9eef0; position: absolute; left: 43.7%; z-index: 99; } .stripe .right-side, .stripe .left-side { position: absolute; height: 100%; top: 0; } .stripe .right-side { background: #178823; right: 0; width: 56.1%; } .stripe .left-side { background: #ff690f; left: 0; width: 43.5%; } @media (max-width: 4000px) { .stripe:before { left: 47.2%; } .stripe .right-side { width: 52.7%; } .stripe .left-side { width: 47.1%; } .stripe:after { left: 47.2%; } } @media (max-width: 3300px) { .stripe:before { left: 46.7%; } .stripe .right-side { width: 53.3%; } .stripe .left-side { width: 46.7%; } .stripe:after { left: 46.7%; } } @media (max-width: 2900px) { .stripe:before { left: 46.3%; } .stripe .right-side { width: 53.8%; } .stripe .left-side { width: 46.3%; } .stripe:after { left: 46.3%; } } @media (max-width: 2650px) { .stripe:before { left: 45.9%; } .stripe .right-side { width: 53.9%; } .stripe .left-side { width: 45.8%; } .stripe:after { left: 45.9%; } } @media (max-width: 2300px) { .stripe:before { left: 45.4%; } .stripe .right-side { width: 54.4%; } .stripe .left-side { width: 45.2%; } .stripe:after { left: 45.4%; } } @media (max-width: 2100px) { .stripe:before { left: 45.0%; } .stripe .right-side { width: 54.8%; } .stripe .left-side { width: 44.8%; } .stripe:after { left: 45.0%; } } @media (max-width: 2000px) { .stripe:before { left: 44.7%; } .stripe .right-side { width: 55.1%; } .stripe .left-side { width: 44.8%; } .stripe:after { left: 44.7%; } } @media (max-width: 1900px) { .stripe:before { left: 44.3%; } .stripe .right-side { width: 55.5%; } .stripe .left-side { width: 44.1%; } .stripe:after { left: 44.3%; } } @media (max-width: 1800px) { .stripe:before { left: 44%; } .stripe .right-side { width: 55.8%; } .stripe .left-side { width: 43.7%; } .stripe:after { left: 43.9%; } } @media (max-width: 1700px) { .stripe:before { left: 43.6%; } .stripe .right-side { width: 56%; } .stripe .left-side { width: 43.4%; } .stripe:after { left: 43.7%; } } @media (max-width: 1600px) { .stripe:before { left: 43.3%; } .stripe .right-side { width: 56.4%; } .stripe .left-side { width: 43.1%; } .stripe:after { left: 43.3%; } } @media (max-width: 1500px) { .stripe:before { left: 42.7%; } .stripe .right-side { width: 57.5%; } .stripe .left-side { width: 42.7%; } .stripe:after { left: 42.7%; } } @media (max-width: 1400px) { .stripe:before { left: 42.3%; } .stripe .right-side { width: 57.7%; } .stripe .left-side { width: 42%; } .stripe:after { left: 42.2%; } } /* ------------------------------------------------------------ *\ Nav Second Level ( FROM DIMA ) \* ------------------------------------------------------------ */ .nav-dropdown-tab:first-child { right: 0; width: 54.5%; } .nav-dropdown-tab:first-child .nav-dropdown-links { width: 701px; left: 4px } .nav-dropdown-tab:first-child a:hover { color: #178823; } .nav-dropdown-tab:first-child a i:hover { color: #178823; } .nav-dropdown-tab:last-child { left: 0; width: 45.5%; position: absolute; } .nav-dropdown-tab:last-child .nav-dropdown-links { width: 526px; margin-right: 124.3%; } .nav-dropdown-tab:last-child a:hover { color: #ff690f; } .nav-dropdown-links { display: table; position: absolute; height: 100%; background: #ebeff5; /* Old browsers */ background: -moz-linear-gradient(top, #ebeff5 0%, #f8fafc 13%, #ffffff 24%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ebeff5 0%,#f8fafc 13%,#ffffff 24%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ebeff5 0%,#f8fafc 13%,#ffffff 24%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebeff5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ flex: 0 0 63.877%; } .nav-dropdown-links ul { font-size: 16px; line-height: 1.22; color: #60748c; width: 35%; float: right; position: relative; padding: 0 27px 0 20px; margin: 30px 0; list-style: none outside none; } .nav-dropdown-links ul + ul:before { content: ''; width: 1px; display: block; position: absolute; top: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, #e9ecf0 0%, #fff 80%); } .nav-dropdown-links ul:first-child { width: 30%; padding: 0 25px 0 0; max-width: 45%; flex: 0 0 29%; } .nav-dropdown-links ul:first-child a { padding-right: 26px; } .nav-dropdown-links ul:last-child { width: 35%; padding: 0 20px 0 0; max-width: 37.2%; flex: 0 0 37.2%; } .nav-dropdown-links li { padding: 7px 5px; } .nav-dropdown-links a { text-decoration: none; display: block; position: relative; padding-right: 25px; line-height: 1; } .nav-dropdown-links ul + ul a { padding-right: 35px; } .nav-dropdown .nav-dropdown-tab:last-child .nav-dropdown-links ul { width: 50% !important; } .nav-dropdown .nav-dropdown-tab:last-child .nav-dropdown-links ul:first-child a { padding-right: 30px; } @media (max-width: 1400px) { .nav-dropdown-tab:last-child .nav-dropdown-links { width: 526px; margin-right: 128%; } .nav-dropdown-tab:first-child .nav-dropdown-links { width: 715px; margin-left: -35px; } nav li.active:after { left: 12px; } } @media (max-width: 1280px) { .nav-dropdown-tab:last-child .nav-dropdown-links { width: 526px; margin-right: 126.9%; } .nav-dropdown-tab:first-child .nav-dropdown-links { width: 713px; } nav li.active:after { left: 12px; } } @media (max-width: 1250px) { .nav-dropdown-tab:last-child .nav-dropdown-links { width: 526px; margin-right: 128%; } .nav-dropdown-tab:first-child .nav-dropdown-links { width: 710px; margin-right: 10px; } nav li.active:after { left: 12px; } } @media (max-width: 1200px) { .nav-dropdown-tab:last-child .nav-dropdown-links { width: 526px; margin-right: 128%; } .nav-dropdown-tab:first-child .nav-dropdown-links { width: 700px; } nav li.active:after { left: 12px; } } @media (max-width: 1150px) { .nav-dropdown-tab:last-child .nav-dropdown-links { width: 526px; margin-right: 128%; } .nav-dropdown-tab:first-child .nav-dropdown-links { width: 690px; } nav li.active:after { left: 12px; } } @media (max-width: 1100px) { nav li.active:after { left: 12px; } } /* ------------------------------------------------------------ *\ Nav Secondary ( FROM DIMA ) \* ------------------------------------------------------------ */ .nav-secondary a { font-size: 16px; color: #91a7b4; float: right; margin-right: 26px; padding-right: 36px; text-decoration: none; display: inline-block; position: relative; margin-top: 9px; padding-top: 1px; } .nav-secondary a:before { content: ''; position: absolute; right: 0; top: 0; background: url(/resources/web/css/images/icons/phone.png) right center no-repeat; width: 29px; height: 25px; } /* ------------------------------------------------------------ *\ Nav Phones ( FROM DIMA ) \* ------------------------------------------------------------ */ .nav-phones { font-size: 14px; line-height: 1.2; color: #000000; float: left; padding: 3px 0 6px 2px; } .nav-phones i, .nav-phones ul, .nav-phones li { float: right; line-height: 0.8; padding-top: 4px } .nav-phones li + li { padding-right: 19px; } .nav-phones strong { display: block; font-size: 17px; margin-top: 3px; } .nav-phones i { margin: 10px 0 0 8px; } .nav-phones .phone-abroad strong { color: #178823; } .nav-phones .phone-domestic strong { color: #ff690f } /* ------------------------------------------------------------ *\ 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; } /* ------------------------------------------------------------ *\ 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;} /* ------------------------------------------------------------ *\ Rome Datepicker \* ------------------------------------------------------------ */ .rd-container { width: 100%; padding: 0; border: 0; background: none; } .rd-container .rd-month { display: block; } .rd-container .rd-month-label { font-size: 21px; line-height: 1.48; color: var(--se-date-picker-text-color); font-weight: 400; text-align: center; padding: 9px 52px; border-top: 2px solid #fff; margin: 0 -10px; background-color: #f7f7f7; } .rd-container .rd-back, .rd-container .rd-next { color: #5d608b; width: 52px; height: 51px; position: relative; } .rd-container .rd-back[disabled], .rd-container .rd-next[disabled] { opacity: .2; } .rd-container .rd-back:before, .rd-container .rd-next:before { content: ''; content: ''; width: 12px; height: 12px; display: inline-block; vertical-align: middle; border-width: 0 0 2px 2px; border-style: solid; border-color: inherit; margin: auto; -ms-transform: rotate(45deg); transform: rotate(45deg); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: transform 0s; } .rd-container .rd-back { float: right; } .rd-container .rd-back:before { -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .rd-container .rd-next { float: left; } .rd-container .rd-day-head { font-size: 18px; line-height: 1.33; color: var(--se-date-picker-text-color); font-weight: 400; text-align: center; padding: 7px 0; } .rd-container .rd-day-body { font-size: 18px; line-height: 1.33; color: #000; font-weight: 400; text-align: center; position: relative; padding: 10px 0; border: 1px solid #ebf0f5; } .rd-container .rd-day-body:before { content: ''; width: 32px; height: 32px; z-index: -1; border-radius: 50%; } .rd-container .rd-day-body.rd-day-disabled { color: transparent; opacity: 0; } .rd-container .rd-day-body.rd-day-disabled:before { opacity: 0; } .rd-container .rd-day-body.rd-day-today { color: #95a5b9; background-color: transparent; } .rd-container .rd-day-body.rd-day-today:before { background-color: #e5e9ef; } .rd-container .rd-day-body.rd-day-selected { color: #000; background-color: transparent; } .rd-container .rd-day-body.rd-day-selected:before { background-color: #bee4be; } /*.rd-container .rd-day-body:first-child { border-right: 0; } .rd-container .rd-day-body:last-child { border-left: 0; }*/ /*.rd-container .rd-days-row:first-child .rd-day-body { border-top: 0; }*/ /*.rd-container .rd-days-row:last-child .rd-day-body { border-bottom: 0; }*/ .rd-container .rd-day-highlight:after { content: ''; width: 7px; height: 7px; display: block; position: absolute; top: 2px; left: 6px; border-radius: 50%; } .rd-container .rd-day-highlight-blue:after { background-color: #79a4d9; } .rd-container .rd-day-highlight-red:after { background-color: #f21515; } .rd-container .rd-day-highlight-green:after { background-color: #bee4be; } .rd-container .rd-days-body .rd-days-row .rd-day-prev-month { color: #ccc; border: 1px solid #ebf0f5; opacity: 1; } /* ------------------------------------------------------------ *\ Two Month Calendar Input/Select \* ------------------------------------------------------------ */ .form-datepicker { opacity: 0; visibility: hidden; position: absolute; top: 0; right: 0; z-index: -1; background-color: #fff; box-shadow: 0 0 9px rgba(0,0,0,.15); transition: all .4s ease; } .form-datepicker-entry { width: 349px; float: right; } .form-datepicker-head i { display: block; position: absolute;right: 20px;top:20px;font-size:21px;color:inherit } .form-datepicker-head strong { font-size: 18px; line-height: 1; display: block; } .form-datepicker-head:after { content: ''; width: 0; height: 0; display: block; position: absolute; bottom: 0; right: 22px; border: 7px solid transparent; border-bottom: 8px solid #fff; } .form-datepicker-body { padding: 0 10px; } .form-datepicker-visible .form-datepicker { opacity: 1; visibility: visible; z-index: 4;text-align:center } .form-datepicker-dual { width: 698px; right: 20px; } .form-datepicker-dual .form-datepicker-head { width: 349px; float: right;text-align: right; } .form-datepicker-dual .form-datepicker-body { width: 100%; float: right; border-top: 2px solid #fff;overflow: hidden; } .form-datepicker-dual .form-datepicker-legend { width: 100%; float: right; } .form-datepicker-dual .form-datepicker-head:not(.current) { background-color: #95a5b9; } .form-datepicker-dual .form-datepicker-head:not(.current):after { opacity: 0; } .form-datepicker .date-picker-wrapper.inline-wrapper { color: #000; display: block; padding: 0; border: 0; background: none; } .form-datepicker .date-picker-wrapper.inline-wrapper:before { content: ''; height: 51px; display: block; position: absolute; top: 0; right: -10px; left: -10px; background-color: #f7f7f7; } .form-datepicker .date-picker-wrapper { font-family: 'Rubik', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; } .form-datepicker .date-picker-wrapper .month-wrapper { width: 100% !important; padding: 0; border: 0; border-radius: 0; z-index: 2; background-color: transparent; } .form-datepicker .date-picker-wrapper .month-wrapper table { width: 45%; width: calc(50% - 10px); float: right; margin: 0; table-layout: fixed; } .form-datepicker .date-picker-wrapper .month-wrapper table th { font-weight: 400; width: auto !important; } .form-datepicker .date-picker-wrapper .month-wrapper table .caption { font-size: 21px; line-height: 31px; color: #2a3335; height: 51px; } .form-datepicker .date-picker-wrapper .month-wrapper table .caption th { padding: 10px 0; } .form-datepicker .date-picker-wrapper .month-wrapper table.current .caption { color: var(--search-header-text-color); } .form-datepicker .date-picker-wrapper .month-wrapper table .week-name { font-size: 18px; line-height: 20px; color: var(--search-header-text-color); } .form-datepicker .date-picker-wrapper .month-wrapper table .week-name th { padding: 9px 0; } .form-datepicker .date-picker-wrapper .month-wrapper table td { line-height: 20px; padding: 5px; border: 1px solid #ebf0f5; } .form-datepicker .date-picker-wrapper .month-wrapper table td:first-child { border-right: 0; } .form-datepicker .date-picker-wrapper .month-wrapper table td:last-child { border-left: 0; } .form-datepicker .date-picker-wrapper .month-wrapper table tbody tr:first-child td { border-top: 0; } .form-datepicker .date-picker-wrapper .month-wrapper table tbody tr:last-child td { border-bottom: 0; } .form-datepicker .date-picker-wrapper .month-wrapper table .day { font-size: 13px; line-height: 20px; padding: 7px 0; border-radius: 50%; position: relative; } .form-datepicker .date-picker-wrapper .month-wrapper table .day.hovering { background-color: transparent; } .form-datepicker .date-picker-wrapper .month-wrapper table .day.real-today { color: #95a5b9; background-color: #e5e9ef; } .form-datepicker .date-picker-wrapper .month-wrapper table .day.checked { color: var(--datepicker-selected-text-color); background-color: var(--datepicker-selected-color-light); } .form-datepicker .date-picker-wrapper .month-wrapper table .day.invalid { color: #fff; } .form-datepicker .date-picker-wrapper .month-wrapper table .day.checked.first-date-selected { height: 36px; border-top-left-radius: 50% !important; border-bottom-left-radius: 50% !important; background-color: var(--datepicker-bg-primary-color) !important; } .form-datepicker .date-picker-wrapper .month-wrapper table .day.checked.last-date-selected { height: 36px; border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; background-color: var(--datepicker-bg-primary-color) !important; } .form-datepicker .date-picker-wrapper .month-wrapper table .day.checked.first-date-selected.last-date-selected { width: 36px; padding: 7px 0; margin: 0; border-radius: 50%; background: var(--primary-color) !important; } .form-datepicker .date-picker-wrapper .month-wrapper table .day.day-highlight:not(.invalid):before { content: ''; width: 7px; height: 7px; display: block; position: absolute; top: -2px; left: -2px; border-radius: 50%; } .form-datepicker .date-picker-wrapper .month-wrapper table .day.day-highlight-blue:before { background-color: #79a4d9; } .form-datepicker .date-picker-wrapper .month-wrapper table .day.day-highlight-red:before { background-color: #f21515; } .form-datepicker .date-picker-wrapper .month-wrapper table .day.day-highlight-green:before { background-color: #bee4be; } .form-datepicker .date-picker-wrapper .month-wrapper table th .prev, .form-datepicker .date-picker-wrapper .month-wrapper table th .next { font-size: 0; line-height: 0; color: #5d608b; width: 52px; height: 51px; display: block; position: relative; padding: 0; margin: -20px 0; overflow: hidden; background: none; } .form-datepicker .date-picker-wrapper .month-wrapper table th .prev { margin-right: -10px; } .form-datepicker .date-picker-wrapper .month-wrapper table th .next { margin-left: -10px; } .form-datepicker .date-picker-wrapper .month-wrapper table th .prev:before, .form-datepicker .date-picker-wrapper .month-wrapper table th .next:before { content: ''; width: 12px; height: 12px; display: inline-block; vertical-align: middle; border-width: 0 0 2px 2px; border-style: solid; border-color: inherit; margin: auto; -ms-transform: rotate(-135deg); transform: rotate(-135deg); -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: transform 0s; } .form-datepicker .date-picker-wrapper .month-wrapper table th .next:before { -ms-transform: rotate(45deg); transform: rotate(45deg); } .form-datepicker .date-picker-wrapper .month-wrapper .gap { height: 328px; bottom: 6px; top: 52px; width: 20px; float: right; margin: 0; visibility: visible !important; display: none; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(175,175,175,0.93) 50%, rgba(255,255,255,0.86) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(175,175,175,0.93) 50%,rgba(255,255,255,0.86) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 41%,rgba(175, 175, 175, 0.41) 50%,rgba(255, 255, 255, 0) 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbffffff',GradientType=1 ); } .form-datepicker-visible .form-datepicker .date-picker-wrapper .month-wrapper .gap {display:inline-block} .form-datepicker .date-picker-wrapper .month-wrapper .gap * { display: none; } .form-datepicker .date-picker-wrapper .time, .form-datepicker .date-picker-wrapper .footer, .form-datepicker .date-picker-wrapper .drp_top-bar, .form-datepicker .date-picker-wrapper .date-picker-wrapper .date-range-length-tip { display: none !important; } .two-month input::-webkit-input-placeholder, .one-way-date input::-webkit-input-placeholder{ font-weight: normal;font-size:21px; } .two-month input::-moz-placeholder, .one-way-date input::-moz-placeholder{ font-weight: normal;font-size:21px; } .two-month input:-ms-input-placeholder, .one-way-date input:-ms-input-placeholder{ font-weight: normal;font-size:21px; } .two-month input:-moz-placeholder, .one-way-date input:-moz-placeholder{ font-weight: normal;font-size:21px; } .flight-options .dropdown-text, .dropdown-hotels .dropdown-text, .form-col-vacation-hotel-rooms .dropdown-text, .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;} .two-month-date input{display:inline-block;width:120px;} .two-month input:first-child{position: absolute;width: 100%;right: 0;padding-right: 52px;background: none;} .two-month input:not(:first-child){padding-right:85px;} .form-col-1of4 .two-month input:not(:first-child){margin-right:93px;} /*.two-month.cars input:not(:first-child){margin-right:150px;}*/ .strip-box .two-month.cars input:not(:first-child){margin-right:90px;} .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-is-one-way .two-month input ~ input { visibility:hidden; } /* ------------------------------------------------------------ *\ Search Form Datepicker Single \* ------------------------------------------------------------ */ .form-datepicker-entry{width: 100%;} .form-datepicker-entry .form-datepicker-head{display:none;} .form-datepicker-entry .form-datepicker-body{padding:0 10px;} .form-datepicker-entry .rd-container .rd-month{width: calc(50% - 10px);margin: 0;float: right;position:relative;} .form-datepicker-entry .rd-container .rd-month:first-child{margin-left:20px;} .form-datepicker-entry .rd-container .rd-month:first-child:after{width: 20px;content:"";position:absolute;height: 261px;top: 50px;left: -20px;background: url(/resources/web/css/images/shadow.png) no-repeat 80% 0;} .form-datepicker-entry .rd-container .rd-month:first-child:before{content:"";width:1px;position: absolute;height: 53px;top: -2px;background: #fff;left: -9px;} .form-datepicker-entry .rd-container .rd-month-label{margin:0 -10px;} .form-datepicker-entry .rd-container table{border-collapse: separate;border-spacing: 2px;} .form-datepicker-entry .rd-container .rd-day-body{font-size: 13px;line-height:20px;padding: 8px 0;border: 1px solid #ebf0f5;} .form-datepicker-entry .rd-container .rd-day-body:before{display:none;} .form-datepicker-entry .rd-container .rd-day-body.rd-day-today{color: #95a5b9;} .form-datepicker-entry .rd-container .rd-day-body.rd-day-today:before{background-color: #e5e9ef;display:block;width: 100%;height: 100%;border-radius: 0;} .form-datepicker-entry .rd-container .rd-day-body.rd-day-disabled{color: #ccc;border: 1px solid #ebf0f5;opacity:1;} .form-datepicker-entry .rd-container .rd-day-body.rd-day-selected{color:#fff;} form-search .form-datepicker-entry .rd-container .rd-day-body.rd-day-selected:before { background-color: #bee4be;} .form-datepicker-single .form-datepicker-entry .rd-container .rd-day-body.rd-day-selected:before{content:' ';background-color:var(--datepicker-bg-primary-color) !important; display:block;background-size:cover;border-radius:100%;} /* ------------------------------------------------------------ *\ Search Form Datepicker Dual \* ------------------------------------------------------------ */ .form-datepicker{right:0;width:600px;padding-top: 2px;border-radius:2px;} .form-datepicker-dual{padding: 3px;} .form-datepicker-dual .form-datepicker-head { width: 286px; float: left; padding: 18px 48px 18px 10px; position: relative; border-top-right-radius: 2px; border-top-left-radius: 3px; font-size: 21px; line-height: 1.14; background-color: var(--se-datepicker-header-active); color: #fff; } .form-datepicker-dual .form-datepicker-head:after{bottom: -2px;z-index: 9;} .form-datepicker-dual .form-datepicker-head:first-child{float:right;border-top-left-radius: 2px;border-top-right-radius: 3px} .form-datepicker-dual .form-datepicker-head:not(.current){background-color:#eaf1f7;color:#72849a;} .form-datepicker-dual .form-datepicker-head:first-child:before { content: ""; position: absolute; width: 0; height: 0; left: -20px; bottom: 0; z-index: 2; border-top: 58px solid transparent; border-bottom: 0px solid transparent; border-right: 20px solid var(--se-datepicker-header-active); } .form-datepicker-dual .form-datepicker-head:not(.current):first-child:before{z-index:1; border-top: 58px solid transparent; border-bottom: 0px solid transparent; border-right: 20px solid #eaf1f7; } .form-datepicker-dual .form-datepicker-head:not(:first-child):before{content:"";position:absolute;width: 0;height: 0;right: -20px;bottom: 0;z-index:1; border-top: 58px solid transparent; border-bottom: 0px solid transparent; border-left: 20px solid #eaf1f7; } .form-datepicker-dual .form-datepicker-head:not(:first-child).current:before { z-index: 2; border-top: 58px solid transparent; border-bottom: 0px solid transparent; border-left: 20px solid var(--se-datepicker-header-active); } .form-datepicker-dual .form-datepicker-head strong{display:inline;} .form-datepicker .date-picker-wrapper .month-wrapper table th .prev, .form-datepicker .date-picker-wrapper .month-wrapper table th .next { color: var(--search-border-color); padding-top: 18px; } .form-datepicker .date-picker-wrapper .month-wrapper table .day{padding: 8px 0;} .form-datepicker .date-picker-wrapper .month-wrapper table .day.toMonth.valid{border: 1px solid #ebf0f5;border-radius: 0; box-sizing: border-box;} .form-datepicker .date-picker-wrapper .month-wrapper table .day.toMonth.invalid{color:#ccc;border: 1px solid #ebf0f5;border-radius: 0;} .form-datepicker .date-picker-wrapper .month-wrapper table .hovering{background: #e9fbef;} .form-datepicker .date-picker-wrapper .month-wrapper table{border-collapse: separate;border-spacing: 2px;} .form-datepicker .date-picker-wrapper .month-wrapper table td{border:none;padding:0;} .form-datepicker .date-picker-wrapper .month-wrapper table .day.has-price{padding: 0;} .form-datepicker .date-picker-wrapper .month-wrapper table .day.has-price .day-text{display: block;font-size: 12px;height: 16px;line-height: 1;font-weight: 300;} .between-date-separator {position: absolute;top: 18px;right: 125px;} @media (max-width: 1390px) {#tab-search-israel .form-datepicker,#tab-search-hotels .form-datepicker,#dynamic_search_form .form-datepicker {right: -133px;}} /*Range OPtions*/ .form-datepicker .date-range-options{padding:10px;text-align:right} .form-datepicker .date-range-options > span{font-size:18px;margin-left:8px} .form-datepicker .date-range-options div.range-option{ display: inline-flex;margin-left:10px} .form-datepicker .date-range-options div.range-option input{display:none} .form-datepicker .date-range-options div.range-option input:checked~label{background-color:#92a6bf;color:white} .form-datepicker .date-range-options div.range-option label{padding:15px 10px;border:1px solid #e4e1e1;font-size:18px} .datepicker-widget-packages .package-day {background-color: var(--datepicker-bg-primary-color) !important;color: white !important} .datepicker-widget-packages .date-picker-wrapper .month-wrapper table .day.invalid {color: #c3cedb;} .datepicker-widget-packages .date-picker-wrapper .month-wrapper table .day.block-day {color: #c3cedb;pointer-events: none;cursor:default;} .packages-range-picker.loading:before{content:url(/Resources/Web/img/ajax-loader.gif);position:absolute;z-index:11;top:209px;left:294px} .packages-range-picker.loading:after{content:' ';height: 100%;width: 100%;z-index: 10;display: block;position: absolute;background-color: rgba(255, 255, 255, 0.75);} /* ------------------------------------------------------------ *\ 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; } } /* ------------------------------------------------------------ *\ Sale Item \* ------------------------------------------------------------ */ .sale-items { } .sale-items-col { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex: 0 0 50%; flex: 0 0 50%; } .sale-items-col-1of3 { -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } .sale-items-col-2of3 { -ms-flex: 0 0 66.67%; flex: 0 0 66.67%; } .sale-item { display: inline-block; width:204px; position: relative; border: 1px solid #e1ebf2;text-align:right; border:2px solid #f3f6fa;border-radius:5px; -webkit-box-shadow: 0px 0px 12px 0px rgba(243,246,250,1); -moz-box-shadow: 0px 0px 12px 0px rgba(243,246,250,1); box-shadow: 0px 0px 12px 0px rgb(226, 226, 226); } .sale-item:hover { border:2px solid #e1e9f3; -webkit-box-shadow: 0px 0px 4px 2px rgba(225,233,243,1); -moz-box-shadow: 0px 0px 4px 2px rgba(225,233,243,1); box-shadow: 0px 0px 4px 2px rgba(225,233,243,1); } .sale-item:active { border:2px solid #40a14a; box-shadow:none; } .deals-box .sale-item { display: inline-block; width: 235px; position: relative; border: 1px solid #e1ebf2; text-align: right; height: 323px; margin-bottom: 15px; } .sale-item a { text-decoration: none; display:inline-flex} .sale-item h3 { font-size: 36px; line-height: 1; color: #0d2f6c; font-weight: 700; margin: 0; } .sale-item h4 { font-size: 24px; line-height: 1; color: #8d8d8d; margin: 0; } .sale-item h6 { font-size: 18px; line-height: 1.11; color: #000; margin: 0; } .sale-item p { font-size: 16px; /*line-height: 1.25;*/ color: #72849a; margin: 0; } .sale-item strong { font-size: 30px; line-height: 0.8; float: left; margin-top: -11px; } .sale-item strong small { font-size: 16px; color: #9a9a9a; font-weight: 400; } .sale-item strong sub { font-size: 21px; vertical-align: baseline; } .sale-item img { height:100%; min-width: 100%; display: block; } .sale-item-image { position: relative; z-index: 1; height:230px } .sale-item-image:before { content: ''; z-index: 1; background-color: #2d374b; } .sale-item-icon, .sale-item-icon i, .sale-item-image:before { transition: opacity .4s ease; } .sale-item-icon, .sale-item-image:before { opacity: 0; } .sale-item-icon { width: 80px; height: 80px; z-index: 2; background-color: var(--deal-component-hover-background); border-radius: 50%; -ms-transform: translateY(35px); transform: translateY(35px); } .sale-item-inner { color: #fff; text-align: center; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-line-pack: center; align-content: center; background-color: #ffbe2f; } .sale-item-inner i { display: block; margin: 0 auto 16px; } .sale-item-inner h3 { font-size: 30px; line-height: 0.9; color: #fff; width: 100%; margin: 0 0 2px; } .sale-item-inner p { font-size: 18px; line-height: 1.39; color: #fff; font-weight: 700; width: 100%; padding-bottom: 37px; } .sale-item-content { position: absolute; top: 0; right: 0; left: 0; z-index: 2; padding: 9px 10px; background-color: #fff; } .sale-item-content i { position: absolute; top: 100%; right: 35px; z-index: 2; margin-top: -2px; } .deals-box .link-scroll { opacity: .5; width: 24px; position: absolute; bottom: 0; left: 50%; margin: 0 0 15px -14px; } .deals-box .section-nav { padding-right: 17px; } .deals-box .section-head h3, .deals-box .section-head h2 { letter-spacing: -0.03em; } .deals-box .sale-items { display: block; text-align:center; } .deals-box .sale-items:after { } .deals-box .sale-item { width:234px; display:inline-block; border-color: #c3cedb;text-align:right;margin-bottom: 15px;} .deals-box .sale-item:not(:nth-child(5n)){margin-left:10px} .deals-box .sale-item a { max-width: 100%;width:100%; -ms-flex-flow: column-reverse wrap; flex-flow: column-reverse wrap; display:block; height:inherit; margin:0; padding:0; } .deals-box .sale-item h6 { height: 42px;font-size: 21px; line-height: 1; font-weight: 400; margin-bottom: 10px; } .deals-box .sale-item h6 .text-en { line-height: .8; } .deals-box .sale-item ul { text-align: right; font-size: 13px; line-height: 1; color: #000; float: right; padding: 0; margin: 0; list-style: none outside none;padding-left: 4px;} .deals-box .sale-item ul span { color: #72849a; } .deals-box .sale-item p { font-size: 13px; color: #72849a; float: left; position: relative; } .deals-box .sale-item p:before { content: ''; width: 0; height: 31px; position: absolute; top: 3px; right: 0; background-color: #c3cedb; } .deals-box .sale-item p strong { color: #000; display: block; float: none; margin: 0; } .deals-box .sale-item .sale-item-icon { -ms-transform: none; transform: none; } /*.deals-box .sale-item-image { top:0; width:100%; position:absolute; }*/ .deals-box .banners-box ~ .tab .sale-item:first-child { margin-right: 495px; } .deals-box .banners-box ~ .tab .sale-item:nth-child(n+9) {display:none; } .deals-box .banners-box { width: 480px; position: absolute; z-index: 10; } .deals-box .sale-item h6 { font-size: 19px; line-height: 1; color: #000; margin: 0; height: 69px; font-weight: normal; } .deals-box .sale-item h6 span{ float: right;width: 100%;position: relative;color: #72849a;font-size: 13px; margin-top: 2px; overflow: hidden; height: 26px;} /**/.deals-box .sale-item .down-content {display:flex; width: 100%; position: relative;} .deals-box .sale-item .down-content .deal-box-date{ width:60%;} .deals-box .sale-item .down-content .deal-box-Price{ padding-right: 5px;} .deals-box .sale-item-content li span { color: #72849a; } .deals-box .sale-item-content p { float: left; position: relative;} .deals-box .sale-item-content p span { display: block; color: #72849a; padding-bottom: 7px; letter-spacing: -0.02em; } .deals-box .sale-item-content p strong { font-size: 24px; color: black; font-weight: normal; margin-top: -5px; } .deals-box .sale-item-content p strong sub { font-size: 17px; } .deals-box .sale-item-content .deal-box-Price{height: 37px;border-right: 1px solid #e1e7ef; padding-right: 12px;} .deals-box .sale-item-content .deal-box-PriceRetail{float: none;margin-bottom: 7px;} .deals-box .sale-item-content .deal-box-PriceRetail strong {font-size:20px;padding:0 0 4px 0;color: #72849a;text-decoration: line-through;} .deals-box .sale-item-content .deal-box-Price p:only-child { position: absolute; bottom: 3px;} .sale-item-reversed .sale-item-content { top: auto; bottom: 3px; } .deals-box .sale-item-reversed .sale-item-content {padding: 10px 10px 7px 10px; /*display: flex; flex-direction: column;*/} .deals-box .sale-item ul li:last-child { padding-top: 4px; } @media (max-width: 1279px) { .deals-box .sale-item p:before { content: none; } .deals-box .sale-item p strong { display: inline-block; vertical-align: middle; margin-top: -2px; } } .sale-item-reversed .sale-item-content i { top: auto; bottom: 100%; margin: 0 -3px -3px; color: #178823; font-size: 17px;} .deals-box .sale-item-reversed .sale-item-content i { margin: 0 1px -1px; } .sale-item-reversed .sale-item-icon { -ms-transform: translateY(-35px); transform: translateY(-35px); } .sale-item-medium { -ms-flex: 0 0 66.67%; flex: 0 0 66.67%; max-width: 66.67%; } .sale-item-medium .sale-item-content i { right: 29px; } .sale-item-large, .sale-items-col-1of3 .sale-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .sale-item-large .sale-item-content { text-align: center; padding: 21px 10px; } .sale-item-large .sale-item-content i { top: -15px; bottom: auto; right: 0; left: 0; margin: auto; } .sale-item-large .sale-item-content .hole-2 { width: 122px; height: 26px; right: 50%; margin-right: -61px; background-image: url(/resources/web/img/icons/hole3.png); } .sale-item-large .sale-item-icon { -ms-transform: translateY(-51px); transform: translateY(-51px); } .sale-item a:hover .sale-item-image:before { opacity: .6; } .sale-item a:hover .sale-item-icon { opacity: 1; } @media (max-width: 1279px) { .sale-item h3 { font-size: 30px; } .sale-item h4 { font-size: 20px; } .sale-item h6 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .sale-item strong { font-size: 24px; margin-top: -5px; } .sale-item-inner h3 { font-size: 24px; padding-bottom: 15px; } .sale-item-inner p { font-size: 16px; line-height: 1.25; padding-bottom: 0; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .sale-item-large .sale-item-content .hole-2 { background-image: url(/resources/web/img/icons/hole3@2x.png); } .sale-item-reversed .sale-item-content .hole-2 { background-image: url(/resources/web/img/icons/hole7@2x.png); } } .sale-item .promotion-badge{ position: absolute;min-width: 64px;height: 78px;top: 0;left: 15px;z-index: 2; } /*.sale-item-label{ width: 78px; position: absolute; top: 0; z-index: 2; left: 0;} .sale-label:before { border-top: 23px solid #d3d3d3; border-left: 32px solid transparent; border-right: 33px solid transparent; content: ""; height: 0; left: 13px; position: absolute; top: 64px; width: 0; z-index: 2; } .sale-label { width: 64px; height: 64px; } .sale-label:after{display:none;} .sale-text{padding-right:0 !important}*/ /* ------------------------------------------------------------ *\ 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; } /* ------------------------------------------------------------ *\ Spinner \* ------------------------------------------------------------ */ .spinner { font-size: 0; line-height: 0; text-align: center; width: 153px; float: right; padding: 13px 0; } .spinner button, .spinner-value { display: inline-block; vertical-align: middle; } .spinner button { width: 30px; height: 30px; position: relative; border: 0; background-color: var(--search-border-color); border-radius: 50%; box-shadow: none; } .spinner button[disabled] { background: #e5e9ef; } .spinner button:before, .spinner button:after { content: ''; background-color: #fff; } .spinner-add:before, .spinner-remove:before { width: 18px; height: 2px; } .spinner-add:after { width: 2px; height: 18px; } .spinner-remove:after { opacity: 0; } .spinner-value { font-size: 24px; line-height: 1; color: #2a3335; font-weight: 400; width: 57px; } .spinner input.spinner-value { text-align :center; border:none; background: none;} /* ------------------------------------------------------------ *\ 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;} /*************************************/ /* ********** Results ************** */ /*************************************/ .search-engine-result .search-preview-block .title h1{max-width: 100vw} .section-results{margin-bottom: 50px;} .section-results .section-nav-outer { margin: 25px 0; } .section-results .results .result-trips:last-child { margin-bottom:50px; } .result-trips { display: block; border: 1px solid #f1f5f8; line-height: normal; margin-bottom: 20px; box-shadow: 0 0 9px 0px #b5cbdb; } .result-trips .result-item-image { width: 192px; float: right; position: relative; } .result-trips .result-item-image a{height:100%;width:100%;display:inline-block} .result-trips .result-item-image .icon-organized_empty { font-size: 200px; color:#b5cadc; } .result-trips .result-item-image, .result-trips .result-item-content,.result-trips .result-price { height: 192px; } .result-trips .result-item-image.default-image{background-color:#b5cadc;text-align:center} .result-trips .result-item-image.default-image i{color:white;font-size:48px;display:inline-block;margin-top:80px} .result-trips .result-item-content { padding: 12px 12px 12px 0px; width: calc(100% - 394px); position: relative;display:inline-block;} .result-trips .result-item-content h2 {font-size: 24px; font-weight: bold; padding: 0; margin: 0; direction: rtl; max-width: 550px;color:#323f42; } .result-trips .result-item-content h2 .result-stars{vertical-align:super} .result-trips .result-item-content .package-info {font-size:16px;margin-top:15px;} .result-trips .result-item-content .package-info ul{display:inline-block;} .result-trips .result-item-content .package-info li span:first-child{color:#72849a; font-size:16px; } .result-trips .result-item-content .package-info li span:first-child i{color:#b5cadc;margin-left:5px;font-size: 15px;vertical-align: middle;} .result-trips .result-item-content .package-info+.package-info { margin-top: 5px;} .result-trips .result-item-content .package-info .package-tags li { background-color: #7FA8C6; color:white; padding: 3px 10px; border-radius: 3px; font-size: 14px; } .result-trips .result-item-content .package-info.tour-options li text {color:#49A2DA; text-decoration:underline; } .result-trips .result-item-content .package-info.tour-options .sticky-popup h3{ display:inline-block;} .result-trips .result-item-content .package-info.tour-options .sticky-popup h3+span {float:left; margin-left: 15px; font-size:16px; margin-top:5px; } .result-trips .result-item-content .package-info.tour-options .sticky-popup .tour-options-table { max-height: 400px; overflow-y:auto; } .result-trips .result-item-content .package-info.tour-options .sticky-popup table tr td { font-size: 17px;} .result-trips .result-item-content .package-info.tour-options .sticky-popup table tr th:first-child, .sticky-popup table tr td:first-child { text-align:center;} .result-trips .result-item-content .package-info.tour-options .sticky-popup table tr:last-child { background:none; } .result-trips .result-item-content .package-info.tour-options .sticky-popup table tr:last-child td:last-child {font-weight:initial; } .result-trips .result-item-content .result-item-footer {margin-top:15px; } .result-trips .result-item-content .result-item-footer .badges-widget {padding:5px 0; } .result-trips .result-item-content 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;} .result-trips .result-item-content .promotion-info{position:absolute;bottom:0;width: 100%; padding-bottom: 5px;} .result-trips .result-item-content .promotion-info .info-footer-content > div:only-child{ padding:5px 0; } .result-trips .result-price { float: left; width: 194px; border-right: 2px dotted #dfe3e4; padding: 17px 16px; display: inline-block; display: flex; align-content: center; flex-flow: row wrap; } .result-trips .result-price span { color: #72849a; } .page-section.about .section-body {margin-top: 10px; } .ski-resorts-listbox > ul{padding:20px 0} .ski-resorts-listbox .ski-resorts-listbox-item{width: 49%;display: inline-block;margin-bottom: 18px;} .ski-resorts-listbox .ski-resorts-listbox-item:nth-child(2n+1){margin-left:20px} .ski-resorts-listbox .ski-resorts-listbox-item .resort-img{width: 145px;height: 145px;min-width:145px} .ski-resorts-listbox .ski-resorts-listbox-item .resort-details{width: 100%;padding: 10px;position: relative} .ski-resorts-listbox .ski-resorts-listbox-item .resort-details .resort-name{font-size: 22px;font-weight: 600;margin:0} .ski-resorts-listbox .ski-resorts-listbox-item .resort-details .resort-info{display: flex;position: absolute;bottom: 0} .ski-resorts-listbox .ski-resorts-listbox-item .resort-details .resort-info > div{padding: 5px; border-right: 2px solid transparent; border-image: linear-gradient(to bottom, #e5e5e5, white) 1;} .ski-resorts-listbox .ski-resorts-listbox-item .resort-details .resort-info > div:first-child{padding-right:5px;border-right:none} .ski-resorts-listbox .ski-resorts-listbox-item .resort-details .resort-info > div i{display: block;font-size: 29px;margin-bottom: 8px;} .ski-resorts-listbox .ski-resorts-listbox-item .resort-details .resort-info > div i,.ski-resorts-listbox .ski-resorts-listbox-item .resort-details .resort-info > div span strong{color:#71839b} .ski-resorts-listbox .ski-resorts-listbox-item .resort-details .resort-info > div span{font-size: 15px;line-height: 1;display: inline-block;} .ski-resorts-listbox .ski-resorts-listbox-item .resort-details .resort-info > div span strong{display: block;font-weight:500} .ski-resorts-listbox .ski-resorts-listbox-item .resort-link{min-width: 126px;border-right: 1px dashed #e5e5e5;text-align:center;padding-top:55px} .ski-resorts-listbox .ski-resorts-listbox-item .resort-link a{font-size: 18px;padding: 8px 12px;} @media only screen and (max-width: 1279px) { .ski-resorts-listbox .ski-resorts-listbox-item{width: 100%;display: inline-block;} .ski-resorts-listbox .ski-resorts-listbox-item:nth-child(2n+1){margin-left:auto} } .ski-result-price .pass-price { width:100%; } .ski-result-price strong { margin-bottom:15px; } .ski-result-price small.total-payment { font-size: 15px;width: 100%; margin-bottom: 8px;} .result-item-content .sale-label-container{margin-top: -14px; left: -7px;} .result-item-content .sale-label-container .sale-label .sale-text{margin-top: -3px!important; } .result-item-content .sale-label-container .sale-label .sale-text .second-sale-text{font-size: 16px; font-weight: normal;} /*************************************/ /* ********** Details ************** */ /*************************************/ .dynamic-flight-strip{border:2px solid #f1f5f8; box-shadow: 0 0 9px 0 #b5cbdb; display:table; width:100%; padding:10px; margin-bottom:25px} .list-item.result.dynamic-flight-strip .flight-direction{display:table-cell; padding-left:18px; padding-right:18px; width:44%} .dynamic-flight-strip .flight-direction i.icon-no_lugg { display: none; } .list-item.result.dynamic-flight-strip .flight-direction .airline-name { font-size: 13px; width: 62px; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow: hidden; direction: ltr; white-space: nowrap; color: #72849a;} .list-item.result.dynamic-flight-strip .flight-direction .image .flight-direction-title { width: 62px; background-color: #72849a; color: #fff; text-align: center; border-top-left-radius: 21px; border-top-right-radius: 21px; border-bottom-right-radius: 112px 21px; border-bottom-left-radius: 112px 21px; } .list-item.result.dynamic-flight-strip .flight-direction .image img { height: 40px; width: 40px; margin-left: 11px; margin-right: 11px; vertical-align: text-bottom; vertical-align: initial; text-overflow: ellipsis; overflow: hidden;} .list-item.result.dynamic-flight-strip .flight-direction .flight-direction-body > div { display: inline-block; } .list-item.result.dynamic-flight-strip .flight-direction .flight-from, .list-item.result.dynamic-flight-strip .flight-direction .flight-to { margin-top: 14px; vertical-align: top; } .dynamic-flight-strip .airport-city label ,.dynamic-flight-strip .airport-city span { max-width: 70px; display:inline-block; } .dynamic-flight-strip .flight-direction .flight-timeline { width:45%; margin-top: 28px; vertical-align: top; } .dynamic-flight-strip .flight-direction:first-child{border-left:1px dashed #f7f5f5;} .dynamic-flight-strip .dynamic-flight-strip-actions{display:table-cell;width:157px;border-right:1px dashed #f7f5f5;vertical-align: middle;text-align:center;padding: 0 20px;} .dynamic-flight-strip .dynamic-flight-strip-actions a{display:block;font-size:17px} .dynamic-flight-strip .dynamic-flight-strip-actions a.btn { height:35px; padding:8px 0;margin-bottom:10px} .dynamic-flight-strip .dynamic-flight-strip-actions a.show-detail-popup{color:#44a5ec; } .flight-change-modal .modal-container{max-width: 1240px;} .flight-change-modal .modal-container .dynamic-flight-strip{padding:5px;margin-bottom: 15px;background-color:white} .flight-change-modal .modal-container .dynamic-flight-strip:not(.selected){border:1px solid #e3e6eb} .flight-change-modal .modal-container .modal-body{background:#f7f8fc} .flight-change-modal .modal-container .flight-direction{padding:5px 5px} .flight-change-modal .list-item.result.dynamic-flight-strip .flight-direction{padding-left:5px;padding-right:5px;vertical-align: middle;} .flight-change-modal .modal-container .dynamic-flight-strip .dynamic-flight-strip-actions{width:140px; padding:0 15px} .flight-change-modal .modal-container .dynamic-flight-strip .dynamic-flight-strip-actions .dynamic-flight-price{font-size:32px;font-weight:700} .map-location-info{position: relative; max-height: 235px; overflow: hidden; text-align: center; border: none;} .map-location-info .increase-image { position: absolute; bottom: 10%; left: 5%; z-index: 1; background: var(--primary-button-background); color: var(--primary-button-text-color); width: 125px; height: 30px; line-height: 1; padding: 5px; font-size: 18px; } .map-location-info .increase-image i{color: white; margin-left: 10px;} .rooms-table{height: 100px; width: 100%; background: black;} #results .section-body .list-items .sale-label-container{top: 337px; left: 180px;} #results .section-body .list-items{position: relative} .list-product-information > li{padding-right: 196px;} .section-product .product-information .list-product-information > li{border-top: none; border-bottom: 1px solid #dde6f1;} .product-information.product-deal-information .list-product-information > li:last-child{border-bottom: none;} .list-items .sale-label-container .sale-label .sale-text{margin-top: -5px!important; } .list-items .sale-label-container .sale-label .sale-text .second-sale-text{font-size: 16px; font-weight: normal;} .room-picker .total-price-block .order-button:disabled{background-color: #93a4ba;} /*************************************/ /* ********** Ski resort info ************** */ /*************************************/ .ski-resort-details-columns .ski-resort-details-column{overflow: hidden; margin: 0; padding: 10px 0 10px 10px;} .ski-resort-details-columns .ski-resort-details-column h4 span{font-size: 20px} .ski-resort-details-columns .ski-resort-details-column h4 span > span.black{color: black} .ski-resort-details-columns .ski-resort-details-column .list-product-features{margin: 0 0 10px 0; padding: 0} .ski-resort-details-columns .ski-resort-details-column .list-product-features li{min-height: 65px} .ski-resort-details-columns .ski-resort-details-column .list-product-features li i{margin: 0} .ski-resort-details-columns .ski-resort-details-column .list-product-features li span{margin-right: 60px;} .ski-resort-details-columns .ski-resort-details-column .list-product-features li span label{cursor: default; color: #91a6bf;} .ski-resort-details-columns .ski-resort-details-column .list-product-features li span span{margin: 24px 0 0 0; width: 140px; line-height: 20px;} .ski-resort-details-columns .ski-resort-details-column .list-product-features li i.icon-ski {font-size: 27px;} .ski-resort-details-columns .ski-resort-details-column:first-child{flex-basis: 65%; border-right: none;} .ski-resort-details-columns .ski-resort-details-column:last-child{display: inline-flex; flex-basis: 35%; border-right: 1px solid #eaeff7;} .ski-resort-details-columns .ski-resort-details-column .list-product-features li i{font-size: 42px; margin-right: 5px} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.green{color: #1a8827} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.green .icon-ski{color: #1a8827} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.green label{color: #1a8827; font-weight: bold; font-size: 16px;} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.green span{margin-right: 45px; font-size: 16px;} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.green #green-tracks{margin-right: 0; font-weight: bold;} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.blue{color: #2e9ce0} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.blue .icon-ski{color: #2e9ce0} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.blue label{color: #2e9ce0; font-weight: bold; font-size: 16px;} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.blue span{margin-right: 45px; font-size: 16px;} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.blue #blue-tracks{margin-right: 0; font-weight: bold;} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.red{color: red} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.red .icon-ski{color: red} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.red label{color: red; font-weight: bold; font-size: 16px;} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.red span{margin-right: 45px; font-size: 16px;} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.red #red-tracks{margin-right: 0; font-weight: bold;} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.black{color: black} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.black .icon-ski{color: black} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.black label{color: black; font-weight: bold; font-size: 16px;} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.black span{margin-right: 45px; font-size: 16px;} .ski-resort-details-columns .ski-resort-details-column .list-product-features li.black #black-tracks{margin-right: 0; font-weight: bold;} .ski-resort-details-columns .ski-resort-details-column:last-child h4{margin-bottom:40px} .ski-resort-details-columns .ski-resort-details-column .domain-graph{position: relative;} .ski-resort-details-columns .ski-resort-details-column .domain-graph .top{display: block; position: absolute; top: -10px; right: 25%;} .ski-resort-details-columns .ski-resort-details-column .domain-graph .btm{display: block; position: absolute; bottom: 60%; left: 5%;} .ski-resort-details-columns .ski-resort-details-column .domain-graph img{min-width: 215px} .ski-resort-details-columns .ski-resort-details-column .cameras{border-right: 1px solid #eaeff7;} .ski-resort-details-columns .ski-resort-details-column .cameras .btn.btn-primary.gray-button{margin: 10px; min-width: 195px; color: white; text-decoration: none; font-size: 19px; text-align: right; padding-right: 50px; position: relative;} .ski-resort-details-columns .ski-resort-details-column .cameras .btn.btn-primary.gray-button i{font-size: 28px; vertical-align: middle; position: absolute; right: 10px;} .ski-resort-details-columns .ski-resort-details-column .cameras .btn.btn-primary.gray-button i:before{color: white} .ski-resort-details-columns .ski-resort-details-column .cameras .btn.btn-primary.gray-button i.icon-service {font-size: 21px;top: 9px;} .ski-resort-details-columns .ski-resort-details-column .cameras .btn.btn-primary.gray-button i.icon-eye {font-size: 21px;top: 9px;} .product-information .list-product-information .ski-resort-details-columns .ski-resort-details-column:first-child div:first-child{border-bottom: 1px solid #dde6f1; margin-bottom: 14px; padding-bottom: 8px} .product-information .list-product-information .ski-resort-details-columns .ski-resort-details-column:last-child{padding-right: 10px;} /*************************************/ /* ********** Details header ************** */ /*************************************/ .search-preview-block .search-info ul li:first-child span {float: left;} .search-preview-block .search-info ul li:last-child span {float: none;} /*************************************/ /* ********** Resort ************** */ /*************************************/ .search-engine-result .section-search{background: url(/resources/web/img/sky_bg_x2.jpg) center;background-size: cover;} .search-engine-result.search-engine-block .search-details .form-search{padding: 10px 0;} .search-engine-result .form-search{background: none;} .search-engine-result .form-search .form-header{padding: 15px 0;} .search-engine-result .form-search .form-header .tab-title{color: #fff; text-shadow: 0 2px #003d5a; font-size: 39px; line-height: 39px;} .search-engine-result .form-search .form-body{padding-bottom: 0;} .form-col-1of4{width: 25%;} .search-engine-result .form-search .action-button-wrapper{bottom: 16px;} .big-map .map-location-info .increase-image{bottom: 5%; right: 5%;} .big-map .map-location-info {max-height: 500px} .section-product .search-engine-light {border: 2px solid #f1f5f8; box-shadow: 0 0 9px 0 #b5cbdb; background-color: #e9f2f9; border-radius: 2px;} .section-product .search-engine-light .form-search {background: none;} .section-product .search-engine-light .form-search .form-col-1of2 {width: 40%; border: 1px solid #dde6f1; margin-left: 30px;} .section-product .search-engine-block .form-search .form-body > .form-cols > .form-col{padding: 0} /*************************************/ /* ********** Room Picker ************** */ /*************************************/ .room-selector .room-selection ul.dropdown-list li .form-sections { padding-bottom:10px; } .room-picker { border:1px solid #f1f5f8; box-shadow:0 0 9px 0 #b5cbdb; padding:0px } .room-picker .content-table{display: table; width: 100%;} .room-picker .total-price-block {width:16%;display:table-cell;vertical-align:middle;position:inherit;border:none;height: auto; padding: 20px 10px;} .room-picker .col-content {width:83%;display:table-cell;vertical-align:middle;padding-right:10px; padding-top:10px;} .room-picker .col-content .cap-row {display:block;} .room-picker .col-content .col-0 {width:5%;display:inline-block; padding: 5px 15px 5px -1px;} .room-picker .col-content .col1 {width:6%;display:inline-block; padding: 5px 15px 5px 15px;} .room-picker .col-content .col2 {width:38%;display:inline-block; padding: 5px 15px 5px 15px;border-left: 1px solid #eeeeee;border-right: 1px solid #eeeeee;} .room-picker .col-content .col3 {width:29%;display:inline-block; padding: 5px 15px 5px 15px;border-left: 1px solid #eeeeee;} .room-picker .col-content .col4 {width:16%;display:inline-block; padding: 9px 15px;border-left: 1px solid #eeeeee; text-align: center;} .room-picker .col-content .col5 {width:13%;display:inline-block; padding: 5px 15px 5px 15px;border-left: 1px solid #eeeeee; text-align: center; } .room-picker .col-content strong span {font-size:20px} .room-picker .col-content .form-col-dropdown { width:24%; padding-top: 15px; padding-bottom: 15px; padding: 0 37px; display:inline-block; } .room-picker .col-content .form-col-dropdown:not(:last-child) { border-left: 1px solid #eeeeee; } .room-picker .col-content .cap-row label{ font-size:20px; } .room-picker .col-content .dropdown .dropdown-button{ padding: 5px; border: 1px solid #eeeeee; padding-left: 50px} .room-picker .col-content .dropdown .dropdown-item { padding: 5px; } .room-picker .col-content .dropdown .dropdown-item.hide{ display:none;} .dropdown-open.room-selection .capacity-dropdown:not(.dropdown-open) .dropdown-list {height: 0;opacity: 0;visibility:hidden;} .picker-body .form-section {padding-top:0px; padding-bottom:0px;} .form-sections {padding-top:0px; padding-bottom:0px;} .picker-body {padding-top:0px;} .room-picker .total-price-block strong span{font-size:36px} .room-picker .total-price-block small{margin-top:0} .room-picker .total-price-block strong span{font-size:36px} .room-picker .total-price-block small{margin-top:0} .room-picker .total-price-block .order-button { border: none; display: inline-block; padding: 6px 8px; margin: 6px auto 0; font-weight: 600; font-size: 23px; text-shadow: 0px 3px var(--primary-button-text-shadow); width: 80%; } .room-picker .total-price-block strong {display:block;font-size:28px;font-weight: normal;} .room-picker .total-price-block small {color:#72849a;display:inline-block; font-size:16px; /*margin-top:53px;*/ margin-bottom:3px} .room-picker .total-price-block .details {text-align:center;} .room-picker .picker-head { background-color: var(--alert-background-color); width: 100%; } .room-picker .picker-head span{ font-size:20px; } .room-picker .picker-head span.smaller{ font-size:18px; } .room-picker .picker-head .col-0 {width: 0%; } .room-picker .picker-head .col1 {width: 12%;display:inline-block; padding: 10px 25px 10px 0px;} .room-picker .picker-head .col2 {width:28.5%;display:inline-block; padding: 10px 0px 10px 0px;border-left: 1px solid #eeeeee;border-right: 1px solid #eeeeee;} .room-picker .picker-head .col3 {width:22%;display:inline-block; padding: 10px 25px 10px 0px;border-left: 1px solid #eeeeee;} .room-picker .picker-head .col4 {width:17%;display:inline-block; padding: 10px 0 10px 0px;border-left: 1px solid #eeeeee; text-align: center;} .room-picker .picker-head .col5 {width:10%;display:inline-block; padding: 10px 20px 10px 0px;border-left: 1px solid #eeeeee;} .room-picker .picker-head .col6 {width:16%;display:inline-block; padding: 10px 0px 10px 0px;border-left: 1px solid #eeeeee;} .room-picker .form-section .col2 { position:relative; } .room-picker .form-section .col2:before {counter-increment: rule;content: counter(rule) ". ";width: 20px;position: absolute;right: -60px;color: #004e71;font-size: 25px;} .room-picker .dropdown-button { font-size:18px; } .room-picker .dropdown-list .dropdown-item {font-size:18px; } .room-picker .picker-footer {padding:15px; color:GrayText; border-top: 1px solid #eeeeee;} .room-picker .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: 27px; } .room-picker .btn-add span{width:22px;height:22px;} .room-picker .btn-add span:after{height:12px;} .room-picker .btn-add span:before{width:12px; } .room-picker .btn-remove span { width:18px;height:18px; margin-right: 30px; margin-bottom:10px } .room-picker .btn-remove span:after{height:12px;} .room-picker .btn-remove span:before{width:12px; } .room-picker .form-section:first-child .js-remove-section{ visibility:hidden} .room-picker .form-sections { counter-reset: rule; margin-left: 15px; margin-bottom: 20px; position:relative;} /*************************************/ /* ********** Tailormade ************** */ /*************************************/ .form-contact .form-group{border-bottom: 1px solid #91a6c1;} .form-contact .form-group .form-row.form-row-primary{border: 1px solid #c9dcf5;} .form-contact .form-group .dropdown-primary .dropdown-button{border: 1px solid #c9dcf5;} .form-row.form-row-primary .form-row-icon i.icon-man{padding: 15px 11px 0 0;} .form-row.form-row-primary .form-row-icon i.icon-phone{padding: 15px 11px 0 0;} .form-row.form-row-primary .form-row-icon i.icon-mial{padding: 15px 11px 0 0;} .dropdown-primary span.dropdown-text{font-size: 21px; font-weight: normal;} .form-contact .dropdown-primary .dropdown-button{padding: 15px 63px; margin-bottom: 15px;} .form-contact .dropdown .dropdown-icon i{padding-top: 5px} .form-col .checkbox{display: inline-block; margin-left: 20px} .form-col .checkbox label{padding-right: 30px;} .form-col .checkbox label:before{top: 5px; padding: 10px;} .form-col .checkbox label i{top: 5px; margin-top: -2px;} .form-col .checkbox .ico-check{width: 24px;} .date-col input:first-child{position: absolute; width: 100%; right: 0; padding-right: 52px; background: none;} .date-col: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;} .date-col input:first-child{background: #fff; padding-top: 15px;} input#date_picker::placeholder{font-weight: normal;} .checkbox label{font-size: 20px;} /*.container.body-content .contact-form #lead-message i{line-height: 1.3; margin-left: 20px; font-size: 43px;}*/ .form-contact .form-group .form-cols .form-col .form-row.date-col{padding-top: 0; padding-bottom: 56px; border: 1px solid #c9dcf5; border-radius: 5px;} .date-col .form-datepicker-single .form-datepicker-entry .rd-container .rd-day-body {border: 1px solid #ebf0f5;} /*************************************/ /* ********** Product lead form ************** */ /*************************************/ #lead-message .form-row.form-row-primary .form-row-icon i.icon-man{padding: 4px 15px 0 0; font-size: 23px;} #lead-message .form-row.form-row-primary .form-row-icon i.icon-phone{padding: 5px 13px 0 0; font-size: 23px;} #lead-message .form-row.form-row-primary .form-row-icon i.icon-mial{padding: 7px 10px 0 0; font-size: 21px;} .product-top .product-top-aside .map-location-info{margin-bottom: 11px;} .lead-box-form .form-footer .contact-confirm-ckeck .checkbox label i {width: 20px !important; top: 9px;} .checkbox label:before {width: 20px !important; top: 0px;} /*************************************/ /* ********** Product ************** */ /*************************************/ .section-product .product-deal-information h3{padding-top: 33px} .section-product .product-information{margin-top: 13px} .section-product .pricing-section{margin-top: 13px;} .product-information .list-product-information .list-infos li{padding: 0px 22px 10px 0;} .product-information .list-product-information .list-infos { width:94%; } /*************************************/ /* ********** Engine ************** */ /*************************************/ .dropdown-primary .dropdown-button .form-controls .field { padding-bottom: 2px; font-weight: normal; max-width: 154px; overflow: hidden; text-overflow: ellipsis; } .container .search-engine-result .search-preview-block .search-result-preview .title{display: block;} .container .search-engine-result .search-preview-block .search-result-preview > div{float:none; display: inline-block} .form-col .form-datepicker-single .form-datepicker-entry .rd-container .rd-day-body {border: 1px solid #ebf0f5;} .banners-box.small .idea{width:300px;height:300px;margin-bottom:15px} .banners-box.small .idea:not(:nth-child(4n)){margin-left:10px} /* ------------------------------------------------------------ *\ 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; } } /* ------------------------------------------------------------ *\ Modal \* ------------------------------------------------------------ */ .modal, .modal-backdrop { opacity: 0; visibility: hidden; z-index: -1; transition: all .4s ease; } .modal { position: fixed; padding: 112px 50px; } .modal-backdrop { position: fixed; background-color: #000; } .modal-container { max-width: 415px; position: relative; margin: auto; background-color: #f7f7f7;top: 50%; transform: translate(0%, -50%);} #modalSearchDynamicPackage .section-search .modal-container {top: 0%; transform: none;} .modal-head { padding:16px 16px 13px 18px; border-bottom: 1px solid #e0e6f6; background-color: #fff; } .modal-head h3{display: inline-block;padding-right: 10px;margin: 0;text-align: right;font-size: 26px;font-weight: 700;} .modal-head a { float: left; margin-top: 4px; } .modal-head a.modal-close span{font-size: 19px;margin-left: 5px;vertical-align: middle;} .modal-head .logo-small { float: right; } .modal-title { text-align: center; padding: 15px; background-color: #fff; } .modal-title h3 { font-size: 30px; line-height: 37px; color: #2a3335; font-weight: 400; margin: 0; } .modal-body { padding: 15px 15px 0; background: linear-gradient(to bottom, rgba(229,236,245,1) 0%,rgba(255,255,255,1) 100%);} .modal-body form .form-row.form-row-primary { border: 1px solid #c9dcf5; margin: 15px; } .modal-body form .form-actions .btn-primary{font-size: 30px; font-weight: bold; max-width: 91%; margin: 0 auto;} .modal-visible { opacity: 1; visibility: visible; z-index: 1000; } .modal-visible ~ .modal-backdrop { opacity: .6; visibility: visible; z-index: 29; } .modal .field { font-size: 26px; } .modal .field::-moz-placeholder { font-weight: 400; } .modal .field:-ms-input-placeholder { font-weight: 400; } .modal .field::placeholder { font-weight: 400; } .modal .dropdown-numbers { top: auto; bottom: 100%; margin: 0 0 2px; border-radius: 4px 4px 0 0; } .modal .form-actions { padding: 20px 0 23px; } .modal .form-btn { padding: 14px 28px 13px; } .modal .form-label { font-size: 26px; line-height: 1.5; } .modal .form-label-select { font-size: 23px; } .modal .form-label-select small { font-size: 19px; } .modal .form-label-select-primary { font-size: 21px; line-height: 24px; } .modal .form-row-primary .field { font-size: 24px; } .modal.loading .modal-body:after{content: '';background: url(/Resources/Web/img/ajax-loader.gif);background-size: cover;height: 50px;width: 50px;display: block;margin:20px auto;} /* Modal Options */ .modal-options .btn-add { margin: 0; } .modal-options .form-section-head h4:after { content: ' ' counter(section, decimal-leading-zero); } .modal-options-people .form-section-head h4:after { content: ' ' counter(section); } .modal-options-people .form-col-1of4 .form-row { margin-top: 15px; } .modal.modal-scrollable {padding-top:50px} .modal.modal-scrollable .modal-body{padding:30px 10px} /* ------------------------------------------------------------ *\ Modal Gallery \* ------------------------------------------------------------ */ .modal-gallery { position: fixed; padding:150px 0; } .modal-gallery .modal-body { padding: 0; } .modal-gallery .modal-close { width: 39px; height: 36px; display: block; position: absolute; top: 7px; left: 6px; z-index: 5; background-color: #fff; } .modal-gallery .modal-container { max-width: none; width: 1226px; padding: 10px; background-color: #fff; } .modal-gallery .modal-aside { width: 361px; float: right; padding-left: 10px; } .modal-gallery .modal-aside h3 { font-size: 26px; line-height: 1.26; color: #2a3335; font-weight: 700; } .modal-gallery .modal-aside .rating { font-size: 0; line-height: 0; display: block; padding-bottom: 14px; } .modal-gallery .modal-aside .rating i { margin-right: 3px; } .modal-gallery .modal-aside-entry { font-size: 16px; line-height: 1.52; color: #2a3335;padding: 10px; } .modal-gallery .modal-content { overflow: hidden; } .modal-gallery .product-table-aside {width:100%; padding: 11px 9px; border: 0; background-color: transparent; } .modal-gallery .product-table-aside h3 { font-size: 30px; padding-bottom: 8px; } .modal-gallery .product-table-aside ul.room-info { margin: 0 -4px 12px 0; } .modal-gallery .product-table-aside ul.list-product-features{display:inline;} .modal-gallery .product-table-aside hr { height: 1px; border: 0; margin-bottom: 12px; background-color: #eaf0f7; } .modal-gallery .product-table-aside p { font-size: 18px; line-height: 21px; color: #2a3335; margin-bottom: 14px; } /*.modal-gallery .product-table-aside .list-product-features { margin: 0; -moz-column-count: 2; column-count: 2; }*/ .modal-gallery .product-table-aside .list-product-features li { padding: 5px 28px 2px 0;display: inline-block;width: 48%; border-right:0; } .modal-gallery .product-table-aside .list-product-features li span { top: 2px; } .modal-gallery .list-product-features li:nth-child(2n){border-right: 0;padding-right:38px } .modal-gallery .list-product-features li:nth-child(2n) span{margin-right:10px} /*.modal-gallery .product-table-aside .list-product-features li:nth-child(4) ~ li { padding-right: 44px; } .modal-gallery .product-table-aside .list-product-features li:nth-child(4) ~ li span { width: 28px; }*/ .modal-gallery .owl-carousel .owl-item img{max-height:503px} .slider-gallery.owl-carousel .owl-nav .owl-prev, .slider-gallery.owl-carousel .owl-nav .owl-next { font-size: 0; line-height: 0; position: absolute; top: 50%; z-index: 1; display: block; width: 45px; height: 55px; margin-top: -27px; padding: 14px; cursor: pointer; color: transparent; border: none; outline: none; background: white; } .slider-gallery.owl-carousel .owl-nav .owl-prev:before, .slider-gallery.owl-carousel .owl-nav .owl-next:before { font-family: 'icomoon'; font-size: 30px; line-height: 1; opacity: .75; color: #178823; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slider-gallery.owl-carousel .owl-nav .owl-prev { border-radius: 0 5px 5px 0; box-shadow: 1px 0px 5px 2px rgba(0,0,0,0.5); left:0; } .slider-gallery.owl-carousel.owl-rtl .owl-nav .owl-prev { right: 0; left: auto; border-radius: 5px 0 0 5px; box-shadow: -1px 0px 5px 2px rgba(0,0,0,0.5); } .slider-gallery.owl-carousel .owl-nav .owl-prev:before { content: '\e986'; } .slider-gallery.owl-carousel.owl-rtl .owl-nav .owl-prev:before { content: '\e987'; } .slider-gallery.owl-carousel .owl-nav .owl-next { border-radius: 5px 0 0 5px; box-shadow: -1px 0px 5px 2px rgba(0,0,0,0.5); right:0; } .slider-gallery.owl-carousel.owl-rtl .owl-nav .owl-next { left: 0; right: auto; border-radius: 0 5px 5px 0; box-shadow: 1px 0px 5px 2px rgba(0,0,0,0.5); } .slider-gallery.owl-carousel .owl-nav .owl-next:before { content: '\e987'; } .slider-gallery.owl-carousel.owl-rtl .owl-nav .owl-next:before { content: '\e986'; } .slider-gallery.owl-carousel .owl-nav .disabled { cursor:default; background-image:none !important; } .slider-gallery.owl-carousel .owl-nav .owl-prev.disabled:before, .slider-gallery.owl-carousel .owl-nav .owl-next.disabled:before { color: #72849a; } @media (max-width: 1279px) { .modal-gallery { padding: 130px 20px; } .modal-gallery .modal-container { width: 980px; } /*.modal-gallery .product-table-aside .list-product-features li:nth-child(4) ~ li span { right: 4px; }*/ } /* ------------------------------------------------------------ *\ Modal Map \* ------------------------------------------------------------ */ .modal-map { position: fixed; padding: 180px 0; } .modal-map .modal-body { position: relative; padding: 0; overflow: hidden; } .modal-map .modal-map-canvas img { width: 100%; display: block; } .modal-map .modal-close { width: 39px; height: 36px; display: block; position: absolute; top: 7px; left: 6px; z-index: 5; background-color: #fff; } .modal-map .modal-close i { } .modal-map .modal-container { max-width: none; width: 1226px; padding: 10px; background-color: #fff; } .modal-map .modal-aside { width: 312px; position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; background-color: #fff; box-shadow: -5px 0 5px rgba(0,0,0,.17); } .modal-map .modal-aside:before { content: ''; width: 0; height: 0; display: block; position: absolute; top: 50%; right: 100%; border: 13px solid transparent; border-right-color: #fff; margin-top: -13px; } .modal-map .result { height: 100%; display: block; position: relative; padding: 0 0 0 10px; border: 0; margin: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; border-radius: 0; } .modal-map .result::-webkit-scrollbar { width: 6px; height: 6px; background-color: #fff; border-radius: 4px; } .modal-map .result::-webkit-scrollbar-thumb { background-color: #a4a4a4; border-radius: 4px; } .modal-map .result .list-result-description { padding: 8px 0 0; } .modal-map .result .list-result-description + .list-result-description { letter-spacing: -0.02em; padding-top: 1px; border: 0; margin: 0 -2px 0 0; } .modal-map .result .result-content { padding: 13px 4px 28px; } .modal-map .result .result-content h2 { font-size: 21px; line-height: 1.26; color: #2a3335; } .modal-map .result .result-title { padding-bottom: 7px; } .modal-map .result .result-stars { margin-left: 14px; } .modal-map .result .result-subtitle { padding: 0; } .modal-map .result .result-rating { line-height: 1; float: none; display: inline-block; vertical-align: middle; padding: 4px 0 0; } .modal-map .result .result-rating i { margin-top: -5px; } .modal-map .result .result-price { display: block; padding: 15px 10px 12px; border: 0; border-top: 1px solid #eaf0f7; margin: 0 -10px; background-color: #fcfcfc; } .modal-map .result .result-price:after { } .modal-map .result .result-price p { font-size: 18px; line-height: 1; color: #72849a; text-align: right; width: auto; float: right; padding: 0 5px; } .modal-map .result .result-price p strong { font-size: 55px; line-height: 0.83; color: #000; display: block; margin-right: -3px; } .modal-map .result .result-price p strong small { font-size: 40px; } .modal-map .result .result-price .btn { font-size: 28px; line-height: 29px; width: auto; float: left; padding: 10px 33px; margin-top: 6px; border-radius: 6px; } @media (max-width: 1279px) { .modal-map { padding: 20px; } .modal-map .modal-container { width: 980px; } } .modal .form-search .form-body{padding-bottom: 15px ;margin:0; border:0;} .modal .form-search .form-body .form-cols{margin: 0 0 15px;} .modal .form-search .form-actions{position:relative;} .modal .form-search .action-button-wrapper{position: absolute;left: 0;top: 7px; margin:0;} /* ------------------------------------------------------------ *\ Modal checkbox \* ------------------------------------------------------------ */ .modal.modal-basic-lead .modal-body form .form-actions .checkbox {max-width: 91%; margin: 0 auto; margin-bottom: 10px;} .modal.modal-basic-lead .modal-body form .form-actions .checkbox label {padding-right: 25px;} .modal.modal-basic-lead .modal-body form .form-actions .checkbox label:before {width: 22px !important; height: 22px !important; top: 3px;} .modal.modal-basic-lead .modal-body form .form-actions .checkbox label i.ico-check {width: 25px;} /*ask master modal*/ .ask-master .modal-container {width:405px} .ask-master .modal-head a{position:absolute;} .ask-master .modal-head h3 {text-align: right;padding-right: 13px;font-size: 28px;} .ask-master .modal-body .form-row {border: 1px solid #c7dbf3;padding: 4px 59px;margin: 14px 0;} .ask-master .modal-body .form-row:first-child {margin: 22px 0 0 0;} .ask-master .modal-body .form-row .field {font-size: 22px;} .ask-master .modal-body i.icon-man{color: #91A3BB;font-size: 29px;padding: 13px;} .ask-master .modal-body i.icon-phone{color: #91A3BB;font-size: 25px;padding: 13px;} .ask-master .modal-body i.icon-mial{color: #91A3BB;font-size: 18px;padding: 17px 13px 0 0;} .ask-master .modal-body .form-actions{padding: 8px 0 25px;} .ask-master .modal-body .form-actions .btn{font-size: 30px;font-weight: 700;border-radius: 3px;} /*page strip*/ .strip-section {position: relative; box-shadow: inset 0 0 5px rgba(110,137,173,.14); margin-top: 40px; height: 150px;} .strip-section .strip-section-post {text-align:center;} .strip-section .strip-section-image { position: absolute; top: -32px;} .strip-section i{font-size: 94px;} .strip-section .strip-section-content{padding-right: 163px;position: absolute;top: 14px;} .strip-section .strip-section-content h3.strip-title{color: #fff;font-size: 35px;margin-left: 6px;display: inline-block;letter-spacing: -0.03em; transform: scale(1, 1.1); font-weight: 400;} .strip-section .strip-section-content h3.strip-details{color: #fff;font-size: 35px;font-weight: 600;display: inline-block;letter-spacing: -0.01em; transform: scale(1, 1.1);} .strip-section .strip-section-content p{font-size:25px} .strip-section .strip-section-form { position: relative; display: inline-block; top: 60px;} .strip-section .strip-section-form .form-col:not(:last-child) {position: relative;border: 1px solid #c7dbf3; margin: 4px 4px; background-color: #fff; width: 175px;height: 45px; padding: 0 15px 0 0;} .strip-section .strip-section-form .form-col.form-col-email { width: 225px; } .strip-section .strip-section-form .form-col .form-col-phone{padding-right: 47px;} .strip-section .strip-section-form .form-col .form-col-email{padding-right: 54px;} .strip-section .strip-section-form .form-col input{font-size: 20px; height: 42px; padding: 0; transform: scale(1, 1.2);color: #7a92a0;} .strip-section .strip-section-form .form-col:last-child{margin: 8px 4px;padding: 0;width: 140px;height: 35px;} .strip-section .strip-section-form .form-actions button{ border-radius: 4px;} .strip-section .strip-section-form .form-actions .btn{font-size: 27px; border-radius: 0;line-height: 0.8; box-shadow: none; transform: scale(1, 1.2); padding: 6px 0px; background: rgba(0, 0, 0, 0.4); border: 2px solid #fdfdfd9c; color:#fff} .strip-section .strip-section-form .form-col input:-ms-input-placeholder { font-weight: 400; } .strip-section .strip-section-form .form-col input::placeholder { font-weight: 400; } .strip-section .strip-section-form i.icon-man{color: #91A3BB;font-size: 29px;padding: 8px 18px 0 0;} .strip-section .strip-section-form i.icon-phone{color: #91A3BB;font-size: 25px;padding: 9px 16px 0 0;} .strip-section .strip-section-form i.icon-mial{color: #91A3BB;font-size: 18px;padding: 12px 18px 0 0;} .strip-section .strip-section-actions{display: inline-block;float: left;margin-top: 33px;margin-top: 35px;} .strip-section .strip-section-btn{width: 195px;padding: 10px;border-radius: 5px;font-size: 32px;font-weight: 700;} .strip-section .strip-section-form div.checkbox{position: absolute;top: 58px;right: -33px;} .strip-section .strip-section-form .checkbox label{line-height: 18px;font-size: 16px;padding-right: 28px;color: #fff; font-weight: 300;letter-spacing: -0.02em; transform: scale(1, 1.1);} /*lead message small*/ #lead-message.message-box-small{display:none;background-color: #F1F1F1; text-align: center;height: 425px;top: 111px;position: absolute;width: 405px;left: 50%;margin-left: -203px;} #lead-message.message-box-small .message-box-form{margin-top: 130px;} #lead-message.message-box-small i{font-size: 65px;color: #178723;} #lead-message.message-box-small h3{font-size: 36px;margin: 7px 0 7px 0;color: #178723;} #lead-message.message-box-small p{padding:0 42px;} #lead-message.message-box-small .seperator{display:none;} #lead-message.message-box-small a{background:none;box-shadow:none;text-shadow:none;color: #000000;font-size: 17px;} /*lead message strip*/ #lead-message.message-box-strip{ margin-right: 300px;} #lead-message.message-box-strip .message-box-form{padding-top: 32px;} #lead-message.message-box-strip i{font-size: 43px; color:#fff; padding-top: 17px;float:right;margin-top: 3px; font-size: 43px;} #lead-message.message-box-strip h3{font-size: 36px; margin: 15px 15px 0 0; color: #fff; vertical-align: middle; display: inline-block;} #lead-message.message-box-strip p{margin: 5px 60px 0 0;color:#fff; letter-spacing: -0.02em;} #lead-message.message-box-strip .seperator{display:none;} #lead-message.message-box-strip a{display:none;} /*lead-box-form*/ .lead-box-form {border: 1px solid #c7dbf3;} .lead-box-form .form-head h2{font-size: 18px;padding: 10px 0 0 0;text-align: center;} .lead-box-form .form-body .form-row-primary{border: 1px solid #c7dbf3;padding: 0 48px;margin: 12px 0;} .lead-box-form .form-body .form-row .field {font-size: 18px;} .lead-box-form .form-body i {color: #91A3BB;} .lead-box-form .form-body i.icon-man{font-size: 24px;padding:11px 15px 0 0;} .lead-box-form .form-body i.icon-phone{font-size: 21px;padding: 11px;} .lead-box-form .form-body i.icon-mial{font-size: 14px;padding: 15px 13px 0 0;} .form-row.form-row-primary .form-row-icon i.icon-man {margin-top: 1px; font-size: 24px; padding: 11px 15px 0 0;} .form-row.form-row-primary .form-row-icon i.icon-phone {margin-top: 1px; font-size: 24px; padding: 11px 11px 0 0;} .form-row.form-row-primary .form-row-icon i.icon-mial {font-size: 24px; padding: 11px 7px 0 0;} .lead-box-form .form-body input {height:41px} .lead-box-form .form-footer{display: inline-flex;} .lead-box-form .form-footer .form-col:first-child{width:266px;padding: 0 17px;} .lead-box-form .form-footer label{font-size:13px;line-height: 1.2;color:black;padding-right: 31px;} .lead-box-form .form-footer .ico-check{width: 21px;height: 21px;border: none !important;background-size: contain;} .lead-box-form .form-footer .btn{padding: 0 27px;color:#fff} .lead-box-form .form-footer .checkbox label i, .checkbox label:before{border: 1px solid #c7dbf3;width: 18px !important;height: 18px !important;} .lead-box-form #lead-message .message-form{text-align: center;padding: 80px 0 !important;} .lead-box-form #lead-message .message-form .messagebox-icon{font-size: 49px;color: var(--primary-color-dark);} .lead-box-form #lead-message .message-form h3{font-size: 36px;margin: 7px 0 7px 0;color: var(--primary-color-dark);} .lead-box-form #lead-message .message-form .seperator{display:none;} /*Widgets*/ /* ------------------------------------------------------------ *\ Widget Links \* ------------------------------------------------------------ */ .widget-links { padding: 0 7px 40px 10px; } /* ---- section-nav ---- */ .widget-links .section-nav { border-bottom: 2px solid #97A7C0; } .widget-links .section-nav ul {display:flex; } .widget-links .section-nav li { display: inline-block; background-color: var(--widget-link-nav-section); font-size: 16px; color: var(--widget-link-nav-section-text); padding: 5px; border-radius: 4px 4px 0 0; margin: 0 2px; text-align: center; } .widget-links .section-nav li.current { background-color: var(--nav-btn-background-color); color: var(--nav-btn-active-text-color); } .widget-links .section-nav li:first-child{ margin-right: 0;} .widget-links .section-nav li:last-child {margin-left: 0; } /* one item */ .widget-links .section-nav li:first-child:nth-last-child(1) { width: 100%;} /* two items */ .widget-links .section-nav li:first-child:nth-last-child(2), .widget-links .section-nav li:first-child:nth-last-child(2) ~ li { width: 50%;} /* three items */ .widget-links .section-nav li:first-child:nth-last-child(3), .widget-links .section-nav li:first-child:nth-last-child(3) ~ li { width: 33.3333%;} /* four items */ .widget-links .section-nav li:first-child:nth-last-child(4), .widget-links .section-nav li:first-child:nth-last-child(4) ~ li { width: 25%;} .widget-links .section-nav li a { text-decoration:none; } /* ---- widget-links-content ---- */ .widget-links .widget-links-content { margin: 0 -12px; overflow: hidden; } .widget-links .widget-links-content ul, .widget-links .widget-links-bottom-link a { font-size: 16px; line-height: 22px; color: var(--widget-link-nav-section-link); padding: 0 11px; margin: 0; list-style: none outside none; } .widget-links .widget-links-content li{display: inline-block;width: 48%;border-bottom: 1px dashed #dee7f1;} .widget-links .widget-links-content li:nth-child(2n+1){margin-left:5px} .widget-links .widget-links-content li:last-child{border:none} .widget-links .widget-links-content li + li { /*border-top: 1px dashed #dee7f1; margin-top: -1px;*/ } .widget-links .widget-links-content li a { text-decoration: none; display: block; padding: 5px 0; color: var(--widget-link-nav-content) } .widget-links .widget-links-content li a:hover { text-decoration: underline; } .widget-links .widget-links-bottom-link { text-align:center; border: 2px solid #eaf0f7; padding: 8px; margin-top: 13px;} .widget-links .widget-links-bottom-link a { text-decoration: none; } /*Widgets End*/ .deals-box .banners-box .owl-carousel .owl-dots { position: absolute; top: 3%; width: 100%;} .deals-box .banners-box .owl-carousel .owl-dots .owl-dot span { background:#fff ;width: 15px; height: 15px; } .deals-box .banners-box .owl-carousel .owl-dots .owl-dot.active span ,.deals-box .banners-box .owl-carousel .owl-dots .owl-dot:hover span { background:#279A33 ; } .deals-box .banners-box .owl-carousel .owl-nav { position: absolute; width: 100%; top: 40%; } .deals-box .banners-box .owl-carousel .owl-nav [class*=owl-] { background:none; padding: 4px 15px; } .deals-box .banners-box .owl-carousel .owl-nav [class*=owl-] span { font-size:38px; opacity: 0.5; color:#fff } .deals-box .banners-box .owl-carousel .owl-nav [class*=owl-] span:hover { opacity: 1; } .deals-box .banners-box .owl-carousel .owl-nav .owl-prev { float:right; } .deals-box .banners-box .owl-carousel .owl-nav .owl-next { float:left; } /*Content text*/ .read-more-action { display:none; font-size:18px; color:#459EE0; margin-top:10px; text-decoration:none; } .read-more-action a { text-decoration:none; } .read-more-content {overflow:hidden;} .read-more-content+.read-more-action { display:inline-block;} /*Message Row*/ .message-row{font-size: 22px;text-align: center;border: 1px solid #E5ECF6;padding: 20px 0;} .message-row p{margin: 0;padding: 0;} .message-row.green{color: #198925;background-color:#ecfaed} .message-row.green-light { color: var(--flight-span-text-color); background-color: white } .message-row.red{color: #e14956;background-color:#fdf4f5} .message-row.yellow{color: #d8ab18;background-color:#fef8e5} .message-row span,.message-row i{color:inherit;font-size:inherit;vertical-align: middle;} /*widget-box*/ .widget-box{background-color:#fbfbfb;padding:15px 15px;margin:15px 0;border:solid 1px #e8eae8} /* ---- tooltip ---- */ .tooltip{position:relative;text-decoration:none!important;} .tooltip-box { font-size: 15px; position: absolute; background-color: #005475; color: #88c6d8; box-shadow: 0 1px 1px #ccdde3; padding: 15px 10px; right: -15px; display: none !important; z-index: 999; overflow-wrap: break-word; word-break: break-word; min-width: 400px; max-width: 500px; width: max-content; } .tooltip-box i{color:white} .tooltip-box a{text-decoration:underline} .tooltip:hover .tooltip-box { display: block !important; /*white-space: normal;*/ min-width: 390px; } .tooltip-box:before{content:"";position:absolute;width: 0;height: 0;bottom: -6px;right: 10px;margin-left: -10px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 6px solid #005475;} .tooltip-box.to-right { left:-15px; right:auto; } .tooltip-box.to-right:before {left:20px; right: auto; } .promotion-strip > .tooltip > .tooltip-box { text-align: right;} .promotion-strip.blue-gift-img > .tooltip > .tooltip-box {right:-240px; text-align: right;left:-12px;bottom:-208px;padding:15px 10px 7px 10px;} .promotion-strip.blue-gift-img > .tooltip > .tooltip-box:before {right:238px;border-bottom:6px solid #005475;border-top:unset;bottom:204px;} /* ------------------------------------------------------------ *\ Accordion \* ------------------------------------------------------------ */ .accordion-section { padding: 15px 0; } .accordion-section ~ .accordion-section { border-top: 1px solid #D9DDE6; } /* Accordion Head */ .accordion-head { position: relative; cursor: pointer; } .accordion-section ~ .accordion-section .accordion-head { position: relative; cursor: pointer } .accordion-head h5 { display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 18px; font-weight: 600; line-height: 1; position: relative; width:98%;} .accordion-head h5:after { position: absolute; top: 5px; right: auto; left: 3px; content: ''; width: 10px; height: 10px; display: inline-block; vertical-align: middle; border-width: 0 0 1px 1px; border-style: solid; border-color: transparent transparent #000 #000; margin: auto; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: 25% 50%; transform-origin: 25% 50%; transition: transform 0s; } .accordion-head h5:before { width: 12px; height: 2px; margin-top: -1px; z-index: 2; } .accordion-head h5 small { font-size: 20px; } .accordion-head h5 small span { color: #91a6bf; } .accordion-head h5 > span { color: #76869d; direction: ltr; transition: opacity .4s ease; } /* Accordion Body */ .accordion-body { display: none; } .active .accordion-body { display: block; margin: 0 0 10px; } #listTab #filterTab .accordion-body { display: none; } #listTab #filterTab .active > .accordion-body { display: block; margin: 0 0 10px; } /* Accord-n Active State */ .active .accordion-head h5 small { font-weight: 700; } .active .accordion-head h5 small span { font-weight: 400; } .active .accordion-head h5:after { -webkit-transform: rotate(-225deg); transform: rotate(-225deg); left: 7px; } .blockMsg { border: none !important ; background-color: transparent !important;} .loading-message { display: inline-block; min-width: 125px; margin-right: -60px; padding: 10px; margin: 0 auto; color: #000 !important; font-size: 13px; font-weight: 400; text-align: center; vertical-align: middle; } .loading-message.loading-message-boxed { border: 1px solid #ddd; background-color: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } .loading-message > span { line-height: 20px; vertical-align: middle; } /*Portlet-Box*/ .portlet-box{border:1px solid #e9e9e9} .portlet-box .portlet-head{background-color:#e9e9e9;font-size:19px;padding:5px 10px} .portlet-box .portlet-head i{font-size:inherit;vertical-align:middle;color:inherit} .portlet-box .portlet-body{padding:10px;min-height:85px;padding:10px;display: inline-block;width: 100%;position:relative} /*Portlet-Box - Green*/ .portlet-box.green { border-color: var(--widget-portlet-bg-color) } .portlet-box.green .portlet-head { background-color: var(--widget-portlet-bg-color); color: var(--primary-button-text-color); } /*badges-widget*/ .badges-widget { position:relative;} .badges-widget .badges-row {margin-top: 5px } .badges-widget .badges-row .badge-item { display:inline-block; padding:5px 6px;margin-left: 10px; } .badges-widget .badges-row .badge-item span{vertical-align: top;} .badge-item.blue{ color:#449FE5; } .badge-item.blue.badge-background { background-color:#EAF5FB;} .badge-item.green{ color:#54AC00; } .badge-item.green.badge-background { background-color:#E8F2E7;} .badge-item.red{ color:#e04955; } .badge-item.red.badge-background { background-color:#fff2f3;} .badge-item.yellow{ color:#fdad00; } .badge-item.yellow.badge-background { background-color:rgba(237, 173, 0, 0.1);} .promotion-item { padding:5px; margin: 5px 15px; } .promotion-item.SpecailLowestPrice { margin:5px 25px; } .promotion-item span:before { font-family: 'icomoon' !important; margin-left:5px; vertical-align: middle; line-height: 1;} .promotion-item.SpecialPrice span:before, .promotion-item.SpecailLowestPrice span:before { content: "\e984"; } .promotion-item.SpecialPromotionWithStrip { font-weight:bold; } .promotion-item.grey { background-color:#F3F6FB; color:#4d5762; } .promotion-item.orange {background-color: #fef4e8;color: #e66f16;} .promotion-item.Gift { content: "\e979"; } .promotion-item.SpecialBenefit { content: "\e966"; } .promotion-item.blue { color: #449FE5; background-color:#EAF5FB; } /*Tooltip*/ .tooltip { display: inline; cursor: default;} .tooltip .tooltip-block { background-color: #005475; position: absolute; bottom: 28px; color: #88c6d8; right: 3px; display: none; visibility: hidden; opacity: 0; display: block; transition: visibility 0s, opacity 0.3s linear;} .tooltip .tooltip-block span { display: inline-block; padding: 12px 16px; background: #005475; font-size: 16px; box-shadow: 0 1px 1px #ccdde3; white-space: nowrap; } .tooltip .tooltip-block:before { content: ""; position: absolute; width: 0; height: 0; bottom: -6px; left: 50%; margin-left: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 6px solid #005475; } .tooltip:hover .tooltip-block { visibility: visible; opacity: 1; } .product-top-aside .horizontal-nav-box{margin-bottom: 11px !important;} .horizontal-nav-box{border:1px solid #e9e9e9;padding:5px;} .horizontal-nav-box ul{width:100%;list-style:none;display:flex} .horizontal-nav-box ul li{width: 100%;text-align: center;color: #59a2f1;font-size: 18px;} .horizontal-nav-box ul li:not(:last-child){border-left:1px solid #e9e9e9} /** Pulse effect */ .pulse { box-shadow: 0 0 0 rgba(204, 44, 44, 0.40); animation: pulse 2s infinite; } .pulse:hover { animation: none; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(198, 49, 49, 0.40); } 70% { -webkit-box-shadow: 0 0 0 5px rgba(204,169,44, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(198, 49, 49, 0.40); box-shadow: 0 0 0 0 rgba(198, 49, 49, 0.40); } 70% { -moz-box-shadow: 0 0 0 5px rgba(204,169,44, 0); box-shadow: 0 0 0 5px rgba(204,169,44, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0); box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } /*************************************/ /* ********** Carousel index ************** */ /*************************************/ .section-entry-aside.section-entry-aside-primary{max-width: 340px} .carousel-index.slick-slider a.slick-next.slick-arrow{border-radius: 0; box-shadow: none; background: none; left: -35px;} .carousel-index.slick-slider a.slick-next.slick-arrow:before{font-size: 20px} .carousel-index.slick-slider a.slick-prev.slick-arrow{border-radius: 0; box-shadow: none; background: none; right: -35px;} .carousel-index.slick-slider a.slick-prev.slick-arrow:before{font-size: 20px} .carousel-index .slick-list .slick-slide{ background-color: #E8F1F8; font-size: 18px; color: #6C7E8C; padding: 5px; border-radius: 4px 4px 0 0; margin: 0 0 0 2.5px; text-align: center; font-family: 'Rubik', 'Arial', 'Helvetica', sans-serif;} .carousel-index .slick-list .slick-slide.current{background-color: #97A7C0; color: #fff;} /*************************************/ /* ********** Steps flow ************** */ /*************************************/ .steps-info .steps-title{text-align: center; margin-bottom: 100px;} .steps-info .steps-container{display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto} .steps-info .steps-container .single-step-container{text-align: center; z-index: 1; width: 80px} .steps-info .steps-container .single-step-container:nth-child(4n+3) .step-info{margin-top: -155px;} .steps-info .steps-container .single-step-container .step-icon i{font-size: 50px; color: #fff; box-shadow: 0 0 0 10px #fff; border-radius: 50%; background: #178723; padding: 5px;} .steps-info .steps-container .single-step-container .step-icon i.current-hover{color: #005475} .steps-info .steps-container .single-step-container .step-info .step-title{font-size: 20px; color: #178723; margin: 15px 0 0 0; width: 190px; margin-right: -55px;} .steps-info .steps-container .single-step-container .step-info .step-title.current-hover{color: #005475} .steps-info .steps-container .single-step-container .step-info a.tooltip{font-size: 17px; color: #009cd9;} .steps-info .steps-container .single-step-container .step-info a.tooltip .tooltip-box{min-width: 350px; top:30px; right: -145px; color: #fff;} .steps-info .steps-container .single-step-container .step-info a.tooltip .tooltip-box:before{display: none} .steps-info .steps-container .single-step-container .step-info a.tooltip .tooltip-box:after{content: ""; position: absolute; width: 0; height: 0; top: -6px; right: 170px; margin-left: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 6px solid #005475;} .steps-info .steps-container .single-step-container:first-child .step-info a.tooltip .tooltip-box{right: 0} .steps-info .steps-container .single-step-container:first-child .step-info a.tooltip .tooltip-box:after{right: 20px} .steps-info .steps-container .single-step-container:nth-last-child(2) .step-info a.tooltip .tooltip-box{right: -265px} .steps-info .steps-container .single-step-container:nth-last-child(2) .step-info a.tooltip .tooltip-box:after{right: 290px} .steps-info .steps-container span.divider{flex-grow: 1; border-top: 1px solid #91A6BF; position: relative; top: 25px; height: 1px; box-shadow: 0 0 0 8px #fff; z-index: 0;} .steps-info .steps-container span.divider:last-child{display: none} @media only screen and (max-width : 1280px){ .steps-info .steps-container{max-width: 1000px;} } /* ------------------------------------------------------------ *\ 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; } /* ------------------------------------------------------------ *\ 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; } }