/* ================================================== Code and Pre ================================================== */ code, pre { padding: 0 3px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #232527; font-size: 12px; font-family: 'Titillium Web', sans-serif; } code { padding: 2px 4px; border: 1px solid #dde4e9; background-color: #F6F6F6; color: #232527; white-space: nowrap; } pre { display: block; margin: 70px 50px; padding: 30px; border: 1px solid #dde4e9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #FCFCFC; white-space: pre; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; font-size: 12px; line-height: 20px; } pre code { padding: 0; border: 0; background-color: transparent; color: inherit; white-space: pre; white-space: pre-wrap; } .pre-scrollable { overflow-y: scroll; max-height: 340px; } * { box-sizing: border-box; } *::before, *::after { box-sizing: border-box; } /* ================================================== Typography ================================================== */ @font-face { font-family: 'LatoThinItalic'; src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoThinItalic.eot'); src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoThinItalic.eot') format('embedded-opentype'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoThinItalic.woff2') format('woff2'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoThinItalic.woff') format('woff'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoThinItalic.ttf') format('truetype'); } @font-face { font-family: 'LatoBlack'; src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBlack.eot'); src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBlack.eot') format('embedded-opentype'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBlack.woff2') format('woff2'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBlack.woff') format('woff'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBlack.ttf') format('truetype'); } @font-face { font-family: 'LatoBlackItalic'; src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBlackItalic.eot'); src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBlackItalic.eot') format('embedded-opentype'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBlackItalic.woff2') format('woff2'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBlackItalic.woff') format('woff'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBlackItalic.ttf') format('truetype'); } @font-face { font-family: 'LatoBold'; src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBold.eot'); src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBold.eot') format('embedded-opentype'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBold.woff2') format('woff2'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBold.woff') format('woff'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBold.ttf') format('truetype'); } @font-face { font-family: 'LatoBoldItalic'; src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBoldItalic.eot'); src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBoldItalic.eot') format('embedded-opentype'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBoldItalic.woff2') format('woff2'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBoldItalic.woff') format('woff'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoBoldItalic.ttf') format('truetype'); } @font-face { font-family: 'LatoItalic'; src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoItalic.eot'); src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoItalic.eot') format('embedded-opentype'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoItalic.woff2') format('woff2'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoItalic.woff') format('woff'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoItalic.ttf') format('truetype'); } @font-face { font-family: 'LatoLight'; src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoLight.eot'); src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoLight.eot') format('embedded-opentype'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoLight.woff2') format('woff2'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoLight.woff') format('woff'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoLight.ttf') format('truetype'); } @font-face { font-family: 'LatoLightItalic'; src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoLightItalic.eot'); src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoLightItalic.eot') format('embedded-opentype'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoLightItalic.woff2') format('woff2'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoLightItalic.woff') format('woff'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoLightItalic.ttf') format('truetype'); } @font-face { font-family: 'LatoRegular'; src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoRegular.eot'); src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoRegular.eot') format('embedded-opentype'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoRegular.woff2') format('woff2'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoRegular.woff') format('woff'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoRegular.ttf') format('truetype'); } @font-face { font-family: 'LatoThin'; src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoThin.eot'); src: url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoThin.eot') format('embedded-opentype'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoThin.woff2') format('woff2'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoThin.woff') format('woff'), url('https://www.alfaholidays.co.uk/wp-content/themes/alfa-travel/fonts/LatoThin.ttf') format('truetype'); } h1, h2, h3, h4, h5, h6 { font-family: 'LatoBold', Sans-serif; padding: 0px; margin: 0px; font-weight: normal; line-height: normal; } h1 { font-size: 60px; line-height: 77px; } h2 { font-size: 50px; line-height: 65px; } h3 { font-size: 40px; line-height: 51px; } h4 { font-size: 30px; line-height: 38px; } h5 { font-size: 18px; } h6 { font-size: 16px; } html, body { height: 100%; } html, hmtl a { width: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0px; padding: 0px; font-family: 'LatoRegular', Sans-serif; color: #3c3c3c; font-size: 20px; line-height: 26px; background: #fff; } a { color: #20388a; text-decoration: none; cursor: pointer; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } a:hover, a:active, a:focus { outline: 0; color: #20388a; text-decoration: underline; } a img { border: none; } a>img { vertical-align: bottom; } img { max-width: 100%; height: auto; } strong { font-weight: normal; font-family: 'LatoBold', Sans-serif; } ul, p { margin: 0px; padding: 0px; list-style: none; } /* ================================================== Form ================================================== */ input, button, select, textarea { background-color: #FFFFFF; border: solid 1px #D5D5D5; font-weight: 300; outline: 0; font-family: 'LatoRegular', Sans-serif; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } input[type="button"], input[type="submit"] { cursor: pointer; } input:focus, textarea:focus, input[type="text"]:focus { outline: 0; } input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="password"]::placeholder, textarea::placeholder { font-family: 'LatoBold', Sans-serif; font-size: 20px; color: #20388A; text-align: left; } input[type="text"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, ::-ms-textarea-placeholder { font-family: 'LatoBold', Sans-serif; font-size: 20px; color: #20388A; text-align: left; } input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, ::-ms-textarea-placeholder { font-family: 'LatoBold', Sans-serif; font-size: 20px; color: #20388A; text-align: left; } /* ================================================== Placeholder ================================================== */ .f_left { float: left; } .f_right { float: right; } .text_align_left { text-align: left; } .text_align_center { text-align: center; } .text_align_right { text-align: right; } .through { text-decoration: line-through; } /* ================================================== Global Styles ================================================== */ .container { width: 1280px; max-width: 100%; padding: 0 15px; margin: auto; } .m_visible { display: none !important; } .gray_bg { background-color: #ECF0F7 !important; } .white_bg { background-color: #ffffff; } .main-middle-section { width: 100%; float: left; margin: 0; padding: 0; } /* default checkbox style */ .default-checkbox-style { position: relative; overflow: hidden; cursor: pointer; width: 40px; display: inline-block;} .default-checkbox-style input[type="checkbox"] { margin: 0; display: inline-block; position: absolute; left: -100px; top: 0; opacity: 0; } .default-checkbox-style .checkmark:before { content: "\f096"; font-family: 'FontAwesome'; font-size: 18px; color: #20388A; margin-right: 10px; position: relative; top: 0px; left: 1px; } .default-checkbox-style input[type="checkbox"]:checked ~ .checkmark:before { content: "\f14a"; font-family: 'FontAwesome'; font-size: 18px; color: #20388A; margin-right: 10px; position: relative; top: 0px; } /* back to top styles */ .backtoptop { background-color: rgba(255,255,255,0.5); border: 3px solid rgba(32,56,138,0.5); position: fixed; right: 10px; bottom: 10px; cursor: pointer; width: 80px; height: 80px; display: none; border-radius: 50%; z-index: 2; text-align: center; font-size: 30px; padding: 5px; } .backtoptop:hover { background-color: rgba(255,255,255,1); border: 3px solid rgba(32,56,138,1); } .backtoptop span { font-family: 'LatoRegular', Sans-serif; font-size: 24px; line-height: 20px; color: #20388A; width: 100%; display: inline-block; vertical-align: top; } /* range slier styles */ .asRange { background-color: #BDCBE2; width: 95%; margin: 35px 0 0 2%; float: left; } .asRange .asRange-pointer { background-color: #20388A; } .asRange .asRange-pointer:before, .asRange .asRange-pointer:after { background-color: #20388A; } .asRange .asRange-selected { background-color: #20388A; } .asRange .asRange-pointer .asRange-tip { width: 42px; background-color: #ffffff; border-color: #20388A; font-family: 'LatoRegular', Sans-serif; color: #20388A; font-size: 14px; padding-bottom: 15px; padding-left: 15px; } .asRange .asRange-pointer .asRange-tip:after { font-family: FontAwesome; content: "\f154"; font-size: 14px; color: #20388A; position: absolute; left: 5px; top: 0; } .asRange .asRange-pointer .asRange-tip:before { background-color: #ffffff; border: 1px solid #20388A; z-index: -1; } /* inline date picker*/ .default-datepicket-style { margin-bottom: 15px; float: left; width: 100%; } .default-datepicket-style .ui-datepicker-inline { max-width: 100%; padding: 0; border: 0;} .default-datepicket-style .ui-datepicker-header { background-color: #20388A; border-radius: 10px; } .default-datepicket-style .ui-datepicker-header .ui-datepicker-title { font-family: 'LatoBold', Sans-serif; font-size: 20px; line-height: 26px; color: #ffffff; } .default-datepicket-style .ui-datepicker th { font-family: 'LatoRegular', Sans-serif; color: #20388A; font-size: 16px; } .default-datepicket-style .ui-datepicker td { text-align: center; } .default-datepicket-style .ui-datepicker td .ui-state-default { background-color: transparent; border: 0; font-family: 'LatoRegular', Sans-serif; color: #20388A; font-size: 14px; text-align: center; } .default-datepicket-style .ui-datepicker td .ui-state-active { background-color: #20388A; color: #ffffff; text-align: center; border-radius: 5px; } .default-datepicket-style .ui-datepicker .ui-datepicker-prev { width: 28px; height: 28px; background-color: transparent; border: 0; font-size: 0; text-align: center; top: 0; right: 0; } .default-datepicket-style .ui-datepicker .ui-datepicker-next { width: 28px; height: 28px; background-color: transparent; border: 0; font-size: 0; text-align: center; top: 0; right: 0; } .default-datepicket-style .ui-datepicker .ui-datepicker-prev:before { font-family: FontAwesome; content: "\f104"; font-size: 24px; line-height: 32px; color: #ffffff; } .default-datepicket-style .ui-datepicker .ui-state-hover { font-size: 24px; font-weight: 600; top: 0; right: 0; } .default-datepicket-style .ui-datepicker .ui-datepicker-next:before { font-family: FontAwesome; content: "\f105"; font-size: 24px; line-height: 32px; color: #ffffff; } /* ================================================== Hamburger Menu Styles ================================================== */ .toggleMenu { background: none; border: none; display: inline-block; margin: 0; padding: 5px 50px 5px 15px; color: #477EC0; text-align: center; width: auto; position: relative; border: 1px solid #477EC0; border-radius: 8px; text-decoration: none; font-size: 16px; line-height: 22px; } .toggleMenu:focus, .toggleMenu:active { background-color: #477EC0; color: #ffffff; text-decoration: none; } .toggleMenu span, .toggleMenu span:before, .toggleMenu span:after { background-color: #477EC0; height: 2px; position: absolute; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .toggleMenu:focus span, .toggleMenu:focus span:before, .toggleMenu:focus span:after { background-color: #ffffff; } .toggleMenu span { margin-top: -1px; width: 20px; top: 50%; right: 7px; } .toggleMenu span:before, .toggleMenu span:after { content: ""; right: 0; } .toggleMenu span:before { width: 30px; top: -5px; } .toggleMenu span:after { width: 25px; top: 5px; } .toggled .toggleMenu { color: #ffffff; background-color: #477EC0; text-decoration: none; } .toggled .toggleMenu:hover, .toggled .toggleMenu:focus { color: #ffffff; } .toggled .toggleMenu span { background-color: transparent !important; } .toggled .toggleMenu span:before, .toggled .toggleMenu span:after { width: 20px; top: 0; background-color: #ffffff; } .toggled .toggleMenu span:before { -webkit-transform: rotate(45deg) translateZ(0); -moz-transform: rotate(45deg) translateZ(0); -ms-transform: rotate(45deg) translateZ(0); -o-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); } .toggled .toggleMenu span:after { -webkit-transform: rotate(-45deg) translateZ(0); -moz-transform: rotate(-45deg) translateZ(0); -ms-transform: rotate(-45deg) translateZ(0); -o-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); } /* ================================================== Custom Select box styles ================================================== */ .custom-select .selectric { background-color: #FFFFFF; border: 0; width: 100%; height: 48px; } .custom-select .selectric .button { height: 48px; border:0; } .custom-select .selectric .button:after { font-family: FontAwesome; content: "\f107"; font-size: 20px; color: #20388A; border:0; left: -15px;} .custom-select .selectric .label { font-family: 'LatoRegular', Sans-serif; font-size: 20px; line-height: 26px; color: #008ba8; margin: 0; padding: 10px 15px; } .custom-select .selectric-items ul li { font-family: 'LatoRegular', Sans-serif; font-size: 16px; line-height: 26px; color: #477EC0; border-bottom: 1px solid #ccc; } .custom-select .selectric-items ul li:last-child { border-bottom: 0; } .custom-select .selectric-items ul li:hover, .custom-select .selectric-items ul li:focus, .custom-select .selectric-items ul li.selected { background-color: #008ba8; color: #ffffff; } /* ================================================== remarks ribbon styles ================================================== */ .holiday-type-remarks { width: 120px; display: inline-block; position: absolute; margin-left: -10px; top: 25px; left: 0; } .holiday-type-remarks .ribbon-bottom-shade { width: 0; height: 0; display: inline-block; border-top: 10px solid #000; border-left: 10px solid transparent; border-right: 0px solid transparent; position: absolute; top: 36px; left: 0; } .holiday-type-remarks .remarks { height: 60px; overflow: hidden; padding: 6px 25px 0; width: 100%; text-align: center; background-color: #968658; font-family: 'LatoRegular', Sans-serif; font-size: 32px; line-height: 36px; color: #FFFFFF; position: relative; } .holiday-type-remarks .remarks:before { content: ""; width: 0; height: 0; display: inline-block; border-top: 25px solid #968658; border-right: 25px solid transparent; border-left: 0px solid transparent; position: absolute; top: 0px; right: -25px; } .holiday-type-remarks .remarks:after { content: ""; width: 0; height: 0; display: inline-block; border-top: 25px solid transparent; border-left: 25px solid #968658; border-right: 0px solid transparent; position: absolute; bottom: 0px; right: -25px; } /* Default Form Styles */ .default-form-style { width: 100%; float: left; margin: 0; padding: 0; } .default-form-style .block-grid { width: 50%; float: left; margin: 0; padding:15px; } .default-form-style h4 { font-family: 'LatoRegular', Sans-serif; font-size: 20px; line-height: 26px; color: #3C3C3C; text-align: center; margin: 0 0 45px; padding: 0; } .default-form-style .form-field { width: 100%; float: left; margin: 0; padding: 15px 0; } .default-form-style .form-field label { font-family: 'LatoRegular', Sans-serif; font-size: 20px; color: #20388A; width: 100%; display: inline-block; } .default-form-style .form-field input[type="text"], .default-form-style .form-field input[type="email"] { background-color: #ffffff; border: 1px solid #20388A; border-radius: 6px; padding: 5px 15px; margin: 10px 0; text-align: left; font-family: 'LatoRegular', Sans-serif; color: #477EC0; font-size: 20px; line-height: 26px; width: 100%; height: 48px; border-radius: 5px; } .default-form-style .form-field input[type="text"]:-moz-placeholder, .default-form-style .form-field input[type="email"]:-moz-placeholder { color: #477EC0; } .default-form-style .form-field input[type="text"]:-ms-input-placeholder, .default-form-style .form-field input[type="email"]:-ms-input-placeholder { color: #477EC0; } .default-form-style .form-field input[type="text"]::-webkit-input-placeholder, .default-form-style .form-field input[type="email"]::-webkit-input-placeholder { color: #477EC0; } .default-form-style .address-field input[type="text"] { margin: 8px 0 7px; } .default-form-style .address-field input.last-input-field { margin-bottom: 10px; } .default-form-style .form-field .input-btn-group { position: relative; } .default-form-style .form-field .input-btn-group input[type="text"] { float: left; width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px); width: calc(100% - 150px); display: inline-block; border-radius: 5px 0px 0px 5px; } .default-form-style .form-field .input-btn-group .findbtn { width: 150px; height: 48px; text-align: center; vertical-align: top; float: left; display: inline-block; border-bottom: 0; margin: 10px 0; background-color: rgba(32,56,138,0.5); border:1px solid rgba(32,56,138,0.5); border-left: 0; border-radius: 0 5px 5px 0; font-family: 'LatoRegular', Sans-serif; color: #20388A; font-size: 20px; line-height: 26px; cursor: pointer; } /* ================================================== Header Styles ================================================== */ .header-section { width: 100%; position: relative; padding: 20px 0; float: left; position: relative; z-index: 99; } .header-section .header-top-nav { background-color: #008ba8; width: auto; max-width: 95%; display: inline-block; border-radius: 0 0 0px 10px; padding: 15px; margin-top: -20px; float: right; } .header-section .header-top-nav ul.top_nav { width: auto; display: inline-block; } .header-section .header-top-nav ul.top_nav li { width: auto; display: inline-block; padding: 0 10px; margin: 0px; border-right: 1px solid #00abc4;} .header-section .header-top-nav ul.top_nav li a { font-family: 'LatoRegular', Sans-serif; font-size: 24px; line-height: 28px; color: #ffffff; text-decoration: none; margin: 0 10px; } .header-section .header-top-nav ul.top_nav li a:hover, .header-section .header-top-nav ul.top_nav li a:focus { color: #ffffff; text-decoration: underline; } .header-section .header-top-nav ul.top_link { width: auto; display: inline-block; } .header-section .header-top-nav ul.top_link li { width: auto; display: inline-block; padding: 0 15px; margin: 0px; font-family: 'LatoRegular', Sans-serif; font-size: 22px; line-height: 28px; color: #ffffff; } .header-section .header-top-nav ul.top_link li .phone-icon { font-size: 22px; line-height: 28px; color: #ffffff; margin-right: 10px; } .header-section .offer-btn-block { width: auto; display: inline-block; margin: 0; padding: 0; vertical-align: top; position: relative; z-index: -1; } .header-section .offer-btn-block .offer-btn { background-color: transparent; padding: 5px 10px; font-family: 'LatoRegular', Sans-serif; font-size: 20px; line-height: 26px; color: #ee386f; border-radius: 20px; text-align: center; text-decoration: none; border: 1px solid #ee386f; display: inline-block; vertical-align: top; } .header-section .offer-btn-block .offer-btn:hover, .header-section .offer-btn-block .offer-btn:focus { background-color: #ee386f; color: #ffffff; } .header-section .logo-block { width: 180px; display: inline-block; float: left; margin: 0; padding: 0; } .header-section .logo-block a { display: inline-block; max-width: 100%; } .header-section .logo-block img { max-width: 100%; height: auto; } .header-section .header-right-block { display: inline-block; float: right; margin: 0; padding: 25px 15px 0; } /*.header-section .header-right-block { width: -webkit-calc(100% - 200px); width: -moz-calc(100% - 200px); width: calc(100% - 200px); display: inline-block; float: right; margin: 0; padding: 25px 15px 0; } */ .header-section .header-right-block .main-navigation-block { width: auto; display: inline-block; margin: 0; } .header-section .header-right-block .main-navigation-block .toggleMenu { display: none; } .header-section .header-right-block .main-navigation { width: auto; display: inline-block; margin: 0; padding: 0px 0; } .header-section .header-right-block .main-navigation li { width: auto; display: inline-block; margin: 0; padding: 0 10px; border-right: 1px solid #20388A; position: relative; text-align: left; } .header-section .header-right-block .main-navigation li a { font-family: 'LatoBold', Sans-serif; color: #20388A; font-size: 22px; line-height: 28px; display: inline-block; text-decoration: none; padding: 5px 0; text-align: left; } .header-section .header-right-block .main-navigation li a:hover, .header-section .header-right-block .main-navigation li a:focus { color: #20388A; } .header-section .header-right-block .main-navigation li.last { border-right: 0; } .header-section .header-right-block .main-navigation>li>.parent { } .header-section .header-right-block .main-navigation li ul { position: absolute; left: -9999px; } .header-section .header-right-block .main-navigation li li.hover ul { left: 100%; top: 0; } .header-section .header-right-block .main-navigation>li.hover>ul { left: 0; } .header-section .header-right-block .main-navigation>li .sub-nav { background-color: #f1f1f1; width: 250px; } .header-section .header-right-block .main-navigation>li .sub-nav:after { font-family: FontAwesome; content: "\f0d8"; color: #f1f1f1; font-size: 36px; position: absolute; top: -15px; left: 20px; z-index: -1; } .header-section .header-right-block .main-navigation>li .sub-nav .sub-nav:after { font-family: FontAwesome; content: "\f0da"; color: #a1a1a1; font-size: 36px; position: absolute; top: 8px; left: -15px; z-index: 1; } .header-section .header-right-block .main-navigation>li .sub-nav li { width: 100%; float: left; padding: 0; border-right: 0; border-bottom: 1px solid #d1d1d1; } .header-section .header-right-block .main-navigation>li .sub-nav li:last-child { border-bottom: 0; } .header-section .header-right-block .main-navigation>li .sub-nav li a { padding: 8px 15px; width: 100%; display: inline-block; } .header-section .header-right-block .main-navigation>li .sub-nav li a:hover, .header-section .header-right-block .main-navigation>li .sub-nav li a:focus { background-color: #a1a1a1; } /* ================================================== banner Styles ================================================== */ .main-banner-section { width: 100%; float: left; margin: 0 0 30px; position: relative; } .main-banner-section .banner-slider { width: 100%; float: left; margin: 0; padding: 0; } .main-banner-section .banner-slider .slick-dots { position: absolute; bottom: 25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .main-banner-section .banner-slider .slick-dots li { position: relative; display: inline-block; width: 15px; height: 15px; margin: 0 5px; padding: 0; cursor: pointer; } .main-banner-section .banner-slider .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: rgba(255, 255, 255, 1); border-radius: 50%; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); } .main-banner-section .banner-slider .slick-dots li.slick-active button { background-color: rgba(255, 255, 255, 0.5); } .main-banner-section .banner-slider .banner-slide { width: 100%; float: left; margin: 0; padding: 0 50px; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 600px; text-align: center; } .banner-content { width: 100%; margin: auto; text-align: center; display: inline-block; position: absolute; bottom: -60px; left: 0; right: 0; /*-webkit-transform: translateY(-55%); -moz-transform: translateY(-55%); -ms-transform: translateY(-55%); -o-transform: translateY(-55%); transform: translateY(-55%);*/ z-index: 2; } .banner-content h1 { color: #ffffff; margin-bottom: 50px; } .main-banner-section .banner-content h3 { font-size: 40px; color: #ffffff; line-height: 51px; margin-bottom: 10px; text-align: center; } .filter-tab-container {width: 1200px; max-width: 100%; background-color: #ffffff; border-radius: 5px; display: inline-block; margin: 15px auto 0; padding: 5px; position: relative; } .filter-tab-container:after { display: none; content: ""; position: absolute; width: 100%; height: 100%; background-color: #ffffff; } section.bannersWrap { z-index: 10; } .noafter.filter-tab-container:after { display: none; } .filter-tab-container ul.tabs-links { background-color: #008ba8; width: 100%; margin: 0px; padding: 0px; list-style: none; border-radius: 4px 4px 0 0; overflow: hidden; display: table; } .filter-tab-container ul.tabs-links li.tab-link { display: table-cell; background-color: #008ba8; color: #222; font-family: 'LatoRegular', Sans-serif; font-size: 20px; line-height: 26px; color: #ffffff; text-align: center; padding: 10px 15px; cursor: pointer; } .filter-tab-container ul.tabs-links li.tab-link .pre-tab-icon { background-size: contain; background-position: left top; background-repeat: no-repeat; display: inline-block; vertical-align: bottom; } .filter-tab-container ul.tabs-links li.tab-link .coach-icon { background-image: url(../images/coach-icon.png); width: 42px; height: 28px; position: relative; top: 2px; } .filter-tab-container ul.tabs-links li.tab-link .boat-icon { background-image: url(../images/boat-icon.png); width: 42px; height: 24px; } .filter-tab-container ul.tabs-links li.tab-link .car-icon { background-image: url(../images/car-icon.png); width: 48px; height: 16px; position: relative; top: -2px; } .filter-tab-container ul.tabs-links li.tab-link .plane-icon { background-image: url(../images/plane-icon.png); width: 46px; height: 22px; } .filter-tab-container ul.tabs-links li.tab-link .book-icon { font-size: 22px; display: inline-block; color: #ffffff; } .filter-tab-container ul.tabs-links li.tab-link.current { background: #00abc4; color: #ffffff; } .filter-tab-container .filter-tab-inner-content { width: 100%; float: left; margin: 0; padding: 0; border-radius: 4px; border: 1px solid #477EC0; } .filter-tab-container .tab-content { display: none; background: #ECF0F7; padding: 0; float: left; width: 100%; border-radius: 4px; } .filter-tab-container .tab-content.current { display: inherit; } .travelling-search-form-content { width: 100%; float: left; display: inline-block; background: #ECF0F7; padding: 0; border-radius: 0 0 5px 5px; } .travelling-search-form { width: 100%; float: left; display: inline-block; } .travelling-search-form .form-field { width: auto; display: inline-block; margin: 0; padding: 0px 5px 0; float: left; position: relative; border-right: 1px solid #477EC0; } .travelling-search-form .form-field.departing-from:after, .travelling-search-form .form-field.travelling-to:after { font-family: FontAwesome; content: "\f002"; color: #477EC0; position: absolute; right: 15px; top: 15px; } .travelling-search-form .form-field.travelling-to:after { right: 15px; } .travelling-search-form .form-field.departure-date { /*border-right:0; */ width: 250px; } .form-field.departure-date .custom-select .selectric { background-color: transparent; } .form-field.departure-date .custom-select .selectric .label { padding-right: 45px; } /*.travelling-search-form .form-field.departure-date:after { font-family: FontAwesome; content: "\f107"; font-size: 24px; color: #477EC0; position: absolute; right: 15px; top: 15px; }*/ .travelling-search-form .form-field input[type="text"] { background-color: #ECF0F7; padding: 5px; text-align: center; font-family: 'LatoRegular', Sans-serif; color: #008ba8; font-size: 20px; line-height: 26px; width: 100%; height: 48px; border-radius: 5px; border: 0; padding-right: 25px; } .travelling-search-form .form-field input[type="text"]:-moz-placeholder { color: #008ba8; } .travelling-search-form .form-field input[type="text"]:-ms-input-placeholder { color: #008ba8; } .travelling-search-form .form-field input[type="text"]::-webkit-input-placeholder { color: #008ba8; } .travelling-search-form .form-action { width: auto; display: inline-block; margin: 0; padding: 0px; float: right; } .travelling-search-form .form-action button[type="button"] { background-color: #FBBA00; border: 1px solid #FBBA00; font-family: 'Lato', Sans-serif; font-size: 35px; line-height: 45px; color: #ffffff; text-align: center; border-radius: 0px; padding: 0 15px; width: 175px; height: 48px; float: right;} .travelling-search-form .form-field.departing-from, .travelling-search-form .form-field.travelling-to, .travelling-search-form .form-field.departure-date{ width: 25%; } .group-coach .departing-from,.group-coach .travelling-to,.group-coach .departure-date{ width: 27%; } /* ================================================== offer carousal section ================================================== */ .carousal-section { width: 100%; float: none; margin: 0; padding: 0; } .latestOfferCarousal { width: 100%; float: none; margin: 0; padding: 50px 0; } .latestOfferCarousal .offerSlide { float: none; margin: 0; padding: 15px 8px; } .latestOfferCarousal .offerSlide .offerGrid { width: 100%; border-radius: 4px; float: left; margin: 0; padding: 0; position: relative; border: 1px solid #707070; } .offerGrid a { width: 100%; height: 100%; display: inline-block; } .offerGrid .offerCoupan { background-color: #ee386f; width: 100px; height: 100px; display: inline-block; border-radius: 50%; text-align: center; padding: 15px 0; position: absolute; left: 10px; top: 10px; } .offerGrid .offerCoupan span { font-family: 'LatoBold', Sans-serif; font-size: 18px; line-height: 22px; color: #FFFFFF; } .offerGrid .offerCoupan strong { font-family: 'LatoBold', Sans-serif; font-size: 31px; line-height: 39px; color: #FFFFFF; } .offerGrid figure { width: 100%; float: left; margin: 0; padding: 0; height: 180px; overflow: hidden; } .offerGrid figure img { max-width: 100%; height: auto; } .offerGrid .offer-desc { width: 100%; float: none; margin: 0; padding: 25px 10px; background-color: #ffffff; } .offerGrid .offer-desc .tour-dest { position: relative; width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: calc(100% - 60px); float: left; display: inline-block; min-height: 100px; } .offerGrid .offer-desc .tour-dest .tour-by-icon { display: inline-block; position: relative; right: -5px; top: 5px; } .by-coach-icon { background: url(../images/coach-icon-gray.png) left top no-repeat; background-size: 100% 100%; width: 47px; height: 36px; } .by-boat-icon { background: url(../images/boat-icon-gray.png) left top no-repeat; background-size: 100% 100%; width: 36px; height: 26px; } .by-car-icon { background: url(../images/car-icon-gray.png) left top no-repeat; background-size: 100% 100%; width: 58px; height: 23px; } .by-plane-icon { background: url(../images/plane-icon-gray.png) left top no-repeat; background-size: 100% 100%; width: 44px; height: 25px; } .offerGrid .offer-desc .tour-dest h3 { font-family: 'LatoBold', Sans-serif; font-size: 17px; line-height: 36px; color: #477EC0; position: relative; } .offerGrid .offer-desc .tour-dest h3:before { content: ""; width: 50px; height: 5px; position: absolute; top: 0; left: 0; } .offerGrid .offer-desc .tour-dest .tour-date { font-family: 'LatoRegular', Sans-serif; font-size: 12px; line-height: 19px; color: #477EC0; } .offerGrid .offer-desc .tour-dest .tour-date .sep { display: inline-block; font-family: 'LatoRegular', Sans-serif; font-size: 15px; line-height: 19px; color: #477EC0; margin: 0 5px; } .offerGrid .offer-desc .tour-days { position: relative; width: 50px; float: right; display: inline-block; text-align: center; padding-top: 0px; } .offerGrid .offer-desc .tour-days .no_of { background: url(../images/date-icon.png) left top no-repeat; background-size: 100% 100%; min-width: 30px; min-height: 27px; display: inline-block; font-family: 'LatoBold', Sans-serif; font-size: 14px; line-height: 22px; color: #477EC0; text-align: center; padding-top: 4px; } .offerGrid .offer-desc .tour-days .d_n { font-family: 'LatoRegular', Sans-serif; font-size: 10px; line-height: 15px; color: #477EC0; float: left; width: 100%; text-align: center; } .offerGrid .offer-price-block { background-color: #ee386f; width: 100%; padding: 20px 5px; float: left; } .offerGrid .offer-price-block .per_person_price { width: auto; display: inline-block; vertical-align: bottom; float: left; } .offerGrid .offer-price-block .per_person_price .price { font-family: 'LatoBold', Sans-serif; font-size: 21px; line-height: 26px; color: #FFFFFF; } .offerGrid .offer-price-block .per_person_price .label { font-family: 'LatoRegular', Sans-serif; font-size: 16px; line-height: 26px; color: #FFFFFF; } .offerGrid .offer-price-block .per_person_price .sep { display: inline-block; font-family: 'LatoRegular', Sans-serif; font-size: 24px; line-height: 19px; color: #ffffff; margin: 0 0px 0 14px; } .offerGrid .offer-price-block .default_price { width: auto; display: inline-block; vertical-align: bottom; padding-right: 5px; padding-left: 5px; float: right; } .offerGrid .offer-price-block .default_price .label { font-family: 'LatoRegular', Sans-serif; font-size: 16px; line-height: 26px; color: #FFFFFF; } .offerGrid .offer-price-block .default_price .price { font-family: 'LatoRegular', Sans-serif; font-size: 16px; line-height: 26px; color: #FFFFFF; } .offerGrid .offer-action-block { width: auto; display: inline-block; position: absolute; right: 0; bottom: 80px; } .offerGrid .offer-action-block .booknowBtn { background-color: #154396; padding: 3px 10px; font-family: 'LatoBold', Sans-serif; font-size: 20px; line-height: 24px; color: #FFFFFF; text-align: center; text-decoration: none; } .latestOfferCarousal .slick-arrow { position: absolute; cursor: pointer; background-color: #ffffff; border: 2px solid #477EC0; width: 40px; height: 40px; display: inline-block; border-radius: 50%; text-align: center; font-size: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .latestOfferCarousal .slick-arrow.slick-prev { padding: 2px 10px; left: -50px; } .latestOfferCarousal .slick-arrow.slick-next { padding: 2px 13px; right: -50px; } .latestOfferCarousal .slick-arrow.slick-prev:before { font-family: FontAwesome; content: "\f053"; color: #477EC0; font-size: 20px; line-height: 36px; } .latestOfferCarousal .slick-arrow.slick-next:after { font-family: FontAwesome; content: "\f054"; color: #477EC0; font-size: 20px; line-height: 36px; } /* ================================================== Search page aside styles ================================================== */ .search-page { padding: 25px 0; } .search-page .form-field { width: 100%; display: inline-block; float: left; margin: 15px 0 35px; padding: 0; } .search-page .form-field input[type="text"]{ width: 100%; height: 48px; margin: 0; padding: 5px 10px; background-color: #ffffff; border-radius: 0; border: 1px solid #ffffff; font-family: 'LatoBold', Sans-serif; font-size: 20px; color: #20388A; text-align: left; } .inner-banner-section { width: 100%; height: 0; float: left; margin: 0; padding: 0; position: relative; background-color: #20388A; text-align: center; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; overflow: hidden; } .head-filter-open .inner-banner-section { height: auto; overflow: visible; padding: 50px 0; } .inner-banner-section .banner-content { width: 70%; margin: auto; text-align: center; display: inline-block; z-index: 2; position: relative; top: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .search-head-filter { width: 100%; float: left; margin: 0; padding: 0; } .search-head-filter h3 { font-family: 'LatoRegular', Sans-serif; color: #20388A; font-size: 20px; line-height: 36px; text-align: left; margin: 15px 0; padding: 0; } .search-head-filter h3 span { font-family: 'LatoBold', Sans-serif; font-size: 24px; line-height: 26px; color: #20388A; margin-left: 0px; display: inline-block; } .search-head-filter .search-result-count { display: inline-block; margin-left: 0px; } .search-head-filter .HeadFiltertoggle { background-color: transparent; border: 2px solid #20388A; color: #20388A; padding: 10px 25px; margin-top: -20px; border-radius: 5px; font-family: 'LatoBold', Sans-serif; font-size: 24px; line-height: 36px; text-align: center; float: right; cursor: pointer; } .search-head-filter .HeadFiltertoggle:hover, .search-head-filter .HeadFiltertoggle:focus { background-color: #20388A; color: #ffffff; } .search-head-filter .first-field { width: 300px; float: left; } .apply-filter-button { background-color: transparent; width: 270px; border: 2px solid #20388A; color: #20388A; padding: 10px 25px; margin-top: -15px; border-radius: 5px; font-family: 'LatoBold', Sans-serif; font-size: 24px; line-height: 36px; text-align: center; float: right; cursor: pointer; } .apply-filter-button:hover, .apply-filter-button:focus { background-color: #20388A; color: #ffffff; text-decoration: none; border-color: #20388A } .readyToApply { background-color: #FBBA00; color: #ffffff; border-color: #FBBA00 } .clear-dest-button { background-color: transparent; width: 270px; border: 2px solid #20388A; color: #20388A; padding: 5px 15px; margin-top: 5px; margin-bottom: 5px; border-radius: 5px; font-family: 'LatoBold', Sans-serif; font-size: 24px; line-height: 36px; text-align: center; float: right; cursor: pointer; } .clear-dest-button:hover, .clear-dest-button:focus { background-color: #20388A; color: #ffffff; text-decoration: none; } .inner-addon { position: relative; } .inner-addon img {position: absolute; padding: 15px; pointer-events: none; } .left-addon img { left: 0px;} .right-addon img { right: 0px;} .left-addon input { padding-left: 30px; } .right-addon input { padding-right: 30px; padding-top:5px; } /* search-result-filter-section styles */ .search-result-filter-section { width: -webkit-calc(100% - 315px); width: -moz-calc(100% - 315px); width: calc(100% - 315px); float: right; margin: 0; padding: 0; } .search-result-filter-section .search-result-field { width: 33.33%; float: left; padding: 0; margin: 15px 0; } .search-result-filter-section .search-result-field { background-color: #FFFFFF; height: 48px;} .search-result-filter-section .search-result-field:last-of-type { text-align: left; margin-left: 15px;} .search-result-filter-section .search-result-field .mapviewBtn { font-family: 'LatoRegular', Sans-serif; font-size: 20px; line-height: 26px; color: #477EC0; margin: 0; padding: 10px 15px; border: 0; width: 100%; height: 100%; cursor: pointer; } .search-result-filter-section .search-result-field .mapviewBtn i { margin: 0 10px; } .search-body-view { width: 95%; float: left; margin: 0; padding: 0; } .search-sidebar { width: 300px; max-width: 100%; float: left; margin: 0; padding: 0; } .search-sidebar h3 { font-family: 'LatoRegular', Sans-serif; color: #20388A; font-size: 20px; line-height: 26px; text-align: left; margin: 15px 0; padding: 0px 15px; } .aside-filter-box { width: 100%; float: left; margin: 10px 0 0; padding: 25px 15px; } .search-aside-filter-box { width: 100%; float: left; } .search-price-filterblock { padding-bottom: 15px; } .search-price-filterblock .resetbtn { background-color: transparent; border: 0; font-family: 'LatoRegular', Sans-serif; color: #BFBFBF; font-size: 16px; line-height: 26px; padding: 5px 10px; margin: 15px 0 15px -15px; cursor: pointer; float: left; } .search-price-filterblock .applyBtn { font-family: 'LatoRegular', Sans-serif; color: #20388A; border: 0; font-size: 16px; line-height: 26px; padding: 5px 10px; margin: 15px -10px 15px 0; cursor: pointer; float: right; } .aside-filter-box .filterblock { width: 100%; float: left; } .aside-filter-box .filterblock .filter-block-head, .aside-filter-box .filterblock h2 { background-color: transparent; width: 100%; float: left; display: inline-block; font-family: 'LatoBold', Sans-serif; font-size: 24px; line-height: 38px; color: #20388A; margin: 0; padding: 15px 0; border: 0; border-radius: 0; position: relative; } .aside-filter-box .filterblock .filter-block-head .ui-accordion-header-icon { position: absolute; right: 0; top: 12px; text-indent: unset; overflow: inherit; margin: 0; } .aside-filter-box .filterblock .filter-block-head .ui-accordion-header-icon:after { font-family: FontAwesome; content: "\f105"; font-size: 20px; color: #20388A; } .aside-filter-box .filterblock .ui-state-active .ui-accordion-header-icon:after { font-family: FontAwesome; content: "\f107"; font-size: 20px; color: #20388A; } .aside-filter-box .list-box-container { width: 100%; float: left; margin: 0; padding: 0; border: 0; } .aside-filter-box .list-box-container .list-box-style { width: 100%; float: left; margin: 0 0 15px; padding: 0; } .aside-filter-box .list-box-container .list-box-style .badge { min-width: 40px; display: inline-block; float: right; background-color: #BFBFBF; border-radius: 10px; padding: 3px 3px 2px; font-family: 'LatoRegular', Sans-serif; font-size: 16px; line-height: 20px; color: #ffffff; text-align: center; } .aside-filter-box .list-box-container .list-box-style li { width: 100%; float: left; margin: 0; padding: 10px 40px 10px 0; position: relative; font-family: 'LatoRegular', Sans-serif; font-size: 20px; line-height: 26px; color: #20388A; text-align: left; } .aside-filter-box .checkbox-list-style li:before { font-family: FontAwesome; content: "\f096"; color: #20388A; position: absolute; right: 0; top: 10px; font-size: 20px; } .aside-filter-box .checkbox-list-style li.selected:before { font-family: FontAwesome; content: "\f14a"; color: #20388A; position: absolute; right: 0; top: 10px; font-size: 20px; } .aside-filter-box .list-box-container .destination-list-style li { padding-right: 0; } /* main-right-container Styles start */ .main-right-container { width: -webkit-calc(100% - 315px); width: -moz-calc(100% - 315px); width: calc(100% - 315px); float: right; margin: 0; padding: 0; position: relative; } /* Holiday grid Styles */ .holiday_list_container { width: 100%; float: left; margin: 0; padding: 0px 0; } .holiday_grid_block { width: 50%; float: left; margin: 15px 0; padding: 0 16px; } .offerCoupan { width: 100px; height: 100px; display: inline-block; border-radius: 50%; text-align: center; padding: 15px 0; position: absolute; right: 10px; top: 10px; } .offerCoupan span { font-family: 'LatoBold', Sans-serif; font-size: 20px; line-height: 22px; color: #FFFFFF; } .offerCoupan strong { font-family: 'LatoBold', Sans-serif; font-size: 31px; line-height: 39px; color: #FFFFFF; } .grid_row { margin-left: -16px; margin-right: -16px; } .holiday_grid_block .holiday-content { width: 100%; float: left; margin: 0; padding: 0; position: relative; background-color: #ffffff; } .holiday_grid_block figure { width: 100%; height: auto; max-height: 250px; float: left; margin: 0; padding: 0; text-align: center; overflow: hidden; } .holiday_grid_block figure img { max-width: 100%; height: auto; } .holiday_grid_block .grid-detail-content { width: 100%; float: left; margin: 0; padding: 15px; } .holiday_grid_block .holiday-title { font-family: 'LatoBold', Sans-serif; font-size: 20px; line-height: 26px; color: #20388A; margin: 0; padding: 10px 0; border-bottom: 1px solid #BDCBE2; } .holiday_grid_block .tour-details, .holiday_grid_block .tour-details ul, .holiday_grid_block .tour-details ul li { width: 100%; float: left; margin: 0; padding: 0; } .holiday_grid_block .tour-details ul li { font-family: 'LatoRegular', Sans-serif; font-size: 20px; line-height: 26px; color: #477EC0; margin: 0; padding: 10px 0 0; } .holiday_grid_block .tour-details ul li .sep { display: inline-block; margin: 0 3px; } .holiday_grid_block .tour-details ul li i { margin-right: 10px; } .holiday_grid_block .toor-other-details { width: 100%; float: left; margin: 0; padding: 15px 0 0; } .holiday_grid_block .toor-other-details .t_by { float: left; display: inline-block; } .holiday_grid_block .toor-other-details .t_by .by-coach-icon { background: url(../images/coach-icon-gray.png) left top no-repeat; background-size: 100% 100%; width: 57px; height: 36px; display: inline-block; } .holiday_grid_block .toor-other-details .t_by .by-boat-icon { background: url(../images/boat-icon-gray.png) left top no-repeat; background-size: 100% 100%; width: 46px; height: 26px; display: inline-block; top: 15px; } .holiday_grid_block .toor-other-details .t_by .by-car-icon { background: url(../images/car-icon-gray.png) left top no-repeat; background-size: 100% 100%; width: 68px; height: 23px; display: inline-block; top: 15px; } .holiday_grid_block .toor-other-details .t_by .by-plane-icon { background: url(../images/plane-icon-gray.png) left top no-repeat; background-size: 100% 100%; width: 54px; height: 25px; display: inline-block; top: 15px; } .holiday_grid_block .toor-other-details .t_day { position: relative; width: 50px; float: left; display: inline-block; text-align: center; margin: 0 15px; } .holiday_grid_block .toor-other-details .t_day .no_of { background: url(../images/date-icon.png) left top no-repeat; background-size: 100% 100%; min-width: 30px; min-height: 27px; display: inline-block; font-family: 'LatoBold', Sans-serif; font-size: 14px; line-height: 22px; color: #477EC0; text-align: center; padding-top: 4px; } .holiday_grid_block .toor-other-details .t_day .d_n { font-family: 'LatoRegular', Sans-serif; font-size: 10px; line-height: 15px; color: #477EC0; float: left; width: 100%; text-align: center; } .holiday_grid_block .toor-other-details .t_landmark { width: 65px; position: relative; float: left; display: inline-block; text-align: center; } .holiday_grid_block .toor-other-details .t_landmark .landmark_icon { font-size: 32px; line-height: 15px; color: #477EC0; } .holiday_grid_block .toor-other-details .t_landmark .landmark_icon i { line-height: 20px; } .holiday_grid_block .toor-other-details .t_landmark .landmark_name { display: inline-block; font-family: 'LatoRegular', Sans-serif; font-size: 10px; line-height: 15px; color: #477EC0; width: 100%; float: left; text-align: center; } .holiday_grid_block .toor-other-details .toor-note { display: inline-block; float: right; font-family: 'LatoBold', Sans-serif; font-size: 20px; line-height: 26px; color: #EF7D00; border-bottom: 2px dashed #EF7D00; padding: 0px 0 5px; } .holiday_grid_block .holiday_grid_footer { background-color: #477ec0; width: 100%; padding: 10px; float: left; position: relative; } .holiday_grid_block .holiday-price-block { width: auto; padding:0; display: inline-block; float: left; } .holiday_grid_block .holiday-price-block .label { font-family: 'LatoRegular', Sans-serif; font-size: 16px; line-height: 26px; color: #FFFFFF; margin-right: 15px; } .holiday_grid_block .holiday-price-block .price { font-family: 'LatoBold', Sans-serif; font-size: 40px; line-height: 51px; color: #FFFFFF; } .holiday_grid_block .holiday_grid_action_block { width: auto; display: inline-block; position: absolute; right: -16px; top: 20px; } .holiday_grid_block .holiday_grid_action_block .viewnowBtn { background-color: #ef7d00; padding: 3px 15px; font-family: 'LatoBold', Sans-serif; font-size: 30px; line-height: 24px; color: #FFFFFF; text-align: center; text-decoration: none; border-radius: 5px; } .holiday_grid_block .holiday_grid_action_block .viewnowBtn i { margin-right: 15px; } /* ================================================== brochure request page styles ================================================== */ .brochure-list-container { width: 100%; float: left; margin: 0; padding: 0; } .brochure-list-container .brochure-list-view { width: 100%; float: left; margin: 15px 0; padding: 0; } .brochure-list-container .brochure-list-view h2 { font-family: 'LatoBold', Sans-serif; font-size: 24px; line-height: 26px; color: #20388A; border-bottom: 2px solid #20388A; padding: 15px 0; margin: 15px 0; } .brochure-list-container .brochure-list-view .img-block { float: left; width: 400px; max-width: 100%; margin: 0; padding: 0; } .brochure-list-container .brochure-list-view .img-block img { max-width: 100%; height: auto; } .brochure-list-container .brochure-list-view .brochure-details { width: -webkit-calc(100% - 400px); width: -moz-calc(100% - 400px); width: calc(100% - 400px); float: left; margin: 0; padding: 0px 0 0 25px; position: relative; top: -10px; } .default-table-style { width: 100%; margin: 0; padding: 0; border: 0; border-spacing: 10px; border-collapse: separate; } .default-table-style th, .default-table-style td { padding: 5px; } .default-table-style th { font-family: 'LatoRegular', Sans-serif; color: #3C3C3C; font-size: 16px; line-height: 26px; text-align: left; border-bottom: 1px solid #3C3C3C; padding-top: 0; } .default-table-style td { font-family: 'LatoRegular', Sans-serif; color: #20388A; font-size: 20px; line-height: 26px; text-align: left; } .default-table-style tr th:nth-child(2) { text-align: center; } .default-table-style tr th:last-child { text-align: center; width: 150px; } .default-table-style tr td:last-child {text-align: center; } .default-table-style tr td:nth-child(2) { text-align: center; } .default-table-style tr td .download_link { font-family: 'LatoRegular', Sans-serif; font-size: 16px; color: #477EC0; } /* Default Form Styles */ .brochure-request-form { width: 100%; float: left; margin: 0; padding: 80px 0 0; } /* brochure request result container styles */ .bro_req_result_container { width: 100%; float: left; margin-bottom: 0; padding: 25px 0; border-top: 1px solid #20388A; border-bottom: 1px solid #20388A; position: relative; } .bro_req_result_container h3 { font-family: 'LatoBold', Sans-serif; font-size: 24px; line-height: 26px; color: #20388A; margin: 15px 0; padding: 0; } .bro_req_result_container .result-block { width: 100%; float: left; margin: 0; padding: 0; } .bro_req_result_container .result-block p { font-family: 'LatoRegular', Sans-serif; font-size: 20px; line-height: 26px; color: #20388A; margin: 10px 0 0; padding: 0; text-align: left; } .bro_req_result_container .submitBtn { width: auto; background-color: transparent; display: inline-block; border-radius: 5px; border: 1px solid #20388A; padding: 8px 25px; font-family: 'LatoBold', Sans-serif; font-size: 24px; line-height: 26px; color: #20388A; text-align: center; position: absolute; top: 30px; right: 0; cursor: pointer; } .bro_req_result_container .submitBtn:hover { background-color: #20388A; color: #ffffff; } /* brochure request banner container styles */ .bro_req_banner_container { background-color: #477EC0; width: 100%; float: left; margin: 25px 0; padding: 60px 0; position: relative; } .bro_req_banner_container .bro_banner-content { width: 70%; margin: 0 auto; padding: 0; text-align: center; } .bro_req_banner_container .default-title-style { width: 100%; display: inline-block; text-align: center; margin: 0; padding: 0; } .bro_req_banner_container .default-title-style h2 { font-family: 'LatoBold', Sans-serif; font-size: 40px; line-height: 48px; color: #ffffff; margin: 25px 0 50px; padding: 0; position: relative; } .bro_req_banner_container .default-title-style h2:after { content: ""; background-color: #ffffff; position: absolute; left: 0; right: 0; margin: auto; width: 150px; height: 5px; display: inline-block; bottom: -10px; } .bro_req_banner_container .post-code-field { width: 100%; float: left; margin: 25px 0; padding: 0; text-align: center; } .bro_req_banner_container .post-code-field p { font-family: 'LatoRegular', Sans-serif; font-size: 20px; line-height: 26px; color: #ffffff; margin: 10px 0 0; padding: 0; text-align: center; } .bro_req_banner_container h3 { font-family: 'LatoRegular', Sans-serif; font-size: 32px; line-height: 36px; color: #ffffff; margin: 20px 0; padding: 15px 0; text-align: center; border-bottom: 2px solid #ffffff; } .bro_req_banner_container .post-code-field .search-field { width: 100%; margin: auto; text-align: center; position: relative; } .bro_req_banner_container .post-code-field .search-field input[type="text"] { background-color: #ffffff; border: 1px solid #ffffff; border-radius: 6px; padding: 0px 15px; margin: 0px 0; text-align: center; font-family: 'LatoRegular', Sans-serif; color: #477EC0; font-size: 20px; line-height: 26px; width: 100%; height: 60px; border-radius: 5px; } .bro_req_banner_container .post-code-field .search-field input[type="text"]:-moz-placeholder, .bro_req_banner_container .post-code-field .search-field input[type="text"]:-ms-input-placeholder .bro_req_banner_container .post-code-field .search-field input[type="text"]::-webkit-input-placeholder { text-align: center; color: #477EC0; } .bro_req_banner_container .post-code-field .search-field .searchBtn { width: auto; background-color: transparent; display: inline-block; border-radius: 5px; border: 2px solid #20388A; padding: 8px 25px; font-family: 'LatoBold', Sans-serif; font-size: 24px; line-height: 26px; color: #20388A; text-align: center; position: absolute; top: 30px; right: 0; cursor: pointer; position: absolute; right: 10px; top: 8px; } .bro_req_result_container .searchBtn:hover { background-color: #20388A; color: #ffffff; } .result-des { width: 100%; float: left; display: block; } .result-des ul { width: 100%;list-style-type: square; } .result-des ul li { width: 100%; float: left; display: block; list-style-type: square; font-family: 'LatoBold', Sans-serif; font-size: 20px; line-height: 48px; color: #ffffff; text-align: left; } /* New css */ .grid_row { margin-left: -16px; margin-right: -16px; } .holiday_grid_block2:first-of-type { width: 100%; float: left; margin-bottom: 10px; margin-top: 0px; padding: 0 16px; } .holiday_grid_block2 { width: 100%; float: left; margin: 10px 0; padding: 0 16px; } .holiday_grid_block2 .holiday-content { width: 100%; float: left; margin: 0; padding: 0; position: relative; background-color: #ffffff; } .holiday_grid_block2 figure { width: 280px; height: auto; max-height: 100%; float: left; margin: 0; padding: 0; text-align: center; overflow: hidden; position: relative; } .holiday_grid_block2 figure img { height: auto; float: left;} .holiday_grid_block2 figure .brand-logo { width: auto; position: absolute; bottom: 10px; left: 0; } .holiday_grid_block2 figure .offerCoupan { width: 100px; height: 100px; display: inline-block; border-radius: 25% 0% 25% 0%; text-align: center; padding: 15px 0; position: absolute; right: 10px; top: 10px; } .holiday_grid_block2 figure .offerCoupan span { font-family: 'LatoBold', Sans-serif; font-size: 20px; line-height: 22px; color: #FFFFFF; } .holiday_grid_block2 figure .offerCoupan strong { font-family: 'LatoBold', Sans-serif; font-size: 20px; line-height: 39px; color: #FFFFFF; } .holiday_grid_block2 .grid-detail-content { width: -webkit-calc(100% - 280px); width: -moz-calc(100% - 280px); width: calc(100% - 280px); float: left; margin: 0; padding-top: 15px; padding-bottom:0px; padding-left: 15px; padding-right: 15px; position: relative; } .holiday_grid_block2 .holiday-title { font-family: 'LatoBold', Sans-serif; font-size: 22px; line-height: 26px; color: #20388A; margin: 0; padding: 0px 0 10px; } .holiday_grid_block2 .toor-date-details { width: auto; display: inline-block; margin: 0; padding: 0; } .holiday_grid_block2 .offer-count { background-color: #20388a; padding: 5px 10px; margin-right: 10px; display: inline-block; font-family: 'LatoRegular', Sans-serif; font-size: 18px; line-height: 26px; color: #FFFFFF; } .holiday_grid_block2 .toor-date-details .toor-date { font-family: 'LatoRegular', Sans-serif; font-size: 16px; line-height: 20px; color: #20388A; } .holiday_grid_block2 .tour-details, .holiday_grid_block .tour-details ul, .holiday_grid_block .tour-details ul li { width: 100%; float: left; margin: 0; padding: 0; } .holiday_grid_block2 .tour-details ul li { font-family: 'LatoRegular', Sans-serif; font-size: 20px; line-height: 26px; color: #477EC0; margin: 0; padding: 10px 0 0; } .holiday_grid_block2 .tour-details ul li .sep { display: inline-block; margin: 0 3px; } .holiday_grid_block2 .tour-details ul li i { margin-right: 10px; } .holiday_grid_block2 .toor-other-details { width: 100%; float: left; margin: 0; padding: 0px 0 0; } .holiday_grid_block2 .toor-other-details .t_by { float: left; display: inline-block; position: relative; top: 10px;} .holiday_grid_block2 .toor-other-details .t_by .by-coach-icon { background: url(../images/coach-icon-blue.png) left top no-repeat; background-size: 100% 100%; width: 57px; height: 36px; display: inline-block; } .holiday_grid_block2 .toor-other-details .t_by .by-boat-icon { background: url(../images/boat-icon-gray.png) left top no-repeat; background-size: 100% 100%; width: 46px; height: 26px; display: inline-block; top: 15px; } .holiday_grid_block2 .toor-other-details .t_by .by-car-icon { background: url(../images/car-icon-gray.png) left top no-repeat; background-size: 100% 100%; width: 68px; height: 23px; display: inline-block; top: 15px; } .holiday_grid_block2 .toor-other-details .t_by .by-plane-icon { background: url(../images/plane-icon-gray.png) left top no-repeat; background-size: 100% 100%; width: 54px; height: 25px; display: inline-block; top: 15px; } .holiday_grid_block2 .toor-other-details .t_day { position: relative; width: 50px; display: inline-block; text-align: center; margin: 0 15px; } .holiday_grid_block2 .toor-other-details .t_day .no_of { background: url(../images/date-icon.png) left top no-repeat; background-size: 100% 100%; min-width: 30px; min-height: 27px; display: inline-block; font-family: 'LatoBold', Sans-serif; font-size: 14px; line-height: 22px; color: #477EC0; text-align: center; padding-top: 4px; } .holiday_grid_block2 .toor-other-details .t_landmark { width: 65px; position: relative; float: left; display: inline-block; text-align: center; } .holiday_grid_block2 .toor-other-details .t_landmark .landmark_icon { font-size: 32px; line-height: 15px; color: #477EC0; } .holiday_grid_block2 .toor-other-details .t_landmark .landmark_icon i { line-height: 20px; } .holiday_grid_block2 .toor-other-details .t_landmark .landmark_name { display: inline-block; font-family: 'LatoRegular', Sans-serif; font-size: 10px; line-height: 15px; color: #477EC0; width: 100%; float: left; text-align: center; } .holiday_grid_block2 .toor-other-details .toor-note { display: inline-block; float: right; font-family: 'LatoBold', Sans-serif; font-size: 20px; line-height: 26px; color: #EF7D00; border-bottom: 2px dashed #EF7D00; padding: 0px 0 5px; } .holiday_grid_block2 .toor-other-details .toor-icon-block { max-width: 60px; display: inline-block; text-align: center; } .holiday_grid_block2 .toor-other-details .toor-label { float: left; width: 100%; font-family: 'LatoBold', Sans-serif; font-size: 12px; line-height: 26px; color: #20388A; margin: 0; padding: 0; } .holiday_grid_block2 .toor-other-details .toor-icon { max-width: 100%; display: inline-block; } .holiday_grid_block2 .toor-other-details .toor-label.top-up { position: relative; top: -5px; } .holiday_grid_block2 .toor-details-list-cont { float: left; display: inline-block; margin: 15px 0; padding: 0; } .holiday_grid_block2 ul.toor-details-list { width: 100%; height: 100px; float: left; margin: 0; padding: 0; display: inline-block; } .roomsSearch { font-size: 16px; width: 100%; font-family: 'LatoBold', Sans-serif;color:#20388A; height: auto;} .roomNumbers { text-align: center;} .roomNumber { text-align: center; margin: 0% 2%; font-family: 'LatoBold', Sans-serif; font-size: 16px; color:#20388A;} .holiday_grid_block2 ul.toor-details-list li { width: 100%; float: left; margin: 0; padding: 0 0 0 10px; font-family: 'LatoRegular', Sans-serif; font-size: 19px; line-height: 28px; color: #008ba8; } .holiday_grid_block2 ul.toor-details-list li:before { font-family: FontAwesome; content: "\f00c"; color: #EF7D00; position: relative; left: -5px; } .holiday_grid_block2 .action-block { width: auto; float: right; margin-right: 10%; margin-top: 10px; } .holiday_grid_block2 .action-block .view_details_btn { background-color: #20388A; padding: 10px; width: auto; display: inline-block; font-family: 'Sans-serif'; font-size: 19px; line-height: 20px; color: #ffffff; border-radius: 20px; text-decoration: none; } .holiday_grid_block2 .price-details-block { margin-top: 10px; margin-left: 5px; display: inline-block; font-family: 'LatoBold', Sans-serif; font-size: 25px; line-height: 25px; color: #154396; text-align: center; } .holiday_grid_block2 .price-details-block span { width: 100%; display: inline-block; font-family: 'LatoBold', font-size: 40px; line-height: 45px; color: #E6007E; } .offerColumnHeight.elementor-top-column:hover .elementor-column-wrap:after{ background: rgba(52, 152, 219, 0.5); content: ""; position: absolute; right: 0; top: 0; bottom: 0; left: 0; } .elementor-widget-wrap{z-index: 9; position: relative;} .elementor-22 .elementor-element.offerColumnHeight > .elementor-element-populated { transform: scale3d(1.05,1.05,1); transition: transform 0.35s !important; -webkit-transition: -webkit-transform 0.35s !important; padding: 30px !important; } .elementor-22 .elementor-element.offerColumnHeight > .elementor-element-populated:hover{ transform: scale3d(1,1,1); } /* New Styles 14-Nov-2018 */ .check-field { display: inline-block; margin: 0 5px 0 0; width: auto; overflow: hidden; position: relative; top: 5px;} .check-field label { width: 20px; height: 20px; display: inline-block; } .check-field label:before { font-family: FontAwesome; content: "\f0c8"; font-size: 20px; color: #ffffff; display: inline-block; position: absolute; top: 0; left: 0;} .check-field input[type="checkbox"]:checked + label:before { font-family: FontAwesome; content: "\f14a"; font-size: 20px; color: #ffffff; display: inline-block; position: absolute; top: 0; left: 0; } .check-field input[type="checkbox"] { position: absolute; left: -20px; top: 5px; } /*Tab css*/ .self-drive .group-field { width: -moz-calc(100% - 175px); width: -webkit-calc(100% - 175px); width: calc(100% - 175px); float: left; } .self-drive .group-field .form-field { width: 33.33%; float: left; } #tour-code .group-field { width: -moz-calc(100% - 175px); width: -webkit-calc(100% - 175px); width: calc(100% - 175px); float: left; } #tour-code .group-field .form-field { width: 100%; float: left; }