/* * Title: Light-Blue skin File * Author: http://themeforest.net/user/soaptheme */ /* * Title: Travelo | Responsive HTML5 Travel Template - SCSS Variables for style customization * Author: http://themeforest.net/user/soaptheme */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Table of contents] 1. Global 2. Skin colors 3. Skin logos 4. Important colors ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 1. Global */ /* 2. Skin colors */ /* 3. Skin logos */ /* 4. Important colors */ /* * Title: Travelo | Responsive HTML5 Travel Template - Main CSS file * Author: http://themeforest.net/user/soaptheme */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Table of contents] 1. Base Styles 1.1. Basic Styles 1.2. Layout 2. Global Styles 2.1. Form Elements 2.1.1. Select box 2.1.2. File input box 2.1.3. Checkbox and Radio 2.1.4. Form 2.2. Buttons 2.2.1. Buttons 2.2.2. Alert message 2.2.3. Info box 2.2.4. Term Description 2.2.5. Dropcap 2.2.6. Blockquote 2.2.7. Pagination 2.2.8. Hover effect 2.2.9. Social icons 2.2.10. Five Stars 2.2.11. Price section 2.2.12. Time section 2.2.13. Badge 2.3. Travelo Elements 2.4. Skin Color 2.5. Positioning 2.6. Unordered lists 2.7. Ordered lists 2.8. Toggle & Accordion 2.8.1. Style1 2.8.2. Style2 2.8.3. Accordion with image 2.9. Tabs 2.9.1. Style 1 2.9.2. Transparent Tab 2.9.3. Full Width Tab 2.10. Promo box 2.11. Photo Gallery 2.12. Image Style 2.13. Image Box Styles 2.14. Icon Box 2.15. Listing Styles 2.16. Pricing Tables 2.17. Post 2.18. Testimonial 2.19. Our Team Section 2.20. Gallery popup 2.21. Style changer 2.22. Animated effect 2.23. Parallax 2.24. Page Loader 2.25. folded corner block 3. Header 3.1. Main Header 3.1.1. Mobile navigation 3.1.2. Header Styles 3.1.3. Navigation 3.1.4. Language flags 3.1.5. Main Menu 3.1.6. Mega Menu 3.1.7. Mini Menu 3.1.8. Mobile Menu 3.1.9. Sticky Header 3.2.0. Sign up & Login box 3.2. Slideshow 3.3. Page Title 3.4. Word Map Section 4. Search Form 4.1. Default Style 4.2. Style1 4.3. Style2 4.4. Map Search 5. Search Results 5.1. Hotel 5.1.1. Sort by 5.1.2. Filters 5.1.3. Detailed 5.1.4. Hotel main content, Flight main content 5.1.5. Booking page 5.1.6. Thankyou page 5.2. Flight 5.3. Car 5.4. Cruise 5.5. Tour 6. Dashboard 6.1. Default 6.1.1. User profile 6.1.2. Booking history 6.2. Style1 6.3. Style2 7. jQuery UI Elements 7.1. UI Slider 7.2. DatePicker 8. Footer 9. Page Content 9.1. Home page content 9.1.1. Popular Destinations Section 9.1.2. Honeymoon section 9.1.3. Offers Section 9.1.4. Mobile Section 9.2. Pages 9.2.1. Service page 9.2.2. Photo gallery page 9.2.3. Blog page 9.2.4. Faq page 9.2.5. Contact us page 9.2.6. Sitemap page 9.3. Special Pages 9.3.1. 404 page 9.3.2. Coming soon page 9.3.3. Loading page 9.3.4. Login page 9.4. Extra Pages 10. Wordpress default css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* * Title: Travelo | Responsive HTML5 Travel Template - SCSS Mixin * Author: http://themeforest.net/user/soaptheme */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Table of contents] 1) BORDER RADIUS 2) OPACITY 3) BACKGROUND GRADIENT 4) BOX SHADOW 5) TEXT SHADOW 6) TRANSITION 7) ANIMATION 8) TRANSFORM 9) DESATURATE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 1) BORDER RADIUS */ /* 2) OPACITY */ /* 3) BACKGROUND GRADIENT */ /* 4) BOX SHADOW */ /* 5) TEXT SHADOW */ /* 6) TRANSITION */ /* 7) ANIMATION */ /* 8) TRANSFORM */ /* 9) DESATURATE */ /* 1. Base Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 1.1. Basic Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* * Title: Travelo | Responsive HTML5 Travel Template - Basic Style * Author: http://themeforest.net/user/soaptheme */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Table of contents] 1) Reset 2) Heading 3) Lists 4) Contents 5) Table 6) HTML5 & CSS3 Styles for older browsers 7) Tools 8) Colors ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 1) Reset */ * { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; zoom: 1; } html { font-size: 16px; min-height: 100%; } body { font: 75%/150% "Lato", Arial, Helvetica, sans-serif; color: #333; overflow-x: hidden; -webkit-font-smoothing: antialiased; -ms-overflow-style: scrollbar; overflow-y: scroll; } iframe, img { border: 0; } a { text-decoration: none; color: inherit; } a:hover, a:focus { /*color: #01b7f2;*/color:#552873; text-decoration: none; } a:focus { outline: none; } p { font-size: 1.15em; line-height: 1.6666; margin-bottom: 15px; } dt { font-weight: normal; } span.active, a.active, h2.active, h3.active, h4.active, h5.active, h6.active { color: #01b7f2; } .info-primary, .info-success { color: #fff; padding: 2px 5px; line-height: 1em; } .info-success { background: #400090; } .info-primary { background: #2d3e52; } /* 2) Heading */ h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; font-weight: normal; color: #2d3e52; } h1 { font-size: 2em; line-height: 1.25em; /*24px, 30px*/ } h2 { font-size: 1.6667em; line-height: 1.25em; /*20px, 35px*/ } h3 { font-size: 1.5em; line-height: 1.2222em; /*18px, 22px*/ } h4 { font-size: 1.3333em; line-height: 1.25em; /*16px, 20px*/ } h5 { font-size: 1.1666em; line-height: 1.1428em; /*14px, 16px*/ } h6 { font-size: 1em; } h1.fourty-space { font-size: 1.3333em; line-height: 1.25em; letter-spacing: .04em; } h2.fourty-space { font-size: 1.1666em; line-height: 1.1428em; letter-spacing: .04em; } h3.fourty-space { font-size: 1.0833em; line-height: 1.1428em; letter-spacing: .04em; } h4.fourty-space { font-size: 1em; line-height: 1.1em; letter-spacing: .04em; } h5.fourty-space { font-size: 0.9166; line-height: 1.1em; letter-spacing: .04em; } h6.fourty-space { font-size: 0.8333em; line-height: 1.1em; letter-spacing: .04em; } /* 3) Lists */ ol, ul { list-style: none; margin: 0; } /* 4) Contents */ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } hr { margin-top: 20px; margin-bottom: 20px; border-color: #f5f5f5; } /* 5) Table */ table { border-collapse: collapse; border-spacing: 0; } /* 6) HTML5 & CSS3 Styles for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* 7) Tools */ .clearer { clear: both !important; padding: 0 !important; margin: 0 !important; } .hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .nobr { white-space: nowrap !important; } .wrap { white-space: normal !important; } .no-display { display: none; } .no-float { float: none !important; } .no-margin { margin: 0 !important; } .no-bmargin { margin-bottom: 0 !important; } .no-padding { padding: 0 !important; } .no-lpadding { padding-left: 0 !important; } .no-rpadding { padding-right: 0 !important; } .no-border { border: none !important; } .full-width { width: 100% !important; } img.full-width { height: auto; } .uppercase { text-transform: uppercase; } .fourty-space { letter-spacing: .04em !important; } .underline { text-decoration: underline !important; } .inline-block { display: inline-block !important; } .visible-sms { display: none; } .overflow-hidden { overflow: hidden; } .no-letter-spacing { letter-spacing: normal !important; } .align-left { text-align: left !important; } .align-right { text-align: right !important; } .align-center { text-align: center !important; } /* 8) Colors */ .blue-color { color: #01b7f2 !important; } .light-blue-color { color: #7692b4; } .yellow-color { color: #400090 !important; } .red-color { color: #e01a33 !important; } .green-color { color: #7db921 !important; } .white-color { color: #fff !important; } .dark-blue-color { color: #2d3e52 !important; } .skin-color { color: #01b7f2; } .default-color { color: inherit !important; } .gray-color { color: #9e9e9e !important; } .hotel-color { color: #01b7f2; } .select-color { color: #400090; } .blue-bg { background-color: #01b7f2 !important; } .yellow-bg { background-color: #400090 !important; } .red-bg { background-color: #e01a33 !important; } .green-bg { background-color: #400090 !important; } .white-bg { background-color: #fff !important; } .dark-blue-bg { background-color: #2d3e52 !important; } .skin-bg { background-color: #01b7f2 !important; } .gray-bg { background-color: #f5f5f5 !important; } /* * Title: Travelo | Icon Font Style File * Author: http://themeforest.net/user/soaptheme */ /* * Title: Travelo | Responsive HTML5 Travel Template - SCSS Mixin * Author: http://themeforest.net/user/soaptheme */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Table of contents] 1) BORDER RADIUS 2) OPACITY 3) BACKGROUND GRADIENT 4) BOX SHADOW 5) TEXT SHADOW 6) TRANSITION 7) ANIMATION 8) TRANSFORM 9) DESATURATE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 1) BORDER RADIUS */ /* 2) OPACITY */ /* 3) BACKGROUND GRADIENT */ /* 4) BOX SHADOW */ /* 5) TEXT SHADOW */ /* 6) TRANSITION */ /* 7) ANIMATION */ /* 8) TRANSFORM */ /* 9) DESATURATE */ /* Icons */ @font-face { font-family: 'soap-icons'; src: url("../fonts/soap-icons.eot?26664784"); src: url("../fonts/soap-icons.eot?26664784#iefix") format("embedded-opentype"), url("../fonts/soap-icons.woff?26664784") format("woff"), url("../fonts/soap-icons.ttf?26664784") format("truetype"), url("../fonts/soap-icons.svg?26664784#soap-icons") format("svg"); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'soap-icons'; src: url('../font/soap-icons.svg?26664784#soap-icons') format('svg'); } } */ [class^="soap-icon"], [class*=" soap-icon"] { vertical-align: baseline; } [class^="soap-icon"]:before, [class*=" soap-icon"]:before { font-family: "soap-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; /* you can be more comfortable with increased icons size */ /*font-size: 120%;*/ } [class^="soap-icon"].circle, [class*=" soap-icon"].circle, .glyphicon.circle { border: 1px solid; width: 1.8em; height: 1.8em; line-height: 1.7333em; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; display: inline-block; text-align: center; } [class^="soap-icon"].takeoff-effect:before, [class*=" soap-icon"].takeoff-effect:before, .glyphicon.takeoff-effect:before { -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -o-transform: rotate(-25deg); transform: rotate(-25deg); } [class^="soap-icon"].takeoff-effect1:before, [class*=" soap-icon"].takeoff-effect1:before, .glyphicon.takeoff-effect1:before { -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); } [class^="soap-icon"].landing-effect:before, [class*=" soap-icon"].landing-effect:before, .glyphicon.landing-effect:before { -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -o-transform: rotate(-25deg); transform: rotate(-25deg); } [class^="soap-icon"].flip-effect:before, [class*=" soap-icon"].flip-effect:before, .glyphicon.flip-effect:before { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; } .soap-icon-fireplace:before { content: '\e800'; } .soap-icon-television:before { content: '\e801'; } .soap-icon-fridge:before { content: '\e802'; } .soap-icon-aircon:before { content: '\e803'; } .soap-icon-fmstereo:before { content: '\e804'; } .soap-icon-beach:before { content: '\e805'; } .soap-icon-juice:before { content: '\e806'; } .soap-icon-food:before { content: '\e807'; } .soap-icon-fueltank:before { content: '\e808'; } .soap-icon-breakfast:before { content: '\e809'; } .soap-icon-coffee:before { content: '\e80a'; } .soap-icon-party:before { content: '\e80b'; } .soap-icon-savings:before { content: '\e80c'; } .soap-icon-address:before { content: '\e80d'; } .soap-icon-horn:before { content: '\e80e'; } .soap-icon-conference:before { content: '\e80f'; } .soap-icon-support:before { content: '\e810'; } .soap-icon-tree:before { content: '\e811'; } .soap-icon-friends:before { content: '\e812'; } .soap-icon-winebar:before { content: '\e813'; } .soap-icon-plans:before { content: '\e814'; } .soap-icon-guideline:before { content: '\e815'; } .soap-icon-wifi:before { content: '\e816'; } .soap-icon-binoculars:before { content: '\e817'; } .soap-icon-key:before { content: '\e818'; } .soap-icon-fork:before { content: '\e819'; } .soap-icon-locations:before { content: '\e81a'; } .soap-icon-couples:before { content: '\e81b'; } .soap-icon-card:before { content: '\e81c'; } .soap-icon-fitnessfacility:before { content: '\e81d'; } .soap-icon-flexible:before { content: '\e81e'; } .soap-icon-phone:before { content: '\e81f'; } .soap-icon-cruise:before { content: '\e820'; } .soap-icon-joystick:before { content: '\e821'; } .soap-icon-lost-found:before { content: '\e822'; } .soap-icon-securevault:before { content: '\e823'; } .soap-icon-cruise-1:before { content: '\e824'; } .soap-icon-cruise-3:before { content: '\e825'; } .soap-icon-anchor:before { content: '\e826'; } .soap-icon-cruise-2:before { content: '\e827'; } .soap-icon-car-2:before { content: '\e828'; } .soap-icon-pickanddrop:before { content: '\e829'; } .soap-icon-car:before { content: '\e82a'; } .soap-icon-car-1:before { content: '\e82b'; } .soap-icon-hotel-2:before { content: '\e82c'; } .soap-icon-hotel-1:before { content: '\e82d'; } .soap-icon-plane:before { content: '\e82e'; } .soap-icon-plane-bottom:before { content: '\e82f'; } .soap-icon-plane-left:before { content: '\e830'; } .soap-icon-plane-right:before { content: '\e831'; } .soap-icon-carryon:before { content: '\e832'; } .soap-icon-businessbag:before { content: '\e833'; } .soap-icon-baggage:before { content: '\e834'; } .soap-icon-bag:before { content: '\e835'; } .soap-icon-suitcase:before { content: '\e836'; } .soap-icon-hotel-3:before { content: '\e837'; } .soap-icon-trunk-2:before { content: '\e838'; } .soap-icon-hotel:before { content: '\e839'; } .soap-icon-trunk-1:before { content: '\e83a'; } .soap-icon-trunk-3:before { content: '\e83b'; } .soap-icon-delayed-baggage:before { content: '\e83c'; } .soap-icon-damaged-baggage:before { content: '\e83d'; } .soap-icon-baggage-3:before { content: '\e83e'; } .soap-icon-baggage-2:before { content: '\e83f'; } .soap-icon-baggage-1:before { content: '\e840'; } .soap-icon-magazine-1:before { content: '\e841'; } .soap-icon-baggage-status:before { content: '\e842'; } .soap-icon-magazine:before { content: '\e843'; } .soap-icon-slider-1:before { content: '\e844'; } .soap-icon-slider:before { content: '\e845'; } .soap-icon-camera-2:before { content: '\e846'; } .soap-icon-photogallery:before { content: '\e847'; } .soap-icon-camera-3:before { content: '\e848'; } .soap-icon-baggage-4:before { content: '\e849'; } .soap-icon-baggage-5:before { content: '\e84a'; } .soap-icon-shopping:before { content: '\e84b'; } .soap-icon-shopping-1:before { content: '\e84c'; } .soap-icon-shopping-2:before { content: '\e84d'; } .soap-icon-shopping-3:before { content: '\e84e'; } .soap-icon-camera-1:before { content: '\e84f'; } .soap-icon-settings-1:before { content: '\e850'; } .soap-icon-bad:before { content: '\e851'; } .soap-icon-recommend:before { content: '\e852'; } .soap-icon-entertainment:before { content: '\e853'; } .soap-icon-balloon:before { content: '\e854'; } .soap-icon-globe:before { content: '\e855'; } .soap-icon-places:before { content: '\e856'; } .soap-icon-clock-1:before { content: '\e857'; } .soap-icon-clock:before { content: '\e858'; } .soap-icon-settings:before { content: '\e859'; } .soap-icon-automatic:before { content: '\e85a'; } .soap-icon-parking:before { content: '\e85b'; } .soap-icon-status:before { content: '\e85c'; } .soap-icon-departure:before { content: '\e85d'; } .soap-icon-letter:before { content: '\e85e'; } .soap-icon-message:before { content: '\e85f'; } .soap-icon-search-plus:before { content: '\e860'; } .soap-icon-search-minus:before { content: '\e861'; } .soap-icon-search:before { content: '\e862'; } .soap-icon-restricted:before { content: '\e863'; } .soap-icon-calendar:before { content: '\e864'; } .soap-icon-stories:before { content: '\e865'; } .soap-icon-liability:before { content: '\e866'; } .soap-icon-insurance:before { content: '\e867'; } .soap-icon-doc-minus:before { content: '\e868'; } .soap-icon-availability:before { content: '\e869'; } .soap-icon-calendar-1:before { content: '\e86a'; } .soap-icon-calendar-check:before { content: '\e86b'; } .soap-icon-list:before { content: '\e86c'; } .soap-icon-doc-plus:before { content: '\e86d'; } .soap-icon-left:before { content: '\e86e'; } .soap-icon-right:before { content: '\e86f'; } .soap-icon-top:before { content: '\e870'; } .soap-icon-grid:before { content: '\e871'; } .soap-icon-block:before { content: '\e872'; } .soap-icon-star-1:before { content: '\e873'; } .soap-icon-letter-1:before { content: '\e874'; } .soap-icon-wishlist:before { content: '\e875'; } .soap-icon-heart:before { content: '\e876'; } .soap-icon-star:before { content: '\e877'; } .soap-icon-roundtriangle-right:before { content: '\e878'; } .soap-icon-roundtriangle-top:before { content: '\e879'; } .soap-icon-roundtriangle-bottom:before { content: '\e87a'; } .soap-icon-chevron-left:before { content: '\e87b'; } .soap-icon-roundtriangle-left:before { content: '\e87c'; } .soap-icon-bottom:before { content: '\e87d'; } .soap-icon-arrow-top:before { content: '\e87e'; } .soap-icon-arrow-bottom:before { content: '\e87f'; } .soap-icon-arrow-right:before { content: '\e880'; } .soap-icon-arrow-left:before { content: '\e881'; } .soap-icon-longarrow-up:before { content: '\e882'; } .soap-icon-longarrow-bottom:before { content: '\e883'; } .soap-icon-triangle-left:before { content: '\e884'; } .soap-icon-triangle-right:before { content: '\e885'; } .soap-icon-triangle-top:before { content: '\e886'; } .soap-icon-chevron-right:before { content: '\e887'; } .soap-icon-chevron-top:before { content: '\e888'; } .soap-icon-chevron-down:before { content: '\e889'; } .soap-icon-longarrow-left:before { content: '\e88a'; } .soap-icon-longarrow-right:before { content: '\e88b'; } .soap-icon-triangle-bottom:before { content: '\e88c'; } .soap-icon-plus:before { content: '\e88d'; } .soap-icon-minus:before { content: '\e88e'; } .soap-icon-ski:before { content: '\e88f'; } .soap-icon-close:before { content: '\e890'; } .soap-icon-handicapaccessiable:before { content: '\e891'; } .soap-icon-check-1:before { content: '\e892'; } .soap-icon-passed:before { content: '\e893'; } .soap-icon-features:before { content: '\e894'; } .soap-icon-passenger:before { content: '\e895'; } .soap-icon-adventure:before { content: '\e896'; } .soap-icon-man-2:before { content: '\e897'; } .soap-icon-dog:before { content: '\e898'; } .soap-icon-man-1:before { content: '\e899'; } .soap-icon-swimming:before { content: '\e89a'; } .soap-icon-man-3:before { content: '\e89b'; } .soap-icon-comfort:before { content: '\e89c'; } .soap-icon-smoking:before { content: '\e89e'; } .soap-icon-playplace:before { content: '\e89f'; } .soap-icon-facebook:before { content: '\e8a0'; } .soap-icon-googleplus:before { content: '\e8a1'; } .soap-icon-pinterest:before { content: '\e8a2'; } .soap-icon-vimeo:before { content: '\e8a3'; } .soap-icon-doorman:before { content: '\e8a4'; } .soap-icon-googleplay:before { content: '\e8a5'; } .soap-icon-elevator:before { content: '\e8a6'; } .soap-icon-apple:before { content: '\e8a7'; } .soap-icon-twitter:before { content: '\e8a8'; } .soap-icon-tub:before { content: '\e8a9'; } .soap-icon-myspace:before { content: '\e8aa'; } .soap-icon-youtube:before { content: '\e8ab'; } .soap-icon-tumblr:before { content: '\e8ac'; } .soap-icon-flickr:before { content: '\e8ad'; } .soap-icon-soundcloud:before { content: '\e8ae'; } .soap-icon-stumbleupon:before { content: '\e8af'; } .soap-icon-linkedin:before { content: '\e8b0'; } .soap-icon-dribble:before { content: '\e8b1'; } .soap-icon-deviantart:before { content: '\e8b2'; } .soap-icon-behance:before { content: '\e8b3'; } .soap-icon-envato:before { content: '\e8b4'; } .soap-icon-instagram:before { content: '\e8b5'; } .soap-icon-skype:before { content: '\e8b6'; } .soap-icon-user:before { content: '\e8b7'; } .soap-icon-pets:before { content: '\e8b8'; } .soap-icon-family:before { content: '\e8b9'; } .soap-icon-check:before { content: '\e8ba'; } .soap-icon-notice:before { content: '\e8bb'; } .soap-icon-error:before { content: '\e8bc'; } .soap-icon-generalmessage:before { content: '\e8bd'; } .soap-icon-automatic-transmission:before { content: '\e8be'; } .soap-icon-flight-hotel:before { content: '\e8bf'; } .soap-icon-comment:before { content: '\e8c0'; } /* font */ @font-face { font-family: 'NexaBlack'; src: url("../fonts/NexaBlack.eot?") format("eot"), url("../fonts/NexaBlack.otf") format("opentype"), url("../fonts/NexaBlack.woff") format("woff"), url("../fonts/NexaBlack.ttf") format("truetype"), url("../fonts/NexaBlack.svg#NexaBlack") format("svg"); } /* 1.2. Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #page-wrapper { position: relative; overflow: visible; background-color: #fff; } .boxed #page-wrapper { max-width: 1200px; margin: 0 auto; } .gray-area { background: #f5f5f5; } .mc4wp-form input[type=submit]{height:29px;} .global-map-area { /* background: url(../images/house.jpg) no-repeat;*/ background-color: #400090; } .global-map-area .description p { color: #ffffff; /* color: #400090;text-shadow: -1px -1px 0 #F5F5F5, 1px -1px 0 #F5F5F5, -1px 1px 0 #F5F5F5, 1px 1px 0 #F5F5F5;*//* text-shadow: 1px 1px #F5F5F5; color: #fff;*/ } .global-map-area .description h4 { color:#400090; text-shadow: -1px -1px 0 #F5F5F5, 1px -1px 0 #F5F5F5, -1px 1px 0 #F5F5F5, 1px 1px 0 #F5F5F5;} .global-map-area .description h1, .global-map-area .description h2, .global-map-area .description h3, .global-map-area .description h5, .global-map-area .description h6 { color: #400090; text-shadow: -1px -1px 0 #F5F5F5, 1px -1px 0 #F5F5F5, -1px 1px 0 #F5F5F5, 1px 1px 0 #F5F5F5; /*color: #fff;*/} section#content { min-height: 400px; padding-top: 40px; text-align: left; background: #f5f5f5; } section#content:after { display: table; content: ""; clear: both; } .sm-section { padding-top: 30px; padding-bottom: 20px; } .md-section { padding-top: 40px; padding-bottom: 30px; } .section { padding-top: 20px; padding-bottom: 20px; } .small-box { margin-bottom: 20px; } .box { margin-bottom: 30px; } .block { margin-bottom: 20px; } .large-block { margin-bottom: 70px; } article { margin-bottom: 20px; position: relative; } #main { margin-bottom: 40px; } .body-blank { display: table; height: 100%; left: 0; margin: 0; overflow-x: hidden; position: absolute; top: 0; width: 100%; } .wrapper-blank { display: table-cell; float: none; vertical-align: middle; width: 100%; } /* 2. Global Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .table-wrapper { display: table; } .table-wrapper .table-row { display: table-row; float: none !important; } .table-wrapper .table-cell { display: table-cell; vertical-align: top; float: none !important; } .table-wrapper .table-cell.content-middle { vertical-align: middle; } .image-container img { max-width: 100%; } .imagebg-container { background-repeat: no-repeat; background-position: center center; } .banner { position: relative; z-index: 1; padding: 90px 0; } .banner .big-caption, .banner .med-caption { color: #fff; text-shadow: -2px 2px 3px rgba(0, 0, 0, 0.25); } .banner .big-caption { font-size: 4.1667em; } .banner .med-caption { font-size: 2.5em; } /* box title */ .box-title { margin-bottom: 0; line-height: 1em; } .box-title small { font-size: 10px; color: #838383; text-transform: uppercase; display: block; margin-top: 4px; /*letter-spacing: normal;*/ } .box-title small [class^="soap-icon"] { color: #400090; font-size: 1.3333em; } h2.box-title small { font-size: 11px; } h1.box-title small { font-size: 12px; } .s-title { color: #01b7f2; } .s-title a:hover { color: #40cbf8; } .m-title { margin: 0; } .f-title { letter-spacing: 0.04em; margin-bottom: 10px; } .border-bottom { border-bottom: 1px solid #f5f5f5; } /*#slideshow, */ .flex-viewport .slides li { /*img { */ -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translateZ(0); -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; /* }*/ } /* 2.1. Form Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ input.input-text, input.wpcf7-text, select, textarea, span.custom-select, input[type="password"] { background: #f5f5f5; border: none; line-height: normal; } input.input-text, input.wpcf7-text, textarea, span.custom-select, input[type="password"] { padding-left: 15px; padding-right: 15px; height: 34px; } input.input-text.input-large, input.wpcf7-text.input-large, textarea.input-large, span.custom-select.input-large, input[type="password"].input-large { height: 43px; font-size: 1.1667em; } input.input-text.input-medium, input.wpcf7-text.input-medium, textarea.input-medium, span.custom-select.input-medium, input[type="password"].input-medium { height: 34px; } input.input-text.input-small, input.wpcf7-text.input-small, textarea.input-small, span.custom-select.input-small, input[type="password"].input-small { height: 28px; } input.input-text.input-mini, input.wpcf7-text.input-mini, textarea.input-mini, span.custom-select.input-mini, input[type="password"].input-mini { height: 19px; } input.input-text.white, input.wpcf7-text.white, textarea.white, span.custom-select.white, input[type="password"].white { background: #fff; } textarea { height: auto; padding-top: 10px; padding-bottom: 10px; } /* 2.1.1. Select box */ select { height: 34px; padding: 8px 0 8px 8px; } select option { padding: 2px 10px; } .selector { position: relative; min-width: 60px; line-height: 0; } .selector select { position: absolute; z-index: 1; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; width: 100%; -webkit-appearance: menulist-button; line-height: 30px; } .selector span.custom-select { display: inline-block; line-height: 32px; padding: 0 10px; position: relative; width: 100%; overflow: hidden; white-space: nowrap; } .selector span.custom-select:before { position: absolute; right: 0; top: 0; content: ''; background: /*#400090*/#400090; width: 24px; height: 100%; } .selector span.custom-select:after { position: absolute; right: 9px; top: 15px; border-top: 5px solid #fff; border-left: 3px solid transparent; border-right: 3px solid transparent; content: ""; } .selector.style1 span.custom-select:before { background: transparent; } .selector.style1 span.custom-select:after { border-top-color: #400090; } /* 2.1.2. File input box */ .fileinput { position: relative; display: inline-block; min-width: 100px; } .fileinput input[type=file] { position: relative; z-index: 2; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; width: 100%; } .fileinput .custom-fileinput { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; line-height: normal; } .fileinput:after { display: block; content: "BROWSE"; position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; background: #400090; color: #fff; font-size: 1em; padding-left: 15px; padding-right: 15px; letter-spacing: 0.04em; font-weight: bold; vertical-align: middle; } /* 2.1.3. Checkbox and Radio */ .checkbox, .radio { position: relative; margin-top: 0; line-height: 20px; } .checkbox:before, .radio:before { display: block; content: ""; position: absolute; left: 0; top: 3px; width: 14px; height: 14px; border: 1px solid #d1d1d1; z-index: 0; font-family: "soap-icons"; line-height: 12px; text-align: center; } .checkbox.checked:before, .radio.checked:before { border-color: #01b7f2; color: #fff; background: #01b7f2; content: "\e8ba"; } /* checkbox */ .checkbox label, .checkbox.label { font-size: 1.0833em; line-height: 20px; color: #9e9e9e; } .checkbox input[type="checkbox"] { position: relative; z-index: 1; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } /* radio */ .radio label, .radio.label { font-size: 0.9167em; line-height: 20px; } .radio input[type="radio"] { position: relative; z-index: 1; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .radio:before { background: #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; font-size: 1.3333em; line-height: 13px; } .radio.radio-square:before { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .radio.checked:before { content: "\e892"; } .checkbox-inline, .radio-inline { margin-left: 10px; } /* 2.1.4. Form */ form label { text-transform: uppercase; display: block; margin-bottom: 5px; font-weight: normal; font-size: 0.9167em; } form .checkbox label, form label.checkbox { font-size: 1.0833em; text-transform: none; } form .radio label, form label.radio { font-size: 0.9167em; } form .form-group { margin-bottom: 15px; } .sidebar form .form-group { margin-bottom: 10px; } .sidebar form label { font-size: 0.8333em; margin-bottom: 3px; } .panel-content form label { font-size: 0.8333em; margin-bottom: 3px; } /* Fourty space */ .box-title, .post-title, .post-meta, .author-section .name, .mile, .title, .s-title, .price, button, a.button, dl, label, span.info, .price-wrapper, ul.tabs a, .icon-box.style1, .icon-box.style2, .icon-box.style3 .description, .icon-box.style5, .search-results-title, .breadcrumbs { letter-spacing: 0.04em; } /* 2.2. Buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 2.2.1. Buttons */ button, input[type="submit"], a.button { border: none; color: #fff; cursor: pointer; padding: 0 15px; white-space: nowrap; } button.btn-large, input[type="submit"].btn-large, a.button.btn-large { padding: 0 32px; height: 43px; font-size: 1.1667em; line-height: 43px; } button.btn-medium, input[type="submit"].btn-medium, a.button.btn-medium { padding: 0 32px; height: 34px; line-height: 34px; font-size: 1em; } button.btn-small, input[type="submit"].btn-small, a.button.btn-small { height: 28px; padding: 0 24px; line-height: 28px; font-size: 0.9167em; } button.btn-mini, input[type="submit"].btn-mini, a.button.btn-mini { height: 19px; padding: 0 20px; font-size: 0.8333em; line-height: 19px; } button.full-width, input[type="submit"].full-width, a.button.full-width { padding-left: 0; padding-right: 0; } button, input[type="submit"] { font-size: 0.9167em; font-weight: bold; /*background: #400090;*/ background: #400090; height: 34px; line-height: 34px; } button:hover, input[type="submit"]:hover { /*background: #7fb231;*/ background: #400090;} a.button { display: inline-block; background: #d9d9d9; font-size: 0.8333em; line-height: 1.8333em; white-space: nowrap; text-align: center; } a.button:hover { background: #400090; } a.button.btn-mini { padding-left: 10px; padding-right: 10px; } a.button.btn-large, a.button.btn-medium, a.button.btn-small, a.button.full-width { font-weight: bold; } button, input[type="submit"], a.button { /* Extra buttons */ } button.white, input[type="submit"].white, a.button.white { background: #fff; color: inherit; } button.white:hover, input[type="submit"].white:hover, a.button.white:hover { background: #f7f7f7; } button.silver, input[type="submit"].silver, a.button.silver { background: #d9d9d9; } button.silver:hover, input[type="submit"].silver:hover, a.button.silver:hover { background: #e7e7e7; } button.sky-blue1, input[type="submit"].sky-blue1, a.button.sky-blue1 { background: #01b7f2; } button.sky-blue1:hover, input[type="submit"].sky-blue1:hover, a.button.sky-blue1:hover { background: #07a5d8; } button.yellow, input[type="submit"].yellow, a.button.yellow { background: /*#400090;*/#400090; } button.yellow:hover, input[type="submit"].yellow:hover, a.button.yellow:hover { background: #552873; } button.dark-blue1, input[type="submit"].dark-blue1, a.button.dark-blue1 { background: #2d3e52; } button.dark-blue1:hover, input[type="submit"].dark-blue1:hover, a.button.dark-blue1:hover { background: #2d3e52; } button.green, input[type="submit"].green, a.button.green { background: #400090; } button.green:hover, input[type="submit"].green:hover, a.button.green:hover { background: #7fb231; } button.red, input[type="submit"].red, a.button.red { background: #e44049; } button.red:hover, input[type="submit"].red:hover, a.button.red:hover { background: #f92534; } button.light-brown, input[type="submit"].light-brown, a.button.light-brown { background: #e6c687; } button.light-brown:hover, input[type="submit"].light-brown:hover, a.button.light-brown:hover { background: #e6c182; } button.orange, input[type="submit"].orange, a.button.orange { background: #ff6000; } button.orange:hover, input[type="submit"].orange:hover, a.button.orange:hover { background: #ef5500; } button.dull-blue, input[type="submit"].dull-blue, a.button.dull-blue { background: #12a0c3; } button.dull-blue:hover, input[type="submit"].dull-blue:hover, a.button.dull-blue:hover { background: #1295c0; } button.light-orange, input[type="submit"].light-orange, a.button.light-orange { background: #f5a77d; } button.light-orange:hover, input[type="submit"].light-orange:hover, a.button.light-orange:hover { background: #f2a278; } button.light-purple, input[type="submit"].light-purple, a.button.light-purple { background: #db8df6; } button.light-purple:hover, input[type="submit"].light-purple:hover, a.button.light-purple:hover { background: #d985f1; } button.sea-blue, input[type="submit"].sea-blue, a.button.sea-blue { background: #0ab596; } button.sea-blue:hover, input[type="submit"].sea-blue:hover, a.button.sea-blue:hover { background: #09b091; } button.sky-blue2, input[type="submit"].sky-blue2, a.button.sky-blue2 { background: #6dace6; } button.sky-blue2:hover, input[type="submit"].sky-blue2:hover, a.button.sky-blue2:hover { background: #6da9e2; } button.dark-blue2, input[type="submit"].dark-blue2, a.button.dark-blue2 { background: #194eb0; } button.dark-blue2:hover, input[type="submit"].dark-blue2:hover, a.button.dark-blue2:hover { background: #1949a8; } button.dark-orange, input[type="submit"].dark-orange, a.button.dark-orange { background: #ff3e3e; } button.dark-orange:hover, input[type="submit"].dark-orange:hover, a.button.dark-orange:hover { background: #ff3939; } button.purple, input[type="submit"].purple, a.button.purple { background: #9f60b5; } button.purple:hover, input[type="submit"].purple:hover, a.button.purple:hover { background: #9f59b1; } button.light-yellow, input[type="submit"].light-yellow, a.button.light-yellow { background: #ffd200; } button.light-yellow:hover, input[type="submit"].light-yellow:hover, a.button.light-yellow:hover { background: #ffed00; } button.btn-extra, input[type="submit"].btn-extra, a.button.btn-extra { font-size: 1em; height: 70px; padding: 0; text-transform: uppercase; background: transparent; color: #fff; line-height: 1.5em; border: 1px solid #01b7f2; position: relative; overflow: hidden; letter-spacing: 0; display: inline-table; table-layout: fixed; margin-right: 10px; margin-bottom: 10px; } button.btn-extra .icon-wrap, input[type="submit"].btn-extra .icon-wrap, a.button.btn-extra .icon-wrap { position: relative; } button.btn-extra .icon-wrap i, input[type="submit"].btn-extra .icon-wrap i, a.button.btn-extra .icon-wrap i { width: 55px; vertical-align: middle; background: #01b7f2; color: #2d3e52; font-size: 36px; display: table-cell; height: 70px; text-align: right; padding-right: 8px; } button.btn-extra .icon-wrap i:after, input[type="submit"].btn-extra .icon-wrap i:after, a.button.btn-extra .icon-wrap i:after { display: block; content: ""; position: absolute; left: 55px; border-bottom: 70px solid #01b7f2; border-right: 16px solid transparent; top: 0; bottom: 0; } button.btn-extra > span, input[type="submit"].btn-extra > span, a.button.btn-extra > span { display: table-cell; vertical-align: middle; padding: 0 20px 0 35px; text-align: left; } button.btn-extra > span em, input[type="submit"].btn-extra > span em, a.button.btn-extra > span em { color: #01b7f2; font-size: 1.6667em; font-weight: bold; font-style: normal; } button.btn-extra:hover, input[type="submit"].btn-extra:hover, a.button.btn-extra:hover { color: inherit; background: #fff; border-color: #fff !important; } button.btn-extra:hover .icon-wrap i, input[type="submit"].btn-extra:hover .icon-wrap i, a.button.btn-extra:hover .icon-wrap i { color: #fff; } button.btn-extra.blue, input[type="submit"].btn-extra.blue, a.button.btn-extra.blue { border-color: #01b7f2; } button.btn-extra.blue .icon-wrap i, input[type="submit"].btn-extra.blue .icon-wrap i, a.button.btn-extra.blue .icon-wrap i { background: #01b7f2; } button.btn-extra.blue .icon-wrap i:after, input[type="submit"].btn-extra.blue .icon-wrap i:after, a.button.btn-extra.blue .icon-wrap i:after { border-bottom-color: #01b7f2; } button.btn-extra.blue > span em, input[type="submit"].btn-extra.blue > span em, a.button.btn-extra.blue > span em { color: #01b7f2; } button.btn-extra.yellow, input[type="submit"].btn-extra.yellow, a.button.btn-extra.yellow { border-color: #400090; } button.btn-extra.yellow .icon-wrap i, input[type="submit"].btn-extra.yellow .icon-wrap i, a.button.btn-extra.yellow .icon-wrap i { background: #400090; } button.btn-extra.yellow .icon-wrap i:after, input[type="submit"].btn-extra.yellow .icon-wrap i:after, a.button.btn-extra.yellow .icon-wrap i:after { border-bottom-color: #400090; } button.btn-extra.yellow > span em, input[type="submit"].btn-extra.yellow > span em, a.button.btn-extra.yellow > span em { color: #400090; } button.btn-extra.green, input[type="submit"].btn-extra.green, a.button.btn-extra.green { border-color: #400090; } button.btn-extra.green .icon-wrap i, input[type="submit"].btn-extra.green .icon-wrap i, a.button.btn-extra.green .icon-wrap i { background: #400090; } button.btn-extra.green .icon-wrap i:after, input[type="submit"].btn-extra.green .icon-wrap i:after, a.button.btn-extra.green .icon-wrap i:after { border-bottom-color: #400090; } button.btn-extra.green > span em, input[type="submit"].btn-extra.green > span em, a.button.btn-extra.green > span em { color: #400090; } button.btn-extra.dark-blue, input[type="submit"].btn-extra.dark-blue, a.button.btn-extra.dark-blue { border-color: #2d3e52; } button.btn-extra.dark-blue .icon-wrap i, input[type="submit"].btn-extra.dark-blue .icon-wrap i, a.button.btn-extra.dark-blue .icon-wrap i { background: #2d3e52; } button.btn-extra.dark-blue .icon-wrap i:after, input[type="submit"].btn-extra.dark-blue .icon-wrap i:after, a.button.btn-extra.dark-blue .icon-wrap i:after { border-bottom-color: #2d3e52; } button.btn-extra.dark-blue > span em, input[type="submit"].btn-extra.dark-blue > span em, a.button.btn-extra.dark-blue > span em { color: #2d3e52; } button.btn-extra.dark-yellow, input[type="submit"].btn-extra.dark-yellow, a.button.btn-extra.dark-yellow { border-color: #efa300; } button.btn-extra.dark-yellow .icon-wrap i, input[type="submit"].btn-extra.dark-yellow .icon-wrap i, a.button.btn-extra.dark-yellow .icon-wrap i { background: #efa300; } button.btn-extra.dark-yellow .icon-wrap i:after, input[type="submit"].btn-extra.dark-yellow .icon-wrap i:after, a.button.btn-extra.dark-yellow .icon-wrap i:after { border-bottom-color: #efa300; } button.btn-extra.dark-yellow > span em, input[type="submit"].btn-extra.dark-yellow > span em, a.button.btn-extra.dark-yellow > span em { color: #efa300; } button.btn-extra.red, input[type="submit"].btn-extra.red, a.button.btn-extra.red { border-color: #e01a33; } button.btn-extra.red .icon-wrap i, input[type="submit"].btn-extra.red .icon-wrap i, a.button.btn-extra.red .icon-wrap i { background: #e01a33; } button.btn-extra.red .icon-wrap i:after, input[type="submit"].btn-extra.red .icon-wrap i:after, a.button.btn-extra.red .icon-wrap i:after { border-bottom-color: #e01a33; } button.btn-extra.red > span em, input[type="submit"].btn-extra.red > span em, a.button.btn-extra.red > span em { color: #e01a33; } button.btn-extra.light-blue, input[type="submit"].btn-extra.light-blue, a.button.btn-extra.light-blue { border-color: #7c9abd; } button.btn-extra.light-blue .icon-wrap i, input[type="submit"].btn-extra.light-blue .icon-wrap i, a.button.btn-extra.light-blue .icon-wrap i { background: #7c9abd; } button.btn-extra.light-blue .icon-wrap i:after, input[type="submit"].btn-extra.light-blue .icon-wrap i:after, a.button.btn-extra.light-blue .icon-wrap i:after { border-bottom-color: #7c9abd; } button.btn-extra.light-blue > span em, input[type="submit"].btn-extra.light-blue > span em, a.button.btn-extra.light-blue > span em { color: #7c9abd; } .icon-check { position: relative; padding-right: 30px !important; padding-left: 0 !important; overflow: hidden; /*&:hover:after { @include animation(toTopFromBottom, 0.35s, forwards); }*/ } .icon-check:after { content: ""; position: absolute; top: 0; right: 0; width: 30px; height: 100%; background: url(../images/icon/icon-check.png) no-repeat center center /*#7db921*/ #552873; } .icon-check:hover:after { background-color: /*#400090;*/#552873; } .with-icon { position: relative; padding: 0 !important; display: inline-block; } .with-icon .icon { position: absolute; right: 0; top: 50%; margin: -17px 0 0 !important; width: 30px; font-size: 18px; color: #a4a4a4; background: none; padding: 0 !important; height: auto; } .with-icon .input-text { padding-right: 40px !important; } .with-icon.input-large .icon { width: 43px; height: 43px; margin-top: -21px !important; font-size: 22px; } .with-icon.input-large .input-text { padding-right: 48px !important; } /* 2.2.2. Alert message */ .alert { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: none; padding: 15px 15px 15px 70px; color: #fff; font-size: 1.0833em; position: relative; } .alert:before { content: "\f003"; font-family: "soap-icons"; display: block; font-size: 18px; width: 30px; height: 30px; line-height: 30px; margin: 0 auto; border: 1px solid #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-align: center; position: absolute; top: 10px; left: 20px; } .alert.alert-general { background: #d9d9d9; } .alert.alert-general:before { content: "\e8bd"; } .alert.alert-notice { background: #f5cf77; } .alert.alert-notice:before { content: "\e8bb"; } .alert.alert-error { background: #f6bcc3; } .alert.alert-error:before { content: "\e8bc"; } .alert.alert-success { background: #bae675; } .alert.alert-success:before { content: "\e8ba"; } .alert.alert-help { background: #91e3fd; } .alert.alert-help:before { content: "\e876"; } .alert.alert-info { background: #bfc9f9; } .alert.alert-info:before { content: "\e818"; } #travelo-success, #travelo-failure { text-align: center; } #travelo-success { background-color: #f5ffe5; border: 2px solid #7db921; } #travelo-success .travelo-modal-icon { color: #7db921; } .travelo-modal-icon { font-size: 18px; } #travelo-success .travelo-modal-title, #travelo-failure .travelo-modal-title { color: #2d3e52; margin: 20px 0 24px; } #travelo-failure { background-color: #fff0f2; border: 2px solid #e01a33; } #travelo-failure .travelo-modal-icon { color: #e01a33; } .date-error { color: #f00; text-align: center; } .close { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; font-weight: normal; color: #fff; font-size: 12px; cursor: pointer; text-shadow: none; float: none; position: absolute; top: 8px; right: 8px; } .close:before { content: "\f00d"; font-family: FontAwesome; } .error-field { border: 1px solid #f00; } /* 2.2.3. Info box */ .info-box { padding: 20px 25px; border: 1px solid #01b7f2; position: relative; } .info-box .close { color: #01b7f2; } .info-box p { font-size: 1.1667em; } .info-box > *:last-child { margin-bottom: 0; } /* 2.2.4. Term Description */ dl.term-description { text-transform: uppercase; font-size: 0.9167em; } dl.term-description dt, dl.term-description dd { line-height: 1.3333em; float: left; padding-top: 0.5em; padding-bottom: 0.5em; } dl.term-description dt { border-right: 1px solid #f5f5f5; color: #01b7f2; font-weight: 400; padding-right: 5px; clear: both; width: 40%; } dl.term-description dd { padding-left: 20px; width: 60%; text-transform: none; } dl.term-description:after { content: ""; display: table; clear: both; } /* 2.2.5. Dropcap */ .dropcap:first-letter { float: left; color: #01b7f2; font-size: 4.153em; line-height: 0.8667em; padding: 0; margin-right: 6px; font-weight: bold; text-transform: uppercase; display: block; } .dropcap.colored:first-letter { color: #fff; background: #01b7f2; padding: 4px 4px; margin-top: 3px; margin-right: 10px; } /* 2.2.6. Blockquote */ q, blockquote { quotes: '\201C' '\201D' '\2018' '\2019'; } blockquote { font-size: 1.3333em; line-height: 1.6em; padding: 20px 20px 20px 40px; border-left: none; position: relative; text-indent: -19px; } blockquote p { font-size: 1em; } blockquote:before, blockquote:after { font-family: Georgia,serif; font-size: 2.5em; vertical-align: middle; line-height: 0; } blockquote:before { content: open-quote; margin-right: 4px; } blockquote:after { content: close-quote; margin-left: 3px; } blockquote.style1, blockquote.style2 { background: #fff; font-style: italic; } blockquote.style1 p, blockquote.style2 p { display: inline; } blockquote.style1 { border-left: 3px solid #400090; position: relative; } blockquote.style1 > span.triangle:before { text-indent: 0; content: "\f0da"; font-family: FontAwesome; color: #400090; position: absolute; left: -1px; top: 50%; margin-top: -11px; font-style: normal; } blockquote.style1:before, blockquote.style1:after { color: #f5f5f5; } blockquote.style1.border-color-blue { border-color: #01b7f2; } blockquote.style1.border-color-blue > span.triangle:before { color: #01b7f2; } blockquote.style1.border-color-yellow { border-color: #400090; } blockquote.style1.border-color-yellow > span.triangle:before { color: #400090; } blockquote.style1.quote-color-blue:before, blockquote.style1.quote-color-blue:after { color: #01b7f2; } blockquote.style1.quote-color-yellow:before, blockquote.style1.quote-color-yellow:after { color: #400090; } blockquote.style2 { color: #01b7f2; } blockquote.style2:before, blockquote.style2:after { color: #400090; } /* 2.2.7. Pagination */ ul.page-numbers { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } ul.page-numbers:before, ul.page-numbers:after { content: " "; display: table; clear: both; } ul.page-numbers > li { float: left; height: 32px; margin-right: 6px; text-align: center; font-size: 0.9167em; } ul.page-numbers > li.disabled > span { color: #fff; background: #d9d9d9; } ul.page-numbers > li.disabled > span:hover { background: #d9d9d9; } ul.page-numbers > li > a, ul.page-numbers > li > span { line-height: 32px; padding: 0 10px; color: #fff; border-radius: 0 !important; background: #d9d9d9; border: none; text-transform: uppercase; font-weight: bold; position: relative; float: left; margin-left: -1px; text-decoration: none; } ul.page-numbers > li > a.current, ul.page-numbers > li > span.current { background: #400090 !important; } ul.page-numbers > li > a:hover, ul.page-numbers > li > a:focus, ul.page-numbers > li > span:hover, ul.page-numbers > li > span:focus { color: #fff; background: #400090; } ul.page-numbers > li.first, ul.page-numbers > li.prev { margin-right: 10px; } ul.page-numbers > li.next, ul.page-numbers > li.last { margin-left: 4px; } ul.page-numbers > li.first > a, ul.page-numbers > li.prev > a, ul.page-numbers > li.next > a, ul.page-numbers > li.last > a { background: #400090; padding: 0 15px; } ul.page-numbers > li.first > a:hover, ul.page-numbers > li.prev > a:hover, ul.page-numbers > li.next > a:hover, ul.page-numbers > li.last > a:hover { background: #400090; } ul.page-numbers > li.first.disabled > a, ul.page-numbers > li.first.disabled > span, ul.page-numbers > li.prev.disabled > a, ul.page-numbers > li.prev.disabled > span, ul.page-numbers > li.next.disabled > a, ul.page-numbers > li.next.disabled > span, ul.page-numbers > li.last.disabled > a, ul.page-numbers > li.last.disabled > span { color: #fff; background: #d9d9d9; } .page-links { clear: both; font-size: 12px; font-weight: 900; line-height: 2; margin: 24px 0; text-transform: uppercase; } .page-links > .page-links-title { height: auto; margin: 0; padding-right: 7px; width: auto; } .page-links a, .page-links > span { background: #d9d9d9; border: 1px solid #d9d9d9; display: inline-block; height: 22px; margin: 0 1px 2px 0; text-align: center; width: 22px; } .page-links a { background: #400090; border: 1px solid #400090; color: #fff; text-decoration: none; } /* 2.2.8. Hover effect */ .hover-effect { display: block; position: relative; background: none; overflow: hidden; /*z-index: 0;*/ /*color skin*/ /* style1 : checked icon */ } .hover-effect:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-transform: rotateY(180deg) scale(0.5, 0.5); -moz-transform: rotateY(180deg) scale(0.5, 0.5); -ms-transform: rotateY(180deg) scale(0.5, 0.5); -o-transform: rotateY(180deg) scale(0.5, 0.5); transform: rotateY(180deg) scale(0.5, 0.5); background: url(../images/icon/hover-effect.png) no-repeat center; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; background-color:rgba(114, 53, 156, 0.6) /*rgba(1, 183, 242, 0.6)*/; } .hover-effect img { display: block; position: relative; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-backface-visibility: hidden; } .hover-effect:hover:after { visibility: visible; -webkit-transform: rotateY(0deg) scale(1, 1); -moz-transform: rotateY(0deg) scale(1, 1); -ms-transform: rotateY(0deg) scale(1, 1); -o-transform: rotateY(0deg) scale(1, 1); transform: rotateY(0deg) scale(1, 1); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .hover-effect:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .hover-effect.yellow:after { background-color: rgba(255, 255, 40, 0.6); } .hover-effect.style1:after { color: #fff; background: none; content: "\e8ba"; font-family: "soap-icons"; font-size: 1.6667em; text-align: center; line-height: 50px; border: 2px solid #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 50px; height: 50px; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; } .hover-effect.style1:hover { background: /*#01b7f2;*/ #400090;} .hover-effect.style1:hover img { filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .selected-effect { display: block; position: relative; background: none; overflow: hidden; background: #01b7f2; } .selected-effect img { filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .selected-effect:after { position: absolute; color: #fff; background: none; content: "\e8ba"; font-family: "soap-icons"; font-size: 1.6667em; text-align: center; line-height: 50px; border: 2px solid #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 50px; height: 50px; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; } .animated .hover-effect { z-index: 0; } /* 2.2.9. Social icons */ .social-icons li { float: left; text-align: center; } .social-icons li a { width: 32px; margin-right: 4px; height: 32px; display: inline-block; background: #d9d9d9; color: #fff; line-height: 32px; font-size: 1.3333em; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .social-icons li a:hover { background: #01b7f2; } .social-icons li a .fa { line-height: 32px; } .social-icons li:last-child { margin-right: 0; } .social-icons.icon-circle a { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; overflow: hidden; } .social-icons.style1 a:hover { background: #01b7f2; } .social-icons.style2 a { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .social-icons.full-width { display: block; } .social-icons.full-width li { display: table-cell; float: none; width: 1%; margin: 0; text-align: center; } .social-icons li { overflow: hidden; } .social-icons li:hover i { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; display: block; } /* 2.2.10. Five Stars */ .five-stars-container { display: inline-block; position: relative; font-family: 'Glyphicons Halflings'; font-size: 14px; text-align: left; cursor: default; white-space: nowrap; line-height: 1.2em; color: #dbdbdb; } .five-stars-container .five-stars, .five-stars-container.editable-rating .ui-slider-range { display: block; overflow: hidden; position: relative; background: none; padding-left: 1px; } .five-stars-container .five-stars:before, .five-stars-container.editable-rating .ui-slider-range:before { content: "\e006\e006\e006\e006\e006"; color: /*#400090;*/#fdb714; } .five-stars-container:not(.no-back-star):before { display: block; position: absolute; top: 0; left: 1px; content: "\e006\e006\e006\e006\e006"; z-index: 0; } .five-stars-container.no-back-star { vertical-align: bottom; } /* 2.2.11. Price section */ .price { color: #7db921; font-size: 1.6667em; text-transform: uppercase; float: right; text-align: right; line-height: 1; /*display: block;*/ display: none;} .price small { display: block; color: #838383; font-size: 0.5em; } .price .sold-out, .price .exceed-guest { font-size: 0.7em; color: #000; } .price span { color: #01b7f2; } .price-wrapper { font-weight: normal; text-transform: uppercase; font-size: 0.8333em; color: inherit; display: none; line-height: 1.3333em; margin: 0; } .price-wrapper .price-per-unit { color: /*#7db921*/#400090; font-size: 1.4em; padding-right: 5px; } /* 2.2.12. Time section */ .time { text-transform: uppercase; font-size: 0.8333em; line-height: 19px; } .time [class^="soap-icon"] { float: left; font-size: 18px; color: #400090; margin-right: 5px; } .post-title { margin-bottom: 0; } .post-meta { font-size: 0.8333em; text-transform: uppercase; } .sep { padding: 0 5px; } /* 2.2.13. Badge */ .badge-container { position: relative; display: block; } .badge-container .badge-content { width: 42px; height: 42px; position: absolute; top: -10px; left: -10px; background: #e01a33; color: #fff; font-size: 0.8333em; text-align: center; line-height: 1.0833em; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-transform: uppercase; padding: 10px 0 0; margin: 0; font-weight: bold; z-index: 1; } .badge-container .badge-content.right-side { right: -10px; left: auto; } .badge-container img { margin: 0 !important; } /* 2.3. Travelo Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .suggestions.image-carousel.style2 .slides > li { margin-right: 24px; } .suggestions.image-carousel.style2 .slides > li img { width: 100%; height: auto; } .suggestions .caption { margin-top: 10px; text-align: center; margin-bottom: 0; } .travelo-box { background: #fff; padding: 20px; margin-bottom: 30px; } .travelo-box > *:last-child { margin-bottom: 0; } .travelo-box .title { margin-bottom: 5px; } .travelo-box .box-title { margin-bottom: 15px; } .travelo-box.box-full { padding: 30px; } .travelo-box.search-stories-box button { height: 34px; /*margin: 0 !important;*/ padding: 0 10px; font-size: 1em; } .travelo-box.twitter-box .twitter-holder > ul li { border-bottom: 1px solid #f5f5f5; padding: 15px 0 15px 40px; position: relative; } .travelo-box.twitter-box .twitter-holder > ul li:last-child { border: none; } .travelo-box.twitter-box .twitter-holder > ul li:before { content: "\f099"; font-family: FontAwesome; display: block; width: 32px; height: 32px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; border: 1px solid #400090; color: #400090; line-height: 32px; text-align: center; position: absolute; left: 0; font-size: 16px; } .travelo-box.twitter-box .twitter-holder > ul li .tweet-text a { color: #01b7f2; } .travelo-box.twitter-box .twitter-holder > ul li .tweet-text a:hover { text-decoration: underline; } .travelo-box.contact-box .contact-details { margin: 0; } .travelo-box.contact-box .contact-details .contact-phone { color: #428bca; } .travelo-box.contact-box .contact-details .contact-phone > i { color: #400090; } .travelo-box.contact-box .contact-details .contact-email { color: inherit; } .travelo-box .list-with-circle-icon li, .travelo-box.contact-us-box .contact-address li { border-bottom: 1px solid #f5f5f5; padding: 10px 0 10px 40px; position: relative; } .travelo-box .list-with-circle-icon li > i, .travelo-box.contact-us-box .contact-address li > i { position: absolute; font-size: 1.5em; color: #400090; left: 0; top: 12px; } .travelo-box .list-with-circle-icon li:last-child, .travelo-box.contact-us-box .contact-address li:last-child { border-bottom-width: 0; padding-bottom: 0; } .travelo-box .list-with-circle-icon li .title, .travelo-box.contact-us-box .contact-address li .title { color: #2d3e52; } .travelo-box .list-with-circle-icon li:after, .travelo-box.contact-us-box .contact-address li:after { display: table; clear: both; content: ""; } .travelo-box .list-with-circle-icon li > *:last-child, .travelo-box.contact-us-box .contact-address li > *:last-child { margin-bottom: 0; } .travelo-box.contact-us-box .title { color: #2d3e52; } .travelo-box.contact-us-box .contact-address { margin-bottom: 25px; } .travelo-box.contact-us-box .contact-address li { padding-left: 50px; } .travelo-box.contact-us-box .contact-address li p { font-size: 0.8333em; text-transform: uppercase; margin-bottom: 0; } .travelo-box.contact-us-box .contact-address li:last-child { border-bottom-width: 1px; padding-bottom: 10px; } .travelo-box.contact-us-box .social-icons a { overflow: hidden; } .travelo-box.contact-us-box .social-icons a:hover i:before { -webkit-animation: toBottomFromTop 0.4s forwards; -moz-animation: toBottomFromTop 0.4s forwards; animation: toBottomFromTop 0.4s forwards; } .travelo-box.newsletter-box { padding: 20px 30px; } .travelo-box.newsletter-box button { margin-right: 0 !important; margin-bottom: 0 !important; } .travelo-box.newsletter-box .row > div { margin-bottom: 0 !important; } .travelo-box.re-search-box label { font-size: 0.8333em; text-transform: uppercase; margin: 5px 0 0 0; } .travelo-box.re-search-box button { text-transform: uppercase; } .travelo-box.about-travelo-box .title { color: #01b7f2; } .travelo-box.guarantee-box { text-align: center; } .travelo-box.guarantee-box .guarantee-image { display: block; margin: 0 auto 15px; } .insurance-benefits ul { font-size: 0.9167em; } .insurance-benefits ul li { line-height: 3.6667em; border-bottom: 1px solid #f5f5f5; text-transform: uppercase; } .insurance-benefits ul li:before { color: #d9d9d9; } .insurance-benefits ul li.active:before, .insurance-benefits ul.hover li:hover:before { color: #400090; } .contact-details { font-style: normal; } .contact-details .contact-phone { color: #2d3e52; font-size: 1.6667em; } .contact-details .contact-phone i { color: #01b7f2; } .contact-details .contact-email { color: #01b7f2; font-size: 1.1667em; padding: 0 24px; line-height: 2em; } /* 2.4. Skin Color ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .title { /*color: #2d3e52; */ color:#400090;} /* 2.5. Positioning ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .middle-block { position: relative; display: block; overflow: hidden; } .middle-block .middle-item { position: absolute; } .middle-block img.middle-item { max-width: none; min-width: 100%; } .column-2 > *, .column-3 > *, .column-4 > *, .column-5 > *, .column-5-no-margin > *, .constant-column-2 > *, .constant-column-3 > *, .constant-column-4 > *, .constant-column-5 > * { float: left; } .column-2:after, .column-3:after, .column-4:after, .column-5:after, .column-5-no-margin:after, .constant-column-2:after, .constant-column-3:after, .constant-column-4:after, .constant-column-5:after { clear: both; content: ""; display: table; } .column-5-no-margin > *:nth-child(5n+1) { clear: both; } .column-5-no-margin > * { width: 20%; } .column-2 > *, .constant-column-2 > * { width: 48.5%; margin-right: 3%; margin-bottom: 3%; } .column-2 > *:nth-child(2n), .constant-column-2 > *:nth-child(2n) { margin-right: 0; } .column-2 > *:nth-child(2n+1), .constant-column-2 > *:nth-child(2n+1) { clear: both; } .column-3 > *, .constant-column-3 > * { width: 31.3333%; margin-right: 3%; margin-bottom: 3%; } .column-3 > *:nth-child(3n), .constant-column-3 > *:nth-child(3n) { margin-right: 0; } .column-3 > *:nth-child(3n+1), .constant-column-3 > *:nth-child(3n+1) { clear: both; } .column-4 > *, .constant-column-4 > * { width: 22.75%; margin-right: 3%; margin-bottom: 3%; } .column-4 > *:nth-child(4n), .constant-column-4 > *:nth-child(4n) { margin-right: 0; } .column-4 > *:nth-child(4n+1), .constant-column-4 > *:nth-child(4n+1) { clear: both; } .column-5 > *, .constant-column-5 > * { width: 17.6%; margin-right: 3%; margin-bottom: 3%; } .column-5 > *:nth-child(5n), .constant-column-5 > *:nth-child(5n) { margin-right: 0; } .column-5 > *:nth-child(5n+1), .constant-column-5 > *:nth-child(5n+1) { clear: both; } /* 2.6. Unordered lists ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ ul.arrow, ul.triangle, ul.circle, ul.check, ul.chevron, ul.arrow-square, ul.check-square, ul.check-circle, ul.decimal, ul.upper-roman, ul.lower-latin, ul.upper-latin { line-height: 2em; font-size: 1em; } ul.arrow li.active, ul.arrow li.active:before, ul.arrow.hover li:hover, ul.arrow.hover li:hover:before, ul.triangle li.active, ul.triangle li.active:before, ul.triangle.hover li:hover, ul.triangle.hover li:hover:before, ul.circle li.active, ul.circle li.active:before, ul.circle.hover li:hover, ul.circle.hover li:hover:before, ul.check li.active, ul.check li.active:before, ul.check.hover li:hover, ul.check.hover li:hover:before, ul.chevron li.active, ul.chevron li.active:before, ul.chevron.hover li:hover, ul.chevron.hover li:hover:before, ul.arrow-square li.active, ul.arrow-square li.active:before, ul.arrow-square.hover li:hover, ul.arrow-square.hover li:hover:before, ul.check-square li.active, ul.check-square li.active:before, ul.check-square.hover li:hover, ul.check-square.hover li:hover:before, ul.check-circle li.active, ul.check-circle li.active:before, ul.check-circle.hover li:hover, ul.check-circle.hover li:hover:before, ul.decimal li.active, ul.decimal li.active:before, ul.decimal.hover li:hover, ul.decimal.hover li:hover:before, ul.upper-roman li.active, ul.upper-roman li.active:before, ul.upper-roman.hover li:hover, ul.upper-roman.hover li:hover:before, ul.lower-latin li.active, ul.lower-latin li.active:before, ul.lower-latin.hover li:hover, ul.lower-latin.hover li:hover:before, ul.upper-latin li.active, ul.upper-latin li.active:before, ul.upper-latin.hover li:hover, ul.upper-latin.hover li:hover:before { color: #01b7f2; } ul.arrow.hover li, ul.triangle.hover li, ul.circle.hover li, ul.check.hover li, ul.chevron.hover li, ul.arrow-square.hover li, ul.check-square.hover li, ul.check-circle.hover li, ul.decimal.hover li, ul.upper-roman.hover li, ul.lower-latin.hover li, ul.upper-latin.hover li { cursor: default; } ul.arrow, ul.triangle, ul.circle, ul.check, ul.chevron, ul.arrow-square, ul.check-square, ul.check-circle { list-style: none; padding: 0; } ul.arrow li:before, ul.triangle li:before, ul.circle li:before, ul.check li:before, ul.chevron li:before, ul.arrow-square li:before, ul.check-square li:before, ul.check-circle li:before { font-family: "FontAwesome"; } ul.arrow li:before { content: "\f178"; margin-right: 10px; color: #01b7f2; } ul.triangle li:before, .widget_nav_menu ul li:before { content: "\f04b"; margin-right: 10px; color: #d9d9d9; display: block; float: left; font-size: 7px; font-family: "FontAwesome"; } ul.triangle li.active, ul.triangle li.active:before, ul.triangle.hover li:hover, ul.triangle.hover li:hover .box-title, ul.triangle.hover li:hover:before, .widget_nav_menu ul li.active, .widget_nav_menu ul li.active:before, .widget_nav_menu ul.hover li:hover, .widget_nav_menu ul.hover li:hover .box-title, .widget_nav_menu ul.hover li:hover:before { color: #01b7f2; } ul.circle li:before { content: "\f111"; margin-right: 10px; color: #01b7f2; display: block; float: left; font-size: 5px; } ul.circle.bullet-yellow li:before { color: #400090; } ul.circle.bullet-green li:before { color: #400090; } ul.circle.bullet-blue li:before { color: #01b7f2; } ul.check li:before { content: "\e8ba"; margin-right: 10px; color: #400090; font-family: "soap-icons"; font-size: 1.3333em; line-height: 1em; } ul.chevron li { padding-left: 30px !important; position: relative; } ul.chevron li:before { position: absolute; left: 0; top: 50%; margin-top: -10px; line-height: 20px; content: "\f054"; color: #01b7f2; display: block; width: 20px; height: 20px; text-align: center; font-size: 10px; border: 1px solid #01b7f2; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } ul.arrow-square li:before { content: "\f178"; margin-right: 10px; color: #fff; background: #01b7f2; padding: 0 2px 0 3px; } ul.decimal { counter-reset: item; } ul.decimal li:before { content: counters(item,".") "-"; counter-increment: item; margin-right: 5px; } ul.upper-roman { padding-left: 1.5em; list-style: upper-roman outside none; } ul.lower-latin { padding-left: 1.25em; list-style: lower-latin outside none; } ul.upper-latin { padding-left: 1.5em; list-style: upper-latin outside none; } /* colored */ ul.upper-roman.bullet-colored li, ul.lower-latin.bullet-colored li, ul.upper-latin.bullet-colored li { color: #01b7f2; } ul.upper-roman.bullet-colored li > *, ul.lower-latin.bullet-colored li > *, ul.upper-latin.bullet-colored li > * { color: #838383; } ul.check-square li:before { font-family: 'soap-icons'; content: "\e8ba"; background: #d9d9d9; color: #fff; padding: 1px 4px 0; margin-right: 10px; font-size: 12px; } ul.check-square li.active { background: #01b7f2; color: #fff; } ul.check-square li.active > a { color: #fff; } ul.check-square li.active:before { background: #fff; color: #400090; } ul.check-circle li:before { content: "\e8ba"; display: inline-block; color: #fff; margin-right: 10px; font-family: "soap-icons"; background: #400090; vertical-align: baseline; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 18px; height: 18px; text-align: center; line-height: 18px; } /* 2.7. Ordered lists ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 2.8. Toggle & Accordion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .toggle-container { background: #fff; /* 2.8.1. Style1 */ /* 2.8.2. Style2 */ /* 2.8.3. Accordion with image */ } .toggle-container .panel { margin-bottom: 0; box-shadow: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: none; border-bottom: 2px solid #f5f5f5; position: relative; /*.panel-content { font-size: 1.0833em; }*/ } .toggle-container .panel:last-child { border: none; } .toggle-container .panel .panel-title { padding: 0; color: #2d3e52; font-size: 1.1667em; position: relative; } .toggle-container .panel .panel-title a { white-space: normal; display: block; padding: 15px; } .toggle-container .panel .panel-title .price { font-size: 20px; } .toggle-container .panel h1.panel-title { font-size: 2em; } .toggle-container .panel h2.panel-title { font-size: 1.6667em; } .toggle-container .panel h3.panel-title { font-size: 1.5em; } .toggle-container .panel h4.panel-title { font-size: 1.3333em; } .toggle-container .panel h5.panel-title { font-size: 1.1667em; } .toggle-container .panel h6.panel-title { font-size: 1em; } .toggle-container.style1 .panel .panel-title > a { line-height: 24px; } .toggle-container.style1 .panel .panel-title > a:before { display: block; content: "\f068"; font-family: FontAwesome; margin-right: 16px; line-height: 24px; font-size: 10px; float: left; width: 24px; height: 24px; text-align: center; color: #9e9e9e; background: #f5f5f5; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .toggle-container.style1 .panel .panel-title > a.collapsed:before { content: "\f067"; color: #fff; background: /*#01b7f2*/#400090; } .toggle-container.style1 .panel .panel-content { padding: 10px 15px 15px 55px; } .toggle-container.style1 .panel.arrow-right .panel-title { position: relative; } .toggle-container.style1 .panel.arrow-right .panel-title > a { padding-right: 36px; } .toggle-container.style1 .panel.arrow-right .panel-title > a:before { float: none; position: absolute; right: 0; height: 16px; line-height: 17px; width: 16px; font-size: 9px; border: none; margin-top: -8px; top: 50%; } .toggle-container.style1 .panel.arrow-right .panel-content { padding: 10px 15px; } .toggle-container.style2 .panel .panel-title { padding: 0; } .toggle-container.style2 .panel .panel-title > a { display: block; line-height: normal; padding: 15px 20px; color: #01b7f2; } .toggle-container.style2 .panel .panel-title > a.collapsed { color: inherit; position: relative; } .toggle-container.style2 .panel .panel-title > a.collapsed:hover { color: #01b7f2; } .toggle-container.style2 .panel .panel-title > a:after { content: "\f068"; font-family: FontAwesome; font-size: 10px; width: 30px; height: 30px; display: block; position: absolute; right: 15px; bottom: 0; color: #9e9e9e; background: #f5f5f5; text-align: center; line-height: 30px; } .toggle-container.style2 .panel .panel-title > a.collapsed:after { content: "\f067"; color: #fff; background: #01b7f2; } .toggle-container.style2 .panel .panel-content { padding: 0 15px 30px 20px; } .toggle-container.with-image > .image-container { background: #01b7f2; } .toggle-container.with-image > .image-container > img { width: 100%; height: auto; } .toggle-container.with-image .panel > img { display: none; } .toggle-container.with-image .panel-title > a { color: #01b7f2; } .toggle-container.with-image .panel-title > a.collapsed { color: inherit; } .toggle-container.with-image .panel-title > a.collapsed:hover { color: #01b7f2; } /* 2.9. Tabs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .tab-wrapper { background: #fff; } .tab-wrapper .tab-container .tab-content .tab-pane { padding-left: 0; padding-right: 0; } .tab-pane [class^="col-"], .tab-pane [class*=" col-"] { padding-left: 10px; padding-right: 10px; } .tab-pane .row { margin-top: 0; margin-left: -10px; margin-right: -10px; } .tab-container { /* 2.9.1. Style 1 */ /* 2.9.2. Transparent Tab */ /* 2.9.3. Full Width Tab */ } .tab-container ul.tabs { margin: 0; padding: 0; } .tab-container ul.tabs li { float: left; padding-right: 4px; } .tab-container ul.tabs li:last-child { padding-right: 0; } .tab-container ul.tabs li a { color: #fff; display: block; padding: 0 20px; background: #d9d9d9; font-size: 1em; font-weight: bold; height: 40px; line-height: 40px; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .tab-container ul.tabs li.active > a, .tab-container ul.tabs li:hover > a { color:/* #428bca ;*/#400090; background: #fff; } .tab-container ul.tabs.full-width { display: block; /*margin-bottom: -4px;*/ } .tab-container ul.tabs.full-width li { float: none; display: table-cell; vertical-align: middle; width: 1%; } .tab-container ul.tabs.full-width li a { padding: 0; text-align: center; } .tab-container ul.tabs:after { display: table; content: ""; clear: both; } .tab-container .tab-content { background: #fff; } .tab-container .tab-content .tab-pane { padding: 20px; line-height: 1.7em; } .tab-container .tab-content .tab-pane .row { margin-bottom: 15px; /*border-top: 1px solid #f5f5f5; padding: 20px 0; &:first-child { border: none; padding-top: 0; } &:last-child { padding-bottom: 0; }*/ } .tab-container .tab-content .tab-pane > img { margin: 0 15px 0 0; } .tab-container .tab-content .tab-pane:after { content: ""; display: table; clear: both; } .tab-container.style1 ul.tabs { display: block; background: #fff; padding: 10px 0 10px 10px; border-bottom: 1px solid #f5f5f5; } .tab-container.style1 ul.tabs li { padding-right: 10px; } .tab-container.style1 ul.tabs li a { height: 30px; line-height: 30px; background: #f5f5f5; padding: 0 18px; color: #9e9e9e; font-weight: normal; font-size: 0.9167em; font-weight: bold; } .tab-container.style1 ul.tabs li.active > a, .tab-container.style1 ul.tabs li:hover > a { color: #fff; background: /*#01b7f2*/#428bca; position: relative; } .tab-container.style1 ul.tabs li.active > a:after, .tab-container.style1 ul.tabs li:hover > a:after { position: absolute; bottom: -5px; left: 50%; margin-left: -10px; border-top: 5px solid #428bca; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; } .tab-container.style1 ul.tabs li:hover > a:after { display: none; } .tab-container.style1 ul.tabs li.active:hover > a:after { display: block; } .tab-container.style1 ul.tabs.full-width li a { padding: 0; } .tab-container.trans-style { position: relative; z-index: 1; margin-top: -40px; } .tab-container.trans-style ul.tabs { padding: 0 10px; } .tab-container.trans-style ul.tabs li a { filter: alpha(opacity=55.0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55.0)"; -moz-opacity: 0.55; -khtml-opacity: 0.55; opacity: 0.55; background: #fff; color: #000; overflow: hidden; } .tab-container.trans-style ul.tabs li a i { font-size: 16px; vertical-align: middle; margin-right: 10px; } .tab-container.trans-style ul.tabs li a i[class^="soap-icon"] { font-size: 20px; } .tab-container.trans-style ul.tabs li a:hover { filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; color: #01b7f2; } .tab-container.trans-style ul.tabs li a:hover i { -webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; } .tab-container.trans-style ul.tabs li.active a { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; color: #01b7f2; } .tab-container.trans-style ul.tabs li a:hover i, .tab-container.trans-style ul.tabs li.active a i { color: #400090; } .tab-container.full-width-style ul.tabs { width: 14%; float: left; } .tab-container.full-width-style ul.tabs:after { display: none; clear: none; } .tab-container.full-width-style ul.tabs li { float: none; margin: 0; padding-right: 0; } .tab-container.full-width-style ul.tabs li a { height: 100px; display: block; border-bottom: 3px solid #f5f5f5; border-right: 3px solid #f5f5f5; background: #fff; color: inherit; font-size: 1.1667em; text-transform: none; font-weight: normal; text-align: center; padding-top: 20px; line-height: 2em; } .tab-container.full-width-style ul.tabs li a > i { color: #d9d9d9; display: block; font-size: 18px; margin: 0 auto; width: 1.6em; height: 1.6em; line-height: 1.5em; overflow: hidden; } .tab-container.full-width-style ul.tabs li a:hover i:before { -webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; } .tab-container.full-width-style ul.tabs li.active a, .tab-container.full-width-style ul.tabs li a:hover { color: #2d3e52; } .tab-container.full-width-style ul.tabs li a:hover i, .tab-container.full-width-style ul.tabs li.active a i { color: #400090; border-color: #400090; } .tab-container.full-width-style ul.tabs li:last-child.active a { border-bottom: none; } .tab-container.full-width-style ul.tabs li.active a { border-right-color: transparent; } .tab-container.full-width-style.arrow-left ul.tabs li { margin-bottom: 4px; } .tab-container.full-width-style.arrow-left ul.tabs li a { border: none; margin-right: 4px; } .tab-container.full-width-style.arrow-left ul.tabs li.active a { margin-right: 0; border-left: 2px solid #400090; position: relative; } .tab-container.full-width-style.arrow-left ul.tabs li.active a:after { display: block; content: ""; position: absolute; left: 0; top: 50%; margin-top: -5px; border-left: 3px solid #400090; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .tab-container.full-width-style.arrow-left .tab-content .tab-pane { padding: 30px; } .tab-container.full-width-style .tab-content { float: left; width: 86%; } .tab-container.full-width-style .tab-content .tab-content-title { color: #01b7f2; } .tab-container.full-width-style:after { display: table; content: ""; clear: both; } /* 2.10. Promo box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .promo-box .table-wrapper { width: 100%; margin: 0; } .promo-box .table-cell { vertical-align: middle; } .promo-box .m-title { font-size: 2em; color: #fff; line-height: 1.5em; margin: 0; } .promo-box .m-title em { font-size: 1.28em; font-weight: bold; font-style: normal; } .promo-box .m-title em i { font-weight: normal; } .promo-box .action-section { padding: 20px 0 0; text-align: right; } .promo-box .action-section form .row > div { margin-bottom: 10px; } .promo-box .action-section button { text-transform: uppercase; } .promo-box .image-container { padding: 0; float: none; position: relative; text-align: center; } .promo-box .image-container img { position: absolute; visibility: hidden; height: auto; left: 0; } .promo-box .table-wrapper { height: 100%; } .promo-box .table-cell { vertical-align: middle; } .promo-box .content-section { padding: 40px 10px; z-index: 1; position: relative; } /* 2.11. Photo Gallery ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .flexslider .slides > li { display: none; } .flexslider .slides img { height: auto; } .photo-gallery.style2 .flex-direction-nav, .photo-gallery.style3 .flex-direction-nav, .photo-gallery.style4 .flex-direction-nav, .image-carousel.style2 .flex-direction-nav { position: absolute; right: 0; top: -40px; width: 72px; height: 22px; } .photo-gallery.style2 .flex-direction-nav li a, .photo-gallery.style3 .flex-direction-nav li a, .photo-gallery.style4 .flex-direction-nav li a, .image-carousel.style2 .flex-direction-nav li a { background: rgba(114, 53, 156, 1); width: 30px; height: 22px; color: #fff; text-indent: -9999px; text-align: left; position: static; float: left; margin: 0; filter: alpha(opacity=100) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; -moz-transition: none 1s ease-in-out; -o-transition: none 1s ease-in-out; -webkit-transition: none 1s ease-in-out; -ms-transition: none 1s ease-in-out; transition: none 1s ease-in-out; } .photo-gallery.style2 .flex-direction-nav li a:hover, .photo-gallery.style3 .flex-direction-nav li a:hover, .photo-gallery.style4 .flex-direction-nav li a:hover, .image-carousel.style2 .flex-direction-nav li a:hover { background: rgb(64, 14, 99);} .photo-gallery.style2 .flex-direction-nav li a:before, .photo-gallery.style3 .flex-direction-nav li a:before, .photo-gallery.style4 .flex-direction-nav li a:before, .image-carousel.style2 .flex-direction-nav li a:before { position: absolute; display: block; font-family: FontAwesome; text-indent: 0; font-size: 12px; line-height: 22px; } .photo-gallery.style2 .flex-direction-nav li a.flex-prev, .photo-gallery.style3 .flex-direction-nav li a.flex-prev, .photo-gallery.style4 .flex-direction-nav li a.flex-prev, .image-carousel.style2 .flex-direction-nav li a.flex-prev { margin-right: 10px; } .photo-gallery.style2 .flex-direction-nav li a.flex-prev:before, .photo-gallery.style3 .flex-direction-nav li a.flex-prev:before, .photo-gallery.style4 .flex-direction-nav li a.flex-prev:before, .image-carousel.style2 .flex-direction-nav li a.flex-prev:before { content: "\f177"; left: 8px; } .photo-gallery.style2 .flex-direction-nav li a.flex-next:before, .photo-gallery.style3 .flex-direction-nav li a.flex-next:before, .photo-gallery.style4 .flex-direction-nav li a.flex-next:before, .image-carousel.style2 .flex-direction-nav li a.flex-next:before { content: "\f178"; right: 9px; } .photo-gallery.style2 .flex-direction-nav li a.flex-disabled, .photo-gallery.style3 .flex-direction-nav li a.flex-disabled, .photo-gallery.style4 .flex-direction-nav li a.flex-disabled, .image-carousel.style2 .flex-direction-nav li a.flex-disabled { background: #d9d9d9; } .travelo-box > .image-carousel.style2 .flex-direction-nav { top: -60px; } .photo-gallery { background: #fff; box-shadow: none; border: none; margin: 0; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; /* img { width: 100%; height: auto; } */ } .photo-gallery .slides > li { display: none; overflow: hidden; position: relative; } .photo-gallery .flex-control-nav { width: auto; position: absolute; right: 30px; bottom: 30px; } .photo-gallery .flex-control-nav > li { float: left; margin-left: 5px; margin-right: 0; } .photo-gallery .flex-control-nav > li a { background: none; display: block; width: 14px; height: 14px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; border: 1px solid #fff; text-indent: -9999px; cursor: pointer; background: rgba(255, 255, 255, 0); box-shadow: none; } .photo-gallery .flex-control-nav > li a.flex-active { background: #400090; border-color: #400090; } .photo-gallery.style1 .flex-control-nav { display: none; } .photo-gallery.style3 .flex-control-nav { display: none; } .photo-gallery.style3 .flex-direction-nav { right: 10px; bottom: 10px; top: auto; } .photo-gallery.style4 .flex-control-nav { right: 25px; bottom: 25px; top: auto; } .photo-gallery.style4 .flex-direction-nav { display: none; } .photo-gallery.no-navigation .flex-direction-nav { display: none; } #photos-tab .photo-gallery.style1 { position: relative; } .image-carousel { position: relative; box-shadow: none; border: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; background: none; } .image-carousel .slides > li { display: none; } .image-carousel img { max-width: 100%; } .image-carousel.style1 { padding: 10px 45px; background: #fff; } .image-carousel.style1 .slides > li { margin-right: 10px; height: 70px; cursor: pointer; overflow: hidden; } .image-carousel.style1 .slides > li:last-child { margin-right: 0; } .image-carousel.style1 .slides > li img { height: 100%; width: auto; max-width: none; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .image-carousel.style1 .slides > li.flex-active-slide img, .image-carousel.style1 .slides > li:hover img { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .image-carousel.style1 .flex-control-nav { display: none; } .image-carousel.style1 .flex-direction-nav { position: static; width: 0; height: 0; } .image-carousel.style1 .flex-direction-nav li a { background: rgba(1, 183, 242, 0.7); float: none; width: 25px; height: auto; position: absolute; top: 10px; bottom: 10px; margin: 0; filter: alpha(opacity=100) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; text-indent: -9999px; text-align: left; color: #fff; -moz-transition: background 0.2s ease-in; -o-transition: background 0.2s ease-in; -webkit-transition: background 0.2s ease-in; -ms-transition: background 0.2s ease-in; transition: background 0.2s ease-in; } .image-carousel.style1 .flex-direction-nav li a:hover { background: #01b7f2; } .image-carousel.style1 .flex-direction-nav li a:before { display: block; position: absolute; left: 9px; top: 50%; margin-top: -6px; text-indent: 0; font-family: FontAwesome; font-size: 12px; line-height: 1; text-shadow: none; } .image-carousel.style1 .flex-direction-nav li a.flex-prev { left: 10px; } .image-carousel.style1 .flex-direction-nav li a.flex-prev:before { content: "\f053"; } .image-carousel.style1 .flex-direction-nav li a.flex-next { right: 10px; } .image-carousel.style1 .flex-direction-nav li a.flex-next:before { content: "\f054"; } .image-carousel.style1 .flex-direction-nav li a.flex-disabled { background: #f5f5f5; color: #9e9e9e; } .image-carousel.style2 .slides > li { margin-right: 30px; } .image-carousel.style2 .slides > li:last-child { margin-right: 0; } .image-carousel.style2 .slides > li .hover-effect { z-index: 0; } .image-carousel.style2 .slides > li .hover-effect img { position: relative; } .image-carousel.style2 .slides > li .hover-effect .caption { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; bottom: 0; left: 0; height: 33px; line-height: 33px; overflow: hidden; padding: 0; text-align: center; right: 0; z-index: 3; margin: 0; background: #2d3e52; color: #fff; font-size: 1.1667em; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -moz-transition: -moz-transform 0.35s; -o-transition: -o-transform 0.35s; -webkit-transition: -webkit-transform 0.35s; -ms-transition: -ms-transform 0.35s; transition: transform 0.35s; } .image-carousel.style2 .slides > li .hover-effect:hover .caption { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; display: block; -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); } .image-carousel.style2 .slides > li .hover-effect:hover:after { /*margin-top: -20px;*/ } .image-carousel.style2 .flex-control-nav { display: none; } .image-carousel.style2.row-2 li figure:first-child { margin-bottom: 30px; } .image-carousel.style3 { margin-bottom: 30px; } .image-carousel.style3 .slides { margin-bottom: 0; } .image-carousel.style3 .slides > li { margin-right: 30px; } .image-carousel.style3 .slides > li:last-child { margin-right: 0; } .image-carousel.style3 .slides > li .box { margin-bottom: 0; } .image-carousel.style3 .flex-control-nav { display: none; } .image-carousel.style3 .flex-direction-nav { position: static; width: 0; height: 0; } .image-carousel.style3 .flex-direction-nav li a { width: 40px; height: 40px; border: 2px solid; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; position: absolute; top: 50%; margin-top: -20px; background: none; color: /*#d9d9d9;*/#fff; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; text-shadow: none; text-align: left !important; text-indent: -9999px; } .image-carousel.style3 .flex-direction-nav li a:before { position: absolute; display: block; top: 0; left: 0; right: 0; text-align: center; line-height: 36px; font-family: "soap-icons"; text-indent: 0; font-size: 24px; } .image-carousel.style3 .flex-direction-nav li a.flex-prev { left: -80px; } .image-carousel.style3 .flex-direction-nav li a.flex-prev:before { content: "\e87b"; } .image-carousel.style3 .flex-direction-nav li a.flex-next { right: -80px; } .image-carousel.style3 .flex-direction-nav li a.flex-next:before { content: "\e887"; } .image-carousel.style3 .flex-direction-nav li a:hover { color: #fff; } .image-carousel.style3 .flex-direction-nav li a.flex-disabled { color: #838383; } /* 2.12. Image Style ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .image-block.style1 { margin-right: 25px; } .image-block.style1 li { margin: 0 10px 10px 0; width: 80px; height: 80px; } .image-block.style1 li a { overflow: hidden; display: block; } .image-block.style1 li a img { max-width: none; height: 100%; } .image-block.style2 { position: relative; min-height: 200px; } .image-block.style2 li { position: absolute; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; padding: 5px; background: #fff; border: 1px solid #bfbfbf; } .image-block.style2 li a { display: block; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; overflow: hidden; -webkit-transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } .image-block.style2 li a img { height: 100%; max-width: none; } /* 2.13. Image Box Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .image-box .box, .image-box.box { text-align: left; background: #fff; margin-bottom: 30px; } .image-box .box figure img, .image-box.box figure img { width: 100%; height: auto; } .image-box .box > .details, .image-box.box > .details { padding: 12px 15px; } .image-box .box > .details > *:last-child, .image-box.box > .details > *:last-child { margin-bottom: 0; } .image-box .box .box-title, .image-box.box .box-title { margin-bottom: 10px; /* color: #2d3e52; */ color:#400090;} .image-box.style1 .box-title, .image-box.style10 .box-title { margin-bottom: 0; } .image-box.style7 .opacity-wrapper, .image-box.style8 .opacity-wrapper, .image-box.style12 .opacity-wrapper { display: block; position: absolute; left: 0; top: 0; background: #400090; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; width: 100%; height: 100%; } .image-box.style2 figure { float: left; width: 250px; } .image-box.style2 .details { padding: 20px 20px 10px 270px; } .image-box.style2 .details p { margin-bottom: 20px; } .image-box.style2 .box:after, .image-box.style2.box:after { content: ""; display: table; clear: both; } .image-box.style3 .details { padding: 15px; } .image-box.style3 .details .box-title { margin-bottom: 0; } .image-box.style3 .details .offers-content { font-size: 0.8333em; text-transform: uppercase; margin-bottom: 0; } .image-box.style3 .details .description { border-top: 1px solid #f5f5f5; padding-top: 10px; } .image-box.style4 .details .box-title { float: left; font-size:20px; margin: 0; } .image-box.style4 .details p{ font-family:Verdana, Geneva, sans-serif; font-size: 1.15em; text-align:justify;} .image-box.style4 .details .goto-detail { float: right; color: #400090; font-weight: bold; font-size: 16px; } .image-box.style4 .details:after { content: ""; display: table; clear: both; } .image-box.style5 .box, .image-box.style5.box, .image-box.style11 .box, .image-box.style11.box { position: relative; } .image-box.style5 figure, .image-box.style11 figure { position: relative; overflow: hidden; cursor: pointer; z-index: 0; } .image-box.style5 figure figcaption, .image-box.style11 figure figcaption { position: absolute; z-index: 3; left: 0; top: 10px; padding: 5px 20px 5px 20px; min-width: 130px; background: #2d3e52; -moz-transition: -moz-transform 0.35s; -o-transition: -o-transform 0.35s; -webkit-transition: -webkit-transform 0.35s; -ms-transition: -ms-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .image-box.style5 figure figcaption .caption-title, .image-box.style11 figure figcaption .caption-title { margin: 0; color: #fff; line-height: 1.1em; } .image-box.style5 figure figcaption span, .image-box.style11 figure figcaption span { color: #400090; text-transform: uppercase; font-size: 0.8333em; letter-spacing: 0.04em; } .image-box.style5 figure:hover figcaption, .image-box.style11 figure:hover figcaption { -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); } .image-box.style5 figure:hover a:before, .image-box.style11 figure:hover a:before { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .image-box.style5 figure img, .image-box.style11 figure img { -webkit-backface-visibility: hidden; } .image-box.style5 figure a, .image-box.style11 figure a { display: block; } .image-box.style5 figure a:before, .image-box.style11 figure a:before { position: absolute; z-index: 2; display: block; content: ""; top: 0; left: 0; width: 100%; right: 0; bottom: 0; height: 100%; background: rgba(1, 183, 242, 0.3); filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .image-box.style5 .details, .image-box.style11 .details { padding: 0; } .image-box.style5 .details .detail, .image-box.style11 .details .detail { margin: 0; border-top: 1px solid #f5f5f5; padding: 10px 20px; } .image-box.style5 .details .detail:first-child, .image-box.style11 .details .detail:first-child { border: none; } .image-box.style5 .details .detail .box-title, .image-box.style11 .details .detail .box-title { line-height: 40px; margin: 0; } .image-box.style5 .details .detail:after, .image-box.style11 .details .detail:after { display: table; content: ""; clear: both; } .image-box.style6 figure, .image-box.style14 figure { padding: 0; } .image-box.style6 .details, .image-box.style14 .details { margin-bottom: 0 !important; padding: 20px 30px; line-height: 1.7em; } .image-box.style6 .box:after, .image-box.style6.box:after, .image-box.style14 .box:after, .image-box.style14.box:after { display: table; content: ""; clear: both; } .image-box.style6 .row { margin: 0; } .image-box.style6 div[class^="col-"], .image-box.style6 div[class*=" col-"] { padding: 0; } .image-box.style7 .box, .image-box.style7.box { background: #fff; margin-bottom: 30px; } .image-box.style7 .box figure, .image-box.style7.box figure { height: 72px; } .image-box.style7 .box .details, .image-box.style7.box .details { padding: 20px 20px 25px; font-size: 1.0833em; } .image-box.style7 .box .details p, .image-box.style7.box .details p { margin: 0; } .image-box.style8 .box { background: none; } .image-box.style8 figure { width: 25%; float: left; position: relative; overflow: hidden; } .image-box.style8 figure img { height: 100%; width: auto; max-width: none; } .image-box.style8 .details { width: 75%; float: left; padding: 20px; background: #fff; } .image-box.style8 .box:after, .image-box.style8.box:after { display: table; content: ""; clear: both; } .image-box.style9 figure a { position: relative; /*height: 160px; overflow: hidden;*/ display: block; border:1px solid #ffffff; width: 100%; } .image-box.style9 figure img { width: 100%; height: auto; } .image-box.style9 .box-title { margin: 0; } .image-box.style9 .button { margin-top: 20px; } .image-box.style9 .details { background: #fff; padding: 15px; text-align: center; } .image-box.style9 .description { margin-top: 20px; } .image-box.style10 .details a.button { margin-top: 5px; float: right; } .image-box.style11 .box > .details { padding: 15px; } .image-box.style12 .box, .image-box.style12.box { display: table; } .image-box.style12 figure, .image-box.style12 .details, .image-box.style12 .action { display: table-cell; vertical-align: top; } .image-box.style12 figure { margin-right: 30px; max-width: 30%; } .image-box.style12 figure a { position: relative; display: inline-block; } .image-box.style12 figure img { width: auto; max-width: 150px; } .image-box.style12 .details { border-right: 1px solid #f5f5f5; padding: 12px 20px 10px 25px; width: 100%; } .image-box.style12 .details > *:last-child { margin-bottom: 0; } .image-box.style12 .action { padding: 15px; } .image-box.style12 .action .price { text-align: center; float: none; margin: 0 0 10px 0; } .image-box.style12 .action button, .image-box.style12 .action a.button { padding: 0 10px; } .image-box.style12 .image-wrapper { position: relative; overflow: hidden; display: block; } .image-box.style13 figure { float: left; margin-right: 15px; } .image-box.style13 .details { padding: 0 15px; } .image-box.style13 .action { float: right; } .image-box.style13 .action .button { padding: 0 10px; } .image-box.style13 .price { float: none; } .image-box.style13 .box, .image-box.style13.box { margin-bottom: 0; } .image-box.style13 .box:after, .image-box.style13.box:after { display: table; content: ""; clear: both; } .image-box.style14 figure { float: left; width: 63px; } .image-box.style14 .details { margin-left: 63px; padding: 4px 15px 0; } .image-box.style14 .price { float: none; text-align: left; display: inline; font-size: 1.4em; } .image-box.style14 .box-title { margin-bottom: 0; } .image-box.style14 .box-title small { line-height: 1em; } .image-box.style7 .opacity-wrapper, .image-box.style8 .opacity-wrapper, .image-box.style12 .opacity-wrapper { cursor: pointer; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .image-box.style7 figure, .image-box.style8 figure, .image-box.style12 figure { overflow: hidden; z-index: 0; } .image-box.style7 figure img, .image-box.style8 figure img, .image-box.style12 figure img { -moz-transition: -moz-transform 0.35s; -o-transition: -o-transform 0.35s; -webkit-transition: -webkit-transform 0.35s; -ms-transition: -ms-transform 0.35s; transition: transform 0.35s; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); /*-webkit-backface-visibility: hidden;*/ } .image-box.style7 figure:hover img, .image-box.style8 figure:hover img, .image-box.style12 figure:hover img { -webkit-transform: scale(1.07, 1.07); -moz-transform: scale(1.07, 1.07); -ms-transform: scale(1.07, 1.07); -o-transform: scale(1.07, 1.07); transform: scale(1.07, 1.07); } .image-box.style7 figure:hover .opacity-wrapper, .image-box.style8 figure:hover .opacity-wrapper, .image-box.style12 figure:hover .opacity-wrapper { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .sidebar .image-box.style14 .box { padding-bottom: 15px; border-bottom: 1px solid #f5f5f5; margin-bottom: 15px; } .sidebar .image-box.style14 .box:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } .sidebar .image-box.style14 .box figure a { display: block; width: 64px; height: 64px; background: #f5f5f5; } .widget_travtabswidget #new-comments .image-box.style14 figure a { width: 52px; height: 52px; } /* 2.14. Icon Box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Icon Box */ .icon-box { text-transform: uppercase; } .icon-box > i { text-align: center; } .icon-box.style1 { height: 42px; background: #fff; line-height: 42px; font-size: 0.9167em; } .icon-box.style1 > i { display: block; width: 42px; float: left; background: #400090; line-height: 42px; color: #fff; font-size: 2em; margin-right: 15px; } .icon-box.style2 { line-height: 1.75em; color: #01b7f2; font-size: 0.9167em; display: inline-block; } .icon-box.style2 > i { font-size: 1.5em; margin-right: 10px; color: #01b7f2; } .icon-box.style3 { background: #fff; text-align: center; margin-bottom: 10px; } .icon-box.style3 .numbers { font-size: 5em; color: #2d3e52; padding: 20px 0; font-weight: 300; } .icon-box.style3 .numbers i { margin-right: 10px; } .icon-box.style3 .description { border-top: 1px solid #f5f5f5; font-weight: bold; padding: 6px 0; } .icon-box.style4, .icon-box.style8, .icon-box.style9 { text-align: center; text-transform: none; } .icon-box.style4 > i, .icon-box.style8 > i, .icon-box.style9 > i { font-size: 5em; color: #400090; } .icon-box.style4 .box-title, .icon-box.style8 .box-title, .icon-box.style9 .box-title { margin-top: 10px; margin-bottom: 10px; } .icon-box.style5 { height: 70px; background: #fff; line-height: 70px; text-transform: none; } .icon-box.style5 > i { display: block; width: 70px; float: left; background: #01b7f2; line-height: 70px; color: #fff; font-size: 3em; margin-right: 15px; } .icon-box.style5 .description { line-height: 1.6em; padding: 14px 15px 0 0; } .icon-box.style5 .description small { text-transform: uppercase; } .icon-box.style6, .icon-box.style7 { line-height: 50px; text-transform: none; } .icon-box.style6 > i, .icon-box.style7 > i { display: block; width: 50px; float: left; background: #400090; line-height: 50px; color: #fff; font-size: 2.5em; } .icon-box.style6 .box-title, .icon-box.style7 .box-title { margin-bottom: 5px; } .icon-box.style6 .description, .icon-box.style7 .description { line-height: 1.6em; padding-left: 70px; } .icon-box.style6:after, .icon-box.style7:after { display: table; content: ""; clear: both; } .icon-box.style6 .box-title { letter-spacing: normal; margin-bottom: 10px; } .icon-box.style7 { padding: 30px; background: #fff; } .icon-box.style7 > i { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 60px; height: 60px; line-height: 60px; background: /*#01b7f2*/#400090; } .icon-box.style7 > i.glyphicon { font-size: 1.6667em; } .icon-box.style7 .description { padding-left: 80px; } .icon-box.style7 .description .box-title { margin-bottom: 20px; line-height: 1.3333em; } .icon-box.style7 .description ul { margin-bottom: 20px; } .icon-box.style7 .description .view { text-decoration: underline; color: #400090; font-size: 1.0833em; } .icon-box.style8 i, .icon-box.style9 i { font-size: 2.6666em; background: #400090; color: #fff; width: 1.5em; height: 1.5em; line-height: 1.5em; display: block; margin-left: auto; margin-right: auto; } .icon-box.style9 { display: inline-block; } .icon-box.style9 .box-title { line-height: 1.2em; } .icon-box.style9 > i { background: #01b7f2; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 2em; height: 2em; line-height: 2em; margin-bottom: 15px; } .icon-box.style10 { border: 1px solid #400090; margin-top: 20px; padding: 45px 20px 20px; position: relative; color: #7c9abd; text-align: center; } .icon-box.style10 .box-title { color: #fff; margin-bottom: 15px; } .icon-box.style10 > i { position: absolute; width: 72px; height: 72px; top: -36px; left: 50%; margin-left: -36px; font-size: 3em; color: #fff; background: #400090; line-height: 72px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .icon-box.style10 .description { text-transform: none; } .icon-box.style11 { display: table; } .icon-box.style11 > .icon-wrapper { display: table-cell; vertical-align: middle; text-align: center; font-size: 18px; width: auto; } .icon-box.style11 > .icon-wrapper > i { width: 1.5em; height: 1.5em; line-height: 1.5em; display: block; margin-left: auto; margin-right: auto; border-color: #01b7f2; background: #01b7f2; color: #fff; font-size: 1.5em; } .icon-box.style11 > .details { display: table-cell; vertical-align: middle; padding-left: 10px; margin: 0; text-transform: none; } .icon-box.style11 > .details .m-title { margin: 0; } .icon-box.style12 { display: table; } .icon-box.style12 > .icon-wrapper { display: table-cell; vertical-align: middle; text-align: center; font-size: 18px; width: auto; } .icon-box.style12 > .icon-wrapper > i { border-color: #01b7f2; background: #01b7f2; color: #fff; font-size: 1.5em; } .icon-box.style12 > .details { display: table-cell; vertical-align: middle; padding-left: 10px; margin: 0; text-transform: none; } .icon-box.style12 > .details .m-title { margin: 0; } .icon-box.style13 > .icon-wrapper { width: 1.4em; text-align: left; } .icon-box.style13 > .icon-wrapper > i { color: #400090; background: initial; } .icon-box.style13 > .details { padding-left: 0; text-transform: uppercase; font-size: 0.8333em; } /* 2.15. Listing Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .listing-style1.hotel .box-title:after, .listing-style1.cruise .box-title:after { display: table; content: ""; clear: both; max-width: 60%; } .listing-style1.hotel .feedback, .listing-style1.cruise .feedback { margin: 5px 0; border-top: 1px solid #f5f5f5; padding-top: 5px; border-bottom: 1px solid #f5f5f5; } .listing-style1.hotel .feedback .review, .listing-style1.cruise .feedback .review { display: block; float: right; text-transform: uppercase; font-size: 0.8333em; color: #9e9e9e; } .listing-style1.hotel .five-stars-container, .listing-style1.cruise .five-stars-container { color: #dbdbdb; } .listing-style1.hotel .action .button:last-child, .listing-style1.cruise .action .button:last-child { float: right; } .listing-style1.hotel .action .button, .listing-style1.cruise .action .button { width: 45%; padding: 0; text-align: center; } .listing-style1.hotel .action .button + .button, .listing-style1.cruise .action .button + .button { width: 50%; } .listing-style1.flight .details, .listing-style1.car .details { padding: 15px 0 0 !important; text-transform: uppercase; } .listing-style1.flight .details .box-title, .listing-style1.car .details .box-title { text-transform: none; } .listing-style1.flight .details .box-title:after, .listing-style1.car .details .box-title:after { display: table; content: ""; clear: both; } .listing-style1.flight .action .button, .listing-style1.car .action .button { text-align: center; } .listing-style1.flight figure img { max-width: 100px; } .listing-style1.flight .details .time { margin: 10px 0; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; letter-spacing: 0.04em; } .listing-style1.flight .details .time:after { display: table; content: ""; clear: both; } .listing-style1.flight .details .time > div { width: 50%; float: left; padding: 7px 0; } .listing-style1.flight .details .time > div > .icon { font-size: 16px; float: left; } .listing-style1.flight .details .time > div > .icon + div { padding-left: 24px; } .listing-style1.flight .details .time > div:first-child { border-right: 1px solid #f5f5f5; } .listing-style1.flight .details .time > div + div { padding-left: 20px; } .listing-style1.flight .details .duration { font-size: 0.8333em; text-align: center; letter-spacing: 0.04em; } .listing-style1.car figure img { max-width: 80%; } .listing-style1.car .details .mile { font-size: 0.8333em; text-align: center; } .listing-style1.car .details .amenities { text-align: center; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; margin: 10px 0; padding: 10px 0 6px; } .listing-style1.cruise .time { padding-top: 5px; } .listing-style1.cruise .time [class^="soap-icon"] { float: left; font-size: 20px; } .listing-style1.cruise .time > div { margin-bottom: 10px !important; } .listing-style1.cruise .time > div:first-child { border-right: 1px solid #f5f5f5; } .listing-style1.cruise .time > div > div { padding-left: 20px; } .listing-style1.cruise .action a.button { float: none !important; } .listing-style1.cruise .description { text-align: center; font-size: 0.8333em; text-transform: uppercase; } .listing-style1.tour .description { margin: 5px 0; border-top: 1px solid #f5f5f5; padding-top: 5px; border-bottom: 1px solid #f5f5f5; } .listing-style1.flight .box, .listing-style1.flight.box, .listing-style1.car .box, .listing-style1.car.box, .listing-style2.flight .box, .listing-style2.flight.box, .listing-style2.car .box, .listing-style2.car.box { padding: 15px; } .listing-style1.flight figure, .listing-style1.car figure, .listing-style2.flight figure, .listing-style2.car figure { background: #f5f5f5; display: table; /*height: 140px;*/ width: 100%; table-layout: fixed; } .listing-style1.flight figure > a, .listing-style1.flight figure > span, .listing-style1.car figure > a, .listing-style1.car figure > span, .listing-style2.flight figure > a, .listing-style2.flight figure > span, .listing-style2.car figure > a, .listing-style2.car figure > span { display: table-cell; vertical-align: middle; text-align: center; } .listing-style1.flight figure img, .listing-style1.car figure img, .listing-style2.flight figure img, .listing-style2.car figure img { width: auto; } .listing-style1.flight .icon, .listing-style3.flight .icon { font-size: 16px; } .listing-style1.flight .take-off > .icon, .listing-style3.flight .take-off > .icon { -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -o-transform: rotate(-25deg); transform: rotate(-25deg); display: inline-block; } .listing-style1.flight .landing > .icon, .listing-style3.flight .landing > .icon { -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); display: inline-block; } .listing-style1.car .amenities ul, .listing-style3.car .amenities ul { display: inline-block; color: #9e9e9e; } .listing-style1.car .amenities ul li, .listing-style3.car .amenities ul li { float: left; text-align: center; padding: 0 5px; cursor: default; font-size: 0.8333em; } .listing-style1.car .amenities ul li .glyphicon, .listing-style1.car .amenities ul li [class^="soap-icon"], .listing-style3.car .amenities ul li .glyphicon, .listing-style3.car .amenities ul li [class^="soap-icon"] { display: block; font-size: 16px; color: #d9d9d9; overflow: hidden; } .listing-style1.car .amenities ul li .glyphicon, .listing-style3.car .amenities ul li .glyphicon { line-height: 25px; } .listing-style1.car .amenities ul li .glyphicon:before, .listing-style3.car .amenities ul li .glyphicon:before { font-size: 12px; } .listing-style1.car .amenities ul li:hover, .listing-style1.car .amenities ul li:hover .glyphicon, .listing-style1.car .amenities ul li:hover [class^="soap-icon"], .listing-style3.car .amenities ul li:hover, .listing-style3.car .amenities ul li:hover .glyphicon, .listing-style3.car .amenities ul li:hover [class^="soap-icon"] { color: #01b7f2; } .listing-style1.car .amenities ul li:hover [class^="soap-icon"]:before, .listing-style3.car .amenities ul li:hover [class^="soap-icon"]:before { -webkit-animation: toTopFromBottom 0.35s forwards; -moz-animation: toTopFromBottom 0.35s forwards; animation: toTopFromBottom 0.35s forwards; } .listing-style1.car .amenities ul:after, .listing-style3.car .amenities ul:after { display: table; content: ""; clear: both; } .listing-style2 .box .box-title { margin-bottom: 0; } .listing-style2 a.button { margin-top: 6px; } .listing-style2.flight .details { padding: 12px 2px 0; } .listing-style2.flight img { width: auto; max-width: 100px; } .listing-style3 .box, .listing-style3.box { background: #fff; margin-bottom: 30px; } .listing-style3 .box > *, .listing-style3.box > * { padding: 0; } .listing-style3 .box:after, .listing-style3.box:after { display: table; clear: both; content: ""; } .listing-style3 .review { display: block; text-transform: uppercase; font-size: 0.8333em; color: #9e9e9e; } .listing-style3 .five-stars-container, .listing-style3 .review { line-height: 1em; } .listing-style3 .five-stars-container { color: #dbdbdb; } .listing-style3 [class^="soap-icon"].circle { color: #d9d9d9; cursor: default; font-size: 16px; overflow: hidden; } .listing-style3 [class^="soap-icon"].circle:hover { color: #01b7f2; } .listing-style3 [class^="soap-icon"].circle:hover:before { -webkit-animation: toTopFromBottom 0.35s forwards; -moz-animation: toTopFromBottom 0.35s forwards; animation: toTopFromBottom 0.35s forwards; } .listing-style3 .amenities img { vertical-align: baseline; } .listing-style3 .amenities img:hover { -webkit-animation: pulse 0.5s forwards; -moz-animation: pulse 0.5s forwards; animation: pulse 0.5s forwards; } .listing-style3 .price { float: none; text-align: center; } .listing-style3.hotel figure img { width: 100%; height: auto; } .listing-style3.hotel .box-title { margin: 0; float: left; max-width: 60%; } .listing-style3.hotel .box-title i { font-size: 15px; } .listing-style3.hotel .amenities { float: right; } .listing-style3.hotel .details { padding: 15px 0 15px 20px; display: table; } .listing-style3.hotel .details [class^="soap-icon"].circle { margin-right: 5px; margin-top: 5px; } .listing-style3.hotel .details > * { display: table-row; } .listing-style3.hotel .details > * > * { display: table-cell; padding: 10px 15px 0; text-align: center; vertical-align: middle; } .listing-style3.hotel .details > * > *:first-child { border-right: 1px solid #f5f5f5; padding-left: 0; padding-right: 15px; text-align: left; } .listing-style3.hotel .details > * > *:last-child { width: 120px; } .listing-style3.hotel .details > *:first-child > * { border-bottom: 1px solid #f5f5f5; padding-top: 0; padding-bottom: 10px; } .listing-style3.hotel .details .button { margin-top: 8px; } .listing-style3.flight .box, .listing-style3.flight.box { padding: 15px; display: table; width: 100%; table-layout: fixed; } .listing-style3.flight figure { display: table-cell; background: #f5f5f5; vertical-align: middle; float: none; } .listing-style3.flight figure span { text-align: center; display: block; } .listing-style3.flight figure span img { max-width: 60px; height: auto; } .listing-style3.flight .box-title { float: left; } .listing-style3.flight .stop:hover { background: #400090; } .listing-style3.flight .amenities { margin-bottom: 10px; float: right; } .listing-style3.flight .details { display: table-cell; padding-left: 15px; float: none; } .listing-style3.flight .details .details-wrapper { display: table; width: 100%; } .listing-style3.flight .details .details-wrapper > * { display: table-row; } .listing-style3.flight .details .details-wrapper > * > * { display: table-cell; padding: 15px 15px 0 15px; } .listing-style3.flight .details .details-wrapper > * > *:first-child { border-right: 1px solid #f5f5f5; padding-left: 0; } .listing-style3.flight .details .details-wrapper > * > *:last-child { text-align: center; padding-right: 0; } .listing-style3.flight .details .details-wrapper > *:first-child > * { border-bottom: 1px solid #f5f5f5; padding-top: 0; } .listing-style3.flight .details .details-wrapper .box-title { margin: 0 10px 15px 0; } .listing-style3.flight .details .details-wrapper [class^="soap-icon"].circle { margin-right: 5px; } .listing-style3.flight .details .details-wrapper [class^="col-"], .listing-style3.flight .details .details-wrapper [class*=" col-"] { padding: 0; } .listing-style3.flight .details .details-wrapper .time > div { border-right: 1px solid #f5f5f5; padding-left: 15px; } .listing-style3.flight .details .details-wrapper .time > div:last-child { border-right: none; } .listing-style3.flight .details .details-wrapper .time > div:first-child { padding-left: 0; } .listing-style3.flight .details .details-wrapper .time > div > div { padding-left: 25px; } .listing-style3.flight .details .details-wrapper .time .icon { float: left; padding: 0; font-size: 16px; } .listing-style3.flight .details .details-wrapper .time { letter-spacing: 0.04em; } .listing-style3.flight .details .details-wrapper .action { vertical-align: top; } .listing-style3.car .box, .listing-style3.car.box { display: table; padding-top: 15px; padding-bottom: 15px; width: 100%; table-layout: fixed; } .listing-style3.car figure { display: table-cell; vertical-align: middle; float: none; text-align: center; border-right: 1px solid #f5f5f5; } .listing-style3.car figure img { max-width: 80%; height: auto; } .listing-style3.car .details { display: table-cell; float: none; } .listing-style3.car .details .box-title { float: left; } .listing-style3.car .details .logo { margin: 3px 0 0 8px; float: left; border-left: 1px solid #e1e1e1; padding-left: 8px; } .listing-style3.car .details .logo img { max-height: 20px; width: auto; } .listing-style3.car .details .amenities { margin-top: 20px; } .listing-style3.car .details .character { text-align: right; text-transform: uppercase; font-size: 0.8333em; border-right: 1px solid #f5f5f5; } .listing-style3.car .details .character dd { margin-bottom: 5px; } .listing-style3.car .details .character dl { margin-bottom: 0; } .listing-style3.car .details .action { text-align: center; text-transform: uppercase; } .listing-style3.car .details .action .button { margin-top: 30px; } .listing-style3.cruise figure img { width: 100%; height: auto; } .listing-style3.cruise .details { padding: 15px 20px; text-transform: uppercase; } .listing-style3.cruise .details img { max-width: 100%; height: auto; } .listing-style3.cruise .details .box-title { text-transform: none; margin-bottom: 10px; } .listing-style3.cruise .details .character { font-size: 0.8333em; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; margin-bottom: 15px; display: table; width: 100%; table-layout: fixed; } .listing-style3.cruise .details .character > div { display: table-cell; float: none; vertical-align: middle; margin: 0; padding-top: 12px; padding-bottom: 12px; border-left: 1px solid #f5f5f5; } .listing-style3.cruise .details .character > div:first-child { border: none; padding-left: 0; } .listing-style3.cruise .details .character > div:last-child { padding-right: 0; } .listing-style3.cruise .details .character [class^="soap-icon"] { font-size: 18px; float: left; } .listing-style3.cruise .details .character .cruise-logo { padding: 0; text-align: left; } .listing-style3.cruise .details .character .cruise-logo img { max-width: 90%; width: auto; height: auto; } .listing-style3.cruise .details .character .date > div, .listing-style3.cruise .details .character .departure > div { padding-left: 20px; line-height: 1.1667em; } .listing-style3.cruise .details .review { line-height: 1.6667em; } .listing-style3.cruise .details .review .five-stars-container { float: left; margin-right: 10px; } .listing-style3.cruise .details .review span { display: block; float: left; } .listing-style3.tour-packages figure img { width: 100%; height: auto; } .listing-style3.tour-packages .box-title { margin: 0; float: left; max-width: 60%; } .listing-style3.tour-packages .box-title i { font-size: 15px; } .listing-style3.tour-packages .details { padding: 15px 0 15px 20px; display: table; } .listing-style3.tour-packages .details [class^="soap-icon"].circle { margin-right: 5px; margin-top: 5px; } .listing-style3.tour-packages .details > * { display: table-row; } .listing-style3.tour-packages .details > * > * { display: table-cell; padding: 10px 15px 0; text-align: center; vertical-align: middle; } .listing-style3.tour-packages .details > * > *:first-child { border-right: 1px solid #f5f5f5; padding-left: 0; padding-right: 15px; text-align: left; } .listing-style3.tour-packages .details > * > *:last-child { width: 120px; } .listing-style3.tour-packages .details > *:first-child > * { border-bottom: 1px solid #f5f5f5; padding-top: 0; padding-bottom: 10px; } .listing-style3.tour-packages .details .button { margin-top: 8px; } .listing-style4 > .row { margin-bottom: 15px; } .tab-container .tab-pane > .listing-style3 .details { padding-right: 0; } .tab-container .tab-pane > .listing-style3 .details p { margin-bottom: 0; } /* 2.16. Pricing Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .pricing-table { padding: 20px; background: #fff; /* colored */ } .pricing-table .header { border-bottom: 1px solid #f5f5f5; } .pricing-table .header > i { float: left; font-size: 16px; margin: 3px 8px 0 0; } .pricing-table .header .box-title { float: left; line-height: 1.3333em; margin-bottom: 20px; } .pricing-table .header .box-title small { text-transform: uppercase; display: block; font-size: 0.6em; } .pricing-table .description { margin: 15px 0; } .pricing-table .features { margin-bottom: 15px; text-transform: uppercase; } .pricing-table .features li { margin-top: 1px; background: #f5f5f5; font-size: 0.9167em; padding-left: 20px; line-height: 40px; } .pricing-table.green, .pricing-table.blue, .pricing-table.yellow, .pricing-table.red { color: #fff; } .pricing-table.green .box-title, .pricing-table.green .box-title small, .pricing-table.green .price, .pricing-table.green .price small, .pricing-table.blue .box-title, .pricing-table.blue .box-title small, .pricing-table.blue .price, .pricing-table.blue .price small, .pricing-table.yellow .box-title, .pricing-table.yellow .box-title small, .pricing-table.yellow .price, .pricing-table.yellow .price small, .pricing-table.red .box-title, .pricing-table.red .box-title small, .pricing-table.red .price, .pricing-table.red .price small { color: #fff; } .pricing-table.green .box-title small, .pricing-table.green .price small, .pricing-table.green .description, .pricing-table.blue .box-title small, .pricing-table.blue .price small, .pricing-table.blue .description, .pricing-table.yellow .box-title small, .pricing-table.yellow .price small, .pricing-table.yellow .description, .pricing-table.red .box-title small, .pricing-table.red .price small, .pricing-table.red .description { filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } .pricing-table.green { background: #400090; } .pricing-table.green .header { border-bottom-color: #91c63d; } .pricing-table.green .features li { background: #91c63d; } .pricing-table.green .features li:before { background: #400090; } .pricing-table.yellow { background: #400090; } .pricing-table.yellow .header { border-bottom-color: #f5b010; } .pricing-table.yellow .features li { background: #f5b010; } .pricing-table.yellow .features li:before { background: #400090; } .pricing-table.blue { background: #01b7f2; } .pricing-table.blue .header { border-bottom-color: #04afe7; } .pricing-table.blue .features li { background: #04afe7; } .pricing-table.blue .features li:before { background: #01b7f2; } .pricing-table.red { background: #e01a33; } .pricing-table.red .header { border-bottom-color: #d51a32; } .pricing-table.red .features li { background: #d51a32; } .pricing-table.red .features li:before { background: #e01a33; } /* 2.17. Post ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .border-box { border: 15px solid #f5f5f5; } .post { position: relative; } .post figure img { width: 100%; height: auto; } .post .entry-date { background: #2d3e52; padding: 7px 15px; color: #fff; text-align: center; text-transform: uppercase; position: absolute; left: 0; top: 10px; } .post .entry-date .date { margin: 0; font-size: 1.6667em; display: block; font-weight: normal; } .post .entry-date .month { margin: 0; font-size: 0.8333em; font-weight: normal; } .fluid-width-video-wrapper { padding: 0; position: relative; width: 100%; } .without-featured-item .entry-title, .without-featured-item .excerpt-container, .without-featured-item .post-content { padding-left: 50px; } .blog-infinite .post, .single .post { margin-bottom: 50px; } .blog-infinite .post .video-container, .single .post .video-container { position: relative; width: 100%; } .blog-infinite .post .video-container video, .single .post .video-container video { max-width: 100%; height: auto; } .blog-infinite .post .video-container iframe, .blog-infinite .post .video-container embed, .blog-infinite .post .video-container object, .single .post .video-container iframe, .single .post .video-container embed, .single .post .video-container object { max-width: 100%; } .blog-infinite .post .entry-title, .single .post .entry-title { margin-bottom: 25px; } .blog-infinite .post .entry-title a, .single .post .entry-title a { text-decoration: none; } .blog-infinite .post .excerpt-container, .single .post .excerpt-container { margin-bottom: 20px; } .blog-infinite .post .excerpt-container p, .single .post .excerpt-container p { line-height: 1.8333em; } .blog-infinite .post .details, .single .post .details { background: #fff; padding: 20px 20px 10px; } .blog-infinite .post-content, .single .post-content { margin-bottom: 30px; } .blog-infinite .post-content > p, .single .post-content > p { line-height: 1.6666em; } .blog-infinite .post-content .border-box, .single .post-content .border-box { margin: 30px 0; } .blog-infinite .post-content .border-box blockquote, .single .post-content .border-box blockquote { margin-bottom: 0; } .blog-infinite .post-meta, .single .post-meta { background: #f5f5f5; padding: 10px 10px 0; font-size: 1em; } .blog-infinite .post-meta .entry-author, .single .post-meta .entry-author { float: left; line-height: 28px; font-size: 0.83333em; margin-bottom: 10px; } .blog-infinite .post-meta .entry-author .icon, .single .post-meta .entry-author .icon { float: left; width: 28px; height: 28px; background: #fff; display: inline-block; font-size: 1.6666em; line-height: 28px; text-align: center; color: #d9d9d9; margin-right: 10px; } .blog-infinite .post-meta .entry-author a, .single .post-meta .entry-author a { color: #01b7f2; } .blog-infinite .post-meta .entry-action, .single .post-meta .entry-action { float: right; } .blog-infinite .post-meta .entry-action > *, .single .post-meta .entry-action > * { min-height: 28px; line-height: 28px; display: inline-block; padding: 0 10px; margin-left: 8px; margin-bottom: 10px; background: #fff; color: #9e9e9e; letter-spacing: 0.04em; font-size: 0.8333em; font-weight: normal; } .blog-infinite .post-meta .entry-action > * i, .single .post-meta .entry-action > * i { float: left; font-size: 2.6667em; margin-right: 10px; color: #d9d9d9; } .blog-infinite .post-meta .entry-action a.button:hover, .single .post-meta .entry-action a.button:hover { background: #01b7f2; color: #fff; } .blog-infinite .post-meta .entry-action a.button:hover i, .single .post-meta .entry-action a.button:hover i { color: #fff; } .blog-infinite .post-meta:after, .single .post-meta:after { display: table; content: ""; clear: both; } .blog-infinite .flexslider { margin: 0; } .single-post .details { margin-bottom: 30px; } .single-post .single-navigation a.button { font-weight: normal; } .single-post .single-navigation a.button span { vertical-align: middle; } .single-post .single-navigation i { font-size: 1.25em; font-weight: normal; line-height: 0; vertical-align: middle; } .single-post .single-navigation .prev i { margin-right: 20px; } .single-post .single-navigation .next i { margin-left: 20px; } .about-author .about-author-container { background: #fff; padding: 0 20px; } .about-author .about-author-content { display: table; border-bottom: 1px solid #f5f5f5; } .about-author div.avatar { display: table-cell; padding: 20px 20px 20px 0; border-right: 1px solid #f5f5f5; } .about-author .description { display: table-cell; padding: 20px; vertical-align: top; width: 100% p; width-line-height: 1.8333em; } .about-author .about-author-meta { padding: 15px 0; } .about-author .social-icons { float: right; } .about-author .wrote-posts-count { line-height: 28px; font-size: 1.1667em; } .about-author .wrote-posts-count i { font-size: 1.8333em; color: #01b7f2; float: left; margin-right: 10px; } .about-author .wrote-posts-count span { vertical-align: middle; } .single div.avatar img, .travel-story-container div.avatar img { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 96px; height: 96px; } .single .suggestions .caption { margin-bottom: 0; } .single .suggestions a.hover-effect:after { color: #fff; background: none; content: "\e8ba"; font-family: "soap-icons"; font-size: 1.6667em; text-align: center; line-height: 50px; border: 2px solid #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 50px; height: 50px; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; } .single .suggestions li { cursor: pointer; } .single .suggestions li:hover a.hover-effect:after { visibility: visible; -webkit-transform: rotateY(0deg) scale(1, 1); -moz-transform: rotateY(0deg) scale(1, 1); -ms-transform: rotateY(0deg) scale(1, 1); -o-transform: rotateY(0deg) scale(1, 1); transform: rotateY(0deg) scale(1, 1); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .single .suggestions li:hover a.hover-effect { background: #01b7f2; } .single .suggestions li:hover img { filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .single .suggestions li:hover .caption { color: #01b7f2; } /* comment */ .comment-list .the-comment { padding-top: 20px; margin-top: 20px; border-top: 1px solid #f5f5f5; } .comment-list .the-comment .comment-text { padding-right: 50px; } .comment-list .the-comment .comment-text *:last-child { margin-bottom: 0; } .comment-list > li.comment:first-child > .the-comment { padding-top: 0; margin-top: 0; border-top: none; } .comment-list div.avatar { margin-right: 30px; float: left; } .comment-list div.avatar img { width: 72px; height: 72px; } .comment-list ul.children { padding-left: 50px; } .form-allowed-tags code { white-space: normal; } /* 2.18. Testimonial ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .author-section a { display: inline-block; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; overflow: hidden; margin-left: 1px; } .author-section img { -webkit-backface-visibility: visible; } .testimonial .slides > li { display: none; } .testimonial.style1 .slides > li, .testimonial.style2 .slides > li { padding-bottom: 80px; position: relative; } .testimonial.style1 .description, .testimonial.style2 .description { font-size: 1.3333em; color: #01b7f2; font-style: italic; } .testimonial.style1 .author-section, .testimonial.style2 .author-section { /*margin: 25px 0 10px;*/ position: absolute; bottom: 0; left: 0; right: 0; width: auto; } .testimonial.style1 .author-section a, .testimonial.style2 .author-section a { float: left; width: 74px; height: 74px; margin-right: 10px; } .testimonial.style1 .author-section .name, .testimonial.style2 .author-section .name { padding-top: 22px; } .testimonial.style1 .author-section .name small, .testimonial.style2 .author-section .name small { display: block; text-transform: uppercase; font-size: 0.7143em; } .testimonial.style1 { background: #fff; padding: 25px; } .testimonial.style1 .testimonial-control-nav { float: right; } .testimonial.style1 .testimonial-control-nav > li { float: left; margin-left: 5px; } .testimonial.style1 .testimonial-control-nav > li a { display: block; width: 14px; height: 14px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; border: 1px solid #dbdbdb; text-indent: -9999px; cursor: pointer; } .testimonial.style1 .testimonial-control-nav > li a.testimonial-active { background: #400090; border-color: #400090; } .testimonial.style1:after { display: table; content: ""; clear: both; } .testimonial.style2 { position: relative; } .testimonial.style2 .description { background: #fff; padding: 25px; } .testimonial.style2 .author-section { padding-left: 25px; } .testimonial.style2 .testimonial-direction-nav { right: 0; top: -40px; width: 72px; height: 22px; position: absolute; } .testimonial.style2 .testimonial-direction-nav li { float: left; } .testimonial.style2 .testimonial-direction-nav li a { display: block; width: 30px; height: 22px; background: #01b7f2; color: #fff; text-indent: -9999px; } .testimonial.style2 .testimonial-direction-nav li a:before { position: absolute; display: block; top: 2px; font-family: 'soap-icons'; text-indent: 0; font-size: 20px; } .testimonial.style2 .testimonial-direction-nav li a.testimonial-prev { margin-right: 10px; } .testimonial.style2 .testimonial-direction-nav li a.testimonial-prev:before { content: '\e88a'; left: 8px; } .testimonial.style2 .testimonial-direction-nav li a.testimonial-next:before { content: '\e88b'; right: 9px; } .testimonial.style2 .testimonial-direction-nav li a.testimonial-disabled { background: #d9d9d9; } .testimonial.style3 { position: relative; border: 2px solid #fff; margin-top: 80px; padding: 60px 40px 20px; text-align: center; } .testimonial.style3 .author-section { position: absolute; top: -50px; left: 50%; margin-left: -50px; } .testimonial.style3 .author-section a { width: 100px; height: 100px; border: 3px solid #fff; background: #fff; } .testimonial.style3 .author-section a img { width: 100%; height: 100%; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .testimonial.style3 .description { color: #fff; font-size: 2.5em; font-weight: 300; } .testimonial.style3 .description em { font-weight: 400; } .testimonial.style3 .description:before, .testimonial.style3 .description:after { color: #01b7f2; } .testimonial.style3 .name { color: #01b7f2; } .testimonial.style3 .name:before { content: "-"; } .testimonial.style3 ul.slides:after { display: table; content: ""; clear: both; } .testimonial.style3 ul.slides li { position: static !important; } .testimonial.style3 .testimonial-direction-nav .testimonial-prev, .testimonial.style3 .testimonial-direction-nav .testimonial-next { position: absolute; display: block; top: 0; bottom: 0; width: 40px; text-indent: -9999px; background: #fff; color: #01b7f2; } .testimonial.style3 .testimonial-direction-nav .testimonial-prev:before, .testimonial.style3 .testimonial-direction-nav .testimonial-next:before { text-indent: 0; position: absolute; display: block; left: 15px; font-size: 30px; top: 50%; margin-top: -10px; font-family: 'soap-icons'; } .testimonial.style3 .testimonial-direction-nav .testimonial-prev { left: 0; } .testimonial.style3 .testimonial-direction-nav .testimonial-prev:before { content: '\e87c'; } .testimonial.style3 .testimonial-direction-nav .testimonial-next { right: 0; } .testimonial.style3 .testimonial-direction-nav .testimonial-next:before { content: '\e878'; } .testimonial.style3 .testimonial-direction-nav .testimonial-disabled { background: #2d3e52; color: #fff; } /* 2.19. Our Team Section ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .team { text-align: center; } .team figure { position: relative; overflow: hidden; } .team figure:hover figcaption { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; bottom: 0; } .team figure figcaption { position: absolute; bottom: -32px; line-height: 0; text-align: center; left: 0; right: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .team figure figcaption > .social-icons > li a { background: #fff; color: inherit; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; } .team figure figcaption > .social-icons > li a:hover { color: #01b7f2; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .team .details { text-align: center; } .team .description { border-top: 1px solid #f5f5f5; margin-top: 10px; padding-top: 8px; } .team .social-icons { display: inline-block; } /* contact form */ div.wpcf7 input, div.wpcf7 textarea { width: 100%; } /* 2.20. Gallery popup ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .opacity-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); z-index: 10000; display: none; -webkit-backface-visibility: hidden; outline: none; } .opacity-overlay .container { height: 100%; position: relative; z-index: 10001; } .opacity-overlay .spinner { color: #fff; font-size: 32px; position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; } .popup-wrapper { text-align: center; position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 0 5px; } .popup-wrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .popup-wrapper .popup-content { float: none; padding: 0; margin: 0 auto; text-align: left; z-index: 10003; position: relative; display: inline-block; vertical-align: middle; } /* 2.21. Style changer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .style-changer { text-align: left; width: 270px; } .style-changer .style-changer-header { width: 330px; padding-left: 30px; height: 55px; line-height: 55px; color: #fff; background: #01b7f2; -webkit-border-radius: 0 0 15px 0; -moz-border-radius: 0 0 15px 0; -ms-border-radius: 0 0 15px 0; border-radius: 0 0 15px 0; position: relative; } .style-changer .style-changer-header .style-main-title { float: left; margin: 0; line-height: 55px; color: #fff; } .style-changer .style-changer-header .style-toggle { position: absolute; right: 15px; top: 12px; font-size: 20px; width: 30px; height: 30px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: #fff; line-height: 30px; text-align: center; } .style-changer .style-changer-header .style-toggle > .fa { color: #01b7f2; } .style-changer .style-chagner-main { width: 270px; background: #fff; padding: 15px 30px 30px; } .style-changer .style-chagner-main label { margin-top: 15px; font-weight: 400; font-size: 0.8333em; text-transform: uppercase; } .style-changer .style-chagner-main .design-skins { margin-bottom: 15px; } .style-changer .style-chagner-main .design-skins li { padding: 4px; border: 1px solid; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 35px; height: 35px; } .style-changer .style-chagner-main .design-skins li i { display: none; } .style-changer .style-chagner-main .design-skins li a { display: block; color: #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-align: center; font-size: 20px; line-height: 1.1em; width: 100%; height: 100%; } .style-changer .style-chagner-main .design-skins li.active i { display: inline-block; } .style-changer .style-chagner-main .design-skins li.light-blue { border-color: #01b7f2; } .style-changer .style-chagner-main .design-skins li.light-blue a { background: #01b7f2; } .style-changer .style-chagner-main .design-skins li.purple { border-color: #9f60b5; } .style-changer .style-chagner-main .design-skins li.purple a { background: #9f60b5; } .style-changer .style-chagner-main .design-skins li.orange { border-color: #ff6000; } .style-changer .style-chagner-main .design-skins li.orange a { background: #ff6000; } .style-changer .style-chagner-main .design-skins li.light-orange { border-color: #f5a77d; } .style-changer .style-chagner-main .design-skins li.light-orange a { background: #f5a77d; } .style-changer .style-chagner-main .design-skins li.sea-blue { border-color: #0ab596; } .style-changer .style-chagner-main .design-skins li.sea-blue a { background: #0ab596; } .style-changer .style-chagner-main .design-skins li.sky-blue { border-color: #6dace6; } .style-changer .style-chagner-main .design-skins li.sky-blue a { background: #6dace6; } .style-changer .style-chagner-main .design-skins li.dark-orange { border-color: #ff3e3e; } .style-changer .style-chagner-main .design-skins li.dark-orange a { background: #ff3e3e; } .style-changer .style-chagner-main .design-skins li.dark-blue { border-color: #194eb0; } .style-changer .style-chagner-main .design-skins li.dark-blue a { background: #194eb0; } .style-changer .style-chagner-main .design-skins li.light-yellow { border-color: #ffd200; } .style-changer .style-chagner-main .design-skins li.light-yellow a { background: #ffd200; } .style-changer .style-chagner-main .design-skins li.red { border-color: #e44049; } .style-changer .style-chagner-main .design-skins li.red a { background: #e44049; } .style-changer .style-chagner-main .layout-style a { width: 100px; height: 33px; line-height: 33px; border: 1px solid #2d3e52; background: #2d3e52; color: #7c9abd; border: 1px solid #7c9abd; padding: 0; } .style-changer .style-chagner-main .layout-style a.active { background: #01b7f2; color: #fff; border: 1px solid #01b7f2; } .style-changer .style-chagner-main .layout-style a:first-child { margin-right: 6px; } .style-changer .style-chagner-main .bg-img li a { width: 29px; height: 29px; display: block; background: url(http://www.soaptheme.net/wordpress/travelo/wp-content/uploads/bgimages/pattern.jpg) no-repeat top left; border: 2px solid #fff; } .style-changer.dark .style-chagner-main { background: #2d3e52; } .style-changer.dark .style-chagner-main label { color: #7c9abd; } .style-changer#style-changer { position: fixed; left: -275px; top: 100px; z-index: 1000; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } /* 2.22. Animated effect ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .animated { visibility: hidden; } .no-cssanimations .animated, body.is-mobile .animated { visibility: visible; } /* 2.23. Parallax ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .parallax { background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; background-size: auto auto; overflow: hidden; } /* 2.24. Page Loader ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .pace { user-select: none; background: #f5f5f5; height: 100%; left: 0; opacity: 1; position: fixed; top: 0; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; visibility: visible; width: 100%; z-index: 999999; -webkit-backface-visibility: hidden; } .pace-inactive { display: none; } .pace .loading-page { -webkit-backface-visibility: hidden !important; -webkit-transform: none !important; } /*.pace-running > div { visibility: hidden; &.pace { visibility: visible; } }*/ /* 2.25. Folded Corner Block ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .fc-block { position: relative; padding: 30px 0 30px 30px; margin-bottom: 40px; margin-right: 60px; } .fc-block:before, .fc-block:after { display: block; content: ""; position: absolute; } /* 3. Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 3.1. Main Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #header { position: relative; z-index: 99; /* Logo */ /* 3.1.1. Mobile navigation */ /* 3.1.2. Header Styles */ } #header .topnav { height: 90px; /*background: #812CBB;*/ /*background:#400090;*/ border-bottom:1px solid #400090; width: 100%; } #header .topnav ul.quick-menu > li { float: left; margin-left: 20px; } #header .topnav ul.quick-menu > li:first-child { margin-left: 0; } #header .topnav ul.quick-menu > li > a { color: #fff; line-height: 30px; display: block; font-size: 0.8333em; text-transform: uppercase; } #header .ribbon { position: relative; } #header .ribbon > a { position: relative; padding: 0 10px 0 0; text-transform: uppercase; } #header .ribbon > a:after { display: inline-block; position: absolute; right: 0; /*top: 0; */ content: "\f0d7"; font-family: FontAwesome; color: #fff; } #header .ribbon:hover > ul.menu { top: 28px; visibility: visible; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #header .ribbon > ul.menu { position: absolute; left: -15px; top: -9999px; z-index: 99; visibility: hidden; } #header .ribbon > ul.menu.left { left: auto; right: -10px; } #header .ribbon.currency > ul.menu li a { text-transform: uppercase; font-size: 0.8333em; } #header .main-header { height: auto; position: relative; width: 100%; } #header .logo { padding: 0; text-align: left; margin: 10px 0 0; height: auto; } #header .logo a { display: block; } #header .mobile-menu-toggle { background: url(../images/icon/mobile-menu.png) no-repeat center center #400090; padding: 0; margin: 0; height: 66px; width: 66px; padding: 22px; position: absolute; right: 0; top: 0; bottom: 0; text-indent: -9999px; display: none; } #header .mobile-menu-toggle .icon-bar { background: white; } #header.style1 { background: #01b7f2; padding-top: 30px; /* Main menu */ } #header.style1 * { color: #fff; } #header.style1 .logo { margin: 0; float: none; position: absolute; left: 50%; margin-left: -77px; top: 32px; } #header.style1 .logo img { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #header.style1 .social-icons { float: right; min-height: 55px; } #header.style1 .social-icons li a { background: none; border: 1px solid transparent; overflow: hidden; } #header.style1 .social-icons li a:hover { border: 1px solid #40cbf8; } #header.style1 .social-icons li a:hover i { display: block; -webkit-animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; } #header.style1 .contact-details { float: left; margin-bottom: 30px; } #header.style1 .contact-details .contact-phone { font-size: 1.1667em; font-weight: bold; } #header.style1 .contact-details .contact-phone i { border-color: #40cbf8; } #header.style1 #main-menu { border-top: 1px solid #40cbf8; } #header.style1 #main-menu ul.menu { margin: 0 auto; float: none; } #header.style1 #main-menu ul.menu > li { padding-left: 0; padding-right: 0px; margin-right: 15px; } #header.style1 #main-menu ul.menu > li > a { padding-left: 20px; padding-right: 20px; height: 50px; line-height: 50px; font-weight: bold; } #header.style1 #main-menu ul.menu > li.current-menu-item > a, #header.style1 #main-menu ul.menu > li.current-menu-ancestor > a, #header.style1 #main-menu ul.menu > li:hover > a { color: #fff; background: #40cbf8; } #header.style1 #main-menu ul.menu > li:hover > ul, #header.style1 #main-menu ul.menu > li:hover > .megamenu-wrapper { top: 47px; } #header.style2 { /* Main menu */ } #header.style2 .topnav { height: auto; background: #2d3e52; } #header.style2 .topnav ul.quick-menu > li > a { color: #7c9abd; height: 50px; line-height: 50px; } #header.style2 .topnav ul.quick-menu > li > a:hover { color: #fff; } #header.style2 .topnav ul.quick-menu > li.ribbon:hover > ul.menu { top: 47px; } #header.style2 .topnav ul.quick-menu > li.ribbon > a:after { color: #7c9abd; } #header.style2 .logo { margin-top: 28px; } #header.style2 .logo a { background-size: auto 22px; } #header.style2 .logo a img { width: auto; height: 22px; } #header.style2 .header-search { padding-top: 22px; text-align: left; height: 78px; } #header.style2 .header-search [class^="col-"] { padding: 0; } #header.style2 .header-search .where { border: 1px solid #dbdbdb; border-right: none; } #header.style2 .header-search .check-in { border: 1px solid #dbdbdb; border-right: none; } #header.style2 .header-search .check-out { border: 1px solid #dbdbdb; border-right: none; } #header.style2 .header-search .guest span.custom-select { border: 1px solid #dbdbdb; } #header.style2 #main-menu ul.menu { margin: 0 auto; float: none; } #header.style2 #main-menu ul.menu > li { padding-left: 0; padding-right: 0px; margin-right: 10px; } #header.style2 #main-menu ul.menu > li > a { padding-left: 15px; padding-right: 15px; height: 50px; line-height: 50px; color: #7c9abd; } #header.style2 #main-menu ul.menu > li.current-menu-item > a, #header.style2 #main-menu ul.menu > li.current-menu-ancestor > a, #header.style2 #main-menu ul.menu > li > a:hover { color: #fff; background: #263546; } #header.style2 #main-menu ul.menu > li:hover > ul, #header.style2 #main-menu ul.menu > li:hover > .megamenu-wrapper { top: 47px; } #header.style3 { /* Main menu */ } #header.style3 .inspire-btn { margin-top: 34px; } #header.style3 .logo { margin-top: 34px; } #header.style3 .logo a { background-size: auto 26px; } #header.style3 #main-menu .menu { margin-right: 40px; } #header.style3 #main-menu .menu > li > a { font-size: 1.1667em; color: #d9d9d9; height: 96px; line-height: 96px; } #header.style3 #main-menu .menu > li:hover > a, #header.style3 #main-menu .menu > li.current-menu-ancestor > a, #header.style3 #main-menu .menu > li.current-menu-item > a { color: #01b7f2; } #header.style4 { padding-top: 30px; /* Main menu */ } #header.style4 .logo { margin: 0; margin-bottom: 16px; } #header.style4 .quick-search { display: inline-block; } #header.style4 .quick-search .input-text { width: 250px; } #header.style4 button { padding: 0 15px; } #header.style4 .topnav { float: right; background: none; width: auto; height: auto; } #header.style4 .topnav ul.quick-menu > li > a { line-height: 50px; height: 50px; color: inherit; } #header.style4 .topnav ul.quick-menu .ribbon:hover > ul.menu { top: 48px; } #header.style4 .topnav ul.quick-menu .ribbon > a:after { color: inherit; } #header.style4 .main-navigation { border-top: 1px solid #f5f5f5; } #header.style4 #main-menu > ul.menu { margin: 0 auto; float: none; } #header.style4 #main-menu > ul.menu > li { padding-left: 0; padding-right: 0px; margin-right: 2px; } #header.style4 #main-menu > ul.menu > li > a { padding-left: 20px; padding-right: 20px; height: 50px; line-height: 50px; } #header.style4 #main-menu > ul.menu > li.current-menu-item > a, #header.style4 #main-menu > ul.menu > li.current-menu-ancestor > a, #header.style4 #main-menu > ul.menu > li:hover > a { font-weight: bold; color: inherit; background: #f5f5f5; } #header.style4 #main-menu > ul.menu > li:hover > ul, #header.style4 #main-menu > ul.menu > li:hover > .megamenu-wrapper { top: 48px; } #header.style5 #main-menu > ul > li > a { line-height: 48px; height: 48px; } #header.style5 #main-menu > ul > li:hover > ul, #header.style5 #main-menu > ul > li:hover > .megamenu-wrapper { top: 46px; } #header.style5 .logo { margin-top: 14px; min-height: initial; } #header.style5 .logo img { height: 20px; } #header.style5 .logo a { background-size: auto 20px; } #header.style6 { padding-top: 20px; /* Main menu */ } #header.style6 .logo { margin: 0; } #header.style6 .logo img { height: 24px; } #header.style6 .logo a { background-size: auto 24px; } #header.style6 button { padding: 0 15px; } #header.style6 .topnav { float: left; background: none; width: auto; height: auto; margin: 0 0 22px 20px; } #header.style6 .topnav ul.quick-menu > li > a { line-height: 30px; height: 30px; color: inherit; } #header.style6 .topnav ul.quick-menu .ribbon:hover > ul.menu { top: 28px; } #header.style6 .topnav ul.quick-menu .ribbon > a:after { color: inherit; } #header.style6 .main-navigation { background: #400090; } #header.style6 #main-menu > ul.menu { margin: 0 auto; float: none; } #header.style6 #main-menu > ul.menu > li { padding-left: 0; padding-right: 0px; margin-right: 2px; } #header.style6 #main-menu > ul.menu > li > a { padding-left: 20px; padding-right: 20px; height: 50px; line-height: 50px; font-weight: bold; color: #d07f00; } #header.style6 #main-menu > ul.menu > li.current-menu-item > a, #header.style6 #main-menu > ul.menu > li.current-menu-ancestor > a, #header.style6 #main-menu > ul.menu > li:hover > a { color: #fff; background: #efa300; } #header.style6 #main-menu > ul.menu > li:hover > ul, #header.style6 #main-menu > ul.menu > li:hover > .megamenu-wrapper { top: 48px; } #header.style6 .social-icons { margin-top: 10px; } #header.style6 .social-icons li > a { background: none; color: #d07f00; } #header.style6 .social-icons li > a:hover { color: #fff; } #header.style6 .social-icons li > a:hover i { display: block; -webkit-animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; } #header.style7 { /* Main menu */ } #header.style7 .logo { margin: 32px 0 0; } #header.style7 .logo img { height: 28px; } #header.style7 .logo a { background-size: auto 28px; } #header.style7 .topnav { float: left; background: none; width: auto; height: auto; margin: 0; } #header.style7 .topnav ul.quick-menu > li > a { line-height: 36px; height: 36px; color: inherit; } #header.style7 .topnav ul.quick-menu .ribbon:hover > ul.menu { top: 34px; } #header.style7 .topnav ul.quick-menu .ribbon > a:after { color: inherit; } #header.style7 .contact-details { text-transform: uppercase; margin: 0; line-height: 36px; } #header.style7 .contact-details i { color: #01b7f2; vertical-align: middle; } #header.style7 .contact-details .contact-phone { color: inherit; font-size: 0.8333em; } #header.style7 .contact-details .contact-phone i { font-size: 14px; } #header.style7 .contact-details .contact-email { color: inherit; font-size: 0.8333em; padding: 0 0 0 10px; } #header.style7 .contact-details .contact-email i { font-size: 20px; } #header.style7 .main-navigation { background: #2d3e52; } #header.style7 #main-menu > ul.menu { float: right; } #header.style7 #main-menu > ul.menu > li { padding-left: 0; padding-right: 0px; margin-right: 2px; } #header.style7 #main-menu > ul.menu > li > a { padding-left: 20px; padding-right: 20px; height: 96px; line-height: 96px; font-weight: bold; color: #7c9abd; } #header.style7 #main-menu > ul.menu > li.current-menu-item > a, #header.style7 #main-menu > ul.menu > li.current-menu-ancestor > a, #header.style7 #main-menu > ul.menu > li:hover > a { color: #fff; } #header.style7 #main-menu > ul.menu > li:hover > ul, #header.style7 #main-menu > ul.menu > li:hover > .megamenu-wrapper { top: 94px; } #header.style7 .social-icons { margin-top: 32px; } #header.style7 .social-icons li > a { background: none; color: #7c9abd; overflow: hidden; } #header.style7 .social-icons li > a:hover { background: #01b7f2; color: #fff; } #header.style7 .social-icons li > a:hover i { display: block; -webkit-animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; } #header .logo img, #footer .logo img, .chaser .logo img { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } body.admin-bar .chaser { top: 28px; } .logo-modal { background-position: center top; background-repeat: no-repeat; margin: 0 auto; width: 100%; text-indent: -9999px; outline: 0; overflow: hidden; display: block; margin-bottom: 20px; } .logo-modal img { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } /* 3.1.3. Navigation */ .menu > li { position: relative; } /* 3.1.4. Language flags */ .lang-flag { padding-left: 20px !important; } .lang-flag.en-us { background: url(../images/icon/flags/en-us.png) no-repeat left center; } /* 3.1.5. Main Menu */ #main-menu ul.menu li:not(.megamenu-menu) ul, .chaser .menu li:not(.megamenu-menu) ul, .topnav .container > ul ul, .megamenu-wrapper { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in; -ms-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; } #main-menu ul.menu, .chaser ul.menu { margin: 0; float: right;margin-bottom: 10px; /* 1st level */ /* 2nd level */ /* 3rd level */ /* 3.1.6. Mega Menu */ } #main-menu ul.menu li, .chaser ul.menu li { -webkit-backface-visibility: hidden; -webkit-transform: none !important; } #main-menu ul.menu > li, .chaser ul.menu > li { background:#400090; /* min-width: 100px;*/ float: left; padding: 8px 0px 8px 10px; border-radius: 15px; border: 1px solid rgba(64, 0, 144, 0.75); padding-right: 20px; margin-top: 41px; margin-right: 11px;} #main-menu ul.menu > li:first-child, .chaser ul.menu > li:first-child { padding-left: 0; } #main-menu ul.menu > li:last-child, .chaser ul.menu > li:last-child { padding-right: 20px; } #main-menu ul.menu > li:hover > ul, .chaser ul.menu > li:hover > ul { top: 66px; visibility: visible; height: auto !important; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 1000; } #main-menu ul.menu > li > a, .chaser ul.menu > li > a { font-weight: normal; display: block; color:#fff; /*height: 105px; line-height: 105px;*/ text-transform: uppercase; letter-spacing: 0.04em; } #main-menu ul.menu > li.current-menu-item > a, #main-menu ul.menu > li.current-menu-ancestor > a, .chaser ul.menu > li.current-menu-item > a, .chaser ul.menu > li.current-menu-ancestor > a { /*color: #01b7f2;*/ color: #fff; /* padding-left: 20px;*/ font-weight: bold; } #main-menu ul.menu > li:hover > a, .chaser ul.menu > li:hover > a { /*color: #01b7f2;*/ color: #fff; } #main-menu ul.menu > li > ul.left, .chaser ul.menu > li > ul.left { left: auto; right: -10px; } #main-menu ul.menu > li ul, .chaser ul.menu > li ul { visibility: hidden; position: absolute; left: 0px; top: -9999px; z-index: -1; margin-top: -2px; width: 180px; padding: 0; /*background: #01b7f2;*/ background:/*#428bca;*/#400090; } #main-menu ul.menu > li ul li, .chaser ul.menu > li ul li { text-align: left; position: relative; } #main-menu ul.menu >li:first-child{padding-left: 20px;} #main-menu ul.menu > li ul li:first-child, .chaser ul.menu > li ul li:first-child { border-top: none; } #main-menu ul.menu > li ul li:hover > ul, .chaser ul.menu > li ul li:hover > ul { top: 0; display: block; visibility: visible; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 1000; } #main-menu ul.menu > li ul li > a, .chaser ul.menu > li ul li > a { white-space: nowrap; color: #fff; padding: 12px 20px 12px 18px; display: block; font-size: 0.9167em; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; border-top: 1px solid rgba(255,255,255,0.4); } #main-menu ul.menu > li ul li:hover > a, #main-menu ul.menu > li ul li.current-menu-item > a, #main-menu ul.menu > li ul li.current-menu-ancestor > a, .chaser ul.menu > li ul li:hover > a, .chaser ul.menu > li ul li.current-menu-item > a, .chaser ul.menu > li ul li.current-menu-ancestor > a { /* background: #04afe7;*/ background:/*#428bca;*/ #72448d; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #main-menu ul.menu > li.menu-color-blue ul, .chaser ul.menu > li.menu-color-blue ul { background: #01b7f2; } #main-menu ul.menu > li.menu-color-blue ul li, .chaser ul.menu > li.menu-color-blue ul li { border-top: 1px solid #04afe7; } #main-menu ul.menu > li.menu-color-blue ul li:hover > a, #main-menu ul.menu > li.menu-color-blue ul li.current-menu-item > a, #main-menu ul.menu > li.menu-color-blue ul li.current-menu-ancestor > a, .chaser ul.menu > li.menu-color-blue ul li:hover > a, .chaser ul.menu > li.menu-color-blue ul li.current-menu-item > a, .chaser ul.menu > li.menu-color-blue ul li.current-menu-ancestor > a { background: #04afe7; } #main-menu ul.menu > li.menu-color-yellow ul, .chaser ul.menu > li.menu-color-yellow ul { background: #400090; } #main-menu ul.menu > li.menu-color-yellow ul li, .chaser ul.menu > li.menu-color-yellow ul li { border-top: 1px solid #f5b010; } #main-menu ul.menu > li.menu-color-yellow ul li:hover > a, #main-menu ul.menu > li.menu-color-yellow ul li.current-menu-ancestor > a, #main-menu ul.menu > li.menu-color-yellow ul li.current-menu-item > a, .chaser ul.menu > li.menu-color-yellow ul li:hover > a, .chaser ul.menu > li.menu-color-yellow ul li.current-menu-ancestor > a, .chaser ul.menu > li.menu-color-yellow ul li.current-menu-item > a { background: #f5b010; } #main-menu ul.menu > li.menu-color-green ul, .chaser ul.menu > li.menu-color-green ul { background: #400090; } #main-menu ul.menu > li.menu-color-green ul li, .chaser ul.menu > li.menu-color-green ul li { border-top: 1px solid #91c63d; } #main-menu ul.menu > li.menu-color-green ul li:hover > a, #main-menu ul.menu > li.menu-color-green ul li.current-menu-ancestor > a, #main-menu ul.menu > li.menu-color-green ul li.current-menu-item > a, .chaser ul.menu > li.menu-color-green ul li:hover > a, .chaser ul.menu > li.menu-color-green ul li.current-menu-ancestor > a, .chaser ul.menu > li.menu-color-green ul li.current-menu-item > a { background: #91c63d; } #main-menu ul.menu > li li > ul, .chaser ul.menu > li li > ul { left: 180px; } #main-menu ul.menu > li li > ul.left, .chaser ul.menu > li li > ul.left { left: -180px; } #main-menu ul.menu > .megamenu-menu:hover > .megamenu-wrapper, .chaser ul.menu > .megamenu-menu:hover > .megamenu-wrapper { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 66px; z-index: 1002; visibility: visible; } #main-menu ul.menu > .megamenu-menu:hover > .megamenu-wrapper ul, .chaser ul.menu > .megamenu-menu:hover > .megamenu-wrapper ul { visibility: visible; } #main-menu ul.menu > .megamenu-menu .megamenu-wrapper, .chaser ul.menu > .megamenu-menu .megamenu-wrapper { position: absolute; z-index: -1; left: 0; top: -9999px; visibility: hidden; overflow: hidden; display: none; padding: 0; } #main-menu ul.menu > .megamenu-menu .megamenu-wrapper ul, .chaser ul.menu > .megamenu-menu .megamenu-wrapper ul { position: static; width: 100%; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #main-menu ul.menu > .megamenu-menu .megamenu-holder, .chaser ul.menu > .megamenu-menu .megamenu-holder { width: auto; margin-left: -15px; margin-right: -15px; } #main-menu ul.menu > .megamenu-menu ul.megamenu, .chaser ul.menu > .megamenu-menu ul.megamenu { display: table; table-layout: fixed; width: 100%; background: #01b7f2; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li.menu-item-has-children.current-menu-item > a, #main-menu ul.menu > .megamenu-menu ul.megamenu > li.menu-item-has-children.current-menu-ancestor > a, #main-menu ul.menu > .megamenu-menu ul.megamenu > li.menu-item-has-children:hover > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li.menu-item-has-children.current-menu-item > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li.menu-item-has-children.current-menu-ancestor > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li.menu-item-has-children:hover > a { background: none; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li.menu-item-has-children > ul, .chaser ul.menu > .megamenu-menu ul.megamenu > li.menu-item-has-children > ul { background: none; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li { display: table-cell; float: none; padding-bottom: 25px; border: none; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-1 > .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-1 > .sub-menu > li { width: 100%; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-2 > .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-2 > .sub-menu > li { width: 50%; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-3 > .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-3 > .sub-menu > li { width: 33.3333%; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-4 > .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-4 > .sub-menu > li { width: 25%; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-5 > .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-5 > .sub-menu > li { width: 20%; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-6 > .sub-menu > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li.megamenu-columns-6 > .sub-menu > li { width: 16.6666%; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > a { padding-left: 40px; font-size: 1em; font-weight: bold; text-transform: uppercase; filter: alpha(opacity=100) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > a:hover, .chaser ul.menu > .megamenu-menu ul.megamenu > li > a:hover { background: none; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu:after, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu:after { display: table; content: ""; clear: both; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children { float: left; border: none; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > a { display: none; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li { display: block; float: none; padding-left: 15px; padding-right: 15px; border: none; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li a { white-space: normal; padding-right: 0; font-size: 0.9167em; border: none; border-bottom: 1px solid #04afe7; position: relative; padding-left: 40px; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li a:before, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li a:before { font-family: FontAwesome; content: "\f111"; display: block; font-size: 5px; position: absolute; left: 25px; font-weight: normal; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li:hover > a, #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li.current-menu-ancestor > a, #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li.current-menu-item > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li:hover > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li.current-menu-ancestor > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li.menu-item-has-children > ul > li.current-menu-item > a { font-weight: bold; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children), .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children) { display: block; float: none; padding-left: 15px; padding-right: 15px; border: none; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children) a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children) a { white-space: normal; padding-right: 0; font-size: 0.9167em; border: none; border-bottom: 1px solid #04afe7; position: relative; padding-left: 40px; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children) a:before, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children) a:before { font-family: FontAwesome; content: "\f111"; display: block; font-size: 5px; position: absolute; left: 25px; font-weight: normal; } #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children):hover > a, #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children).current-menu-ancestor > a, #main-menu ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children).current-menu-item > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children):hover > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children).current-menu-ancestor > a, .chaser ul.menu > .megamenu-menu ul.megamenu > li > ul.sub-menu > li:not(.menu-item-has-children).current-menu-item > a { font-weight: bold; } #main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu { background: #01b7f2; } #main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li a, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li a { border-bottom-color: #04afe7; } #main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li:hover > a, #main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li.current-menu-ancestor > a, #main-menu ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li.current-menu-item > a, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li.current-menu-ancestor > a, .chaser ul.menu .megamenu-menu.menu-color-blue ul.megamenu ul.sub-menu li li.current-menu-item > a { background: #04afe7; } #main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu { background: #400090; } #main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li a, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li a { border-bottom-color: #f5b010; } #main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li:hover > a, #main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li.current-menu-ancestor > a, #main-menu ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li.current-menu-item > a, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li.current-menu-ancestor > a, .chaser ul.menu .megamenu-menu.menu-color-yellow ul.megamenu ul.sub-menu li li.current-menu-item > a { background: #f5b010; } #main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu { background: #400090; } #main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li a, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li a { border-bottom-color: #91c63d; } #main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li:hover > a, #main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li.current-menu-ancestor > a, #main-menu ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li.current-menu-item > a, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li.current-menu-ancestor > a, .chaser ul.menu .megamenu-menu.menu-color-green ul.megamenu ul.sub-menu li li.current-menu-item > a { background: #91c63d; } #main-menu ul.menu .megamenu-menu.menu-skin-light .megamenu-wrapper, .chaser ul.menu .megamenu-menu.menu-skin-light .megamenu-wrapper { border: 2px solid #01b7f2; } #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu { background: #fff; } #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu > li > a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu > li > a { color: #2d3e52 !important; } #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li a { color: #838383; border-bottom: 1px solid #f5f5f5; } #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover > a, #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.current-menu-ancestor > a, #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.current-menu-item > a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover > a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.current-menu-ancestor > a, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.current-menu-item > a { background: #f5f5f5; color: #2d3e52; } #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.current-menu-ancestor > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.current-menu-item > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li:hover > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.current-menu-ancestor > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light ul.megamenu ul.sub-menu li li.current-menu-item > a:before { color: #01b7f2; } #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue .megamenu-wrapper, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue .megamenu-wrapper { border-color: #01b7f2; } #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li:hover > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li.current-menu-ancestor > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li.current-menu-item > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li:hover > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li.current-menu-ancestor > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-blue ul.megamenu ul.sub-menu li li.current-menu-item > a:before { color: #01b7f2; } #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow .megamenu-wrapper, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow .megamenu-wrapper { border-color: #400090; } #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li:hover > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li.current-menu-ancestor > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li.current-menu-item > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li:hover > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li.current-menu-ancestor > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-yellow ul.megamenu ul.sub-menu li li.current-menu-item > a:before { color: #400090; } #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green .megamenu-wrapper, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green .megamenu-wrapper { border-color: #400090; } #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li:hover > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li.current-menu-ancestor > a:before, #main-menu ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li.current-menu-item > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li:hover > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li.current-menu-ancestor > a:before, .chaser ul.menu .megamenu-menu.menu-skin-light.menu-color-green ul.megamenu ul.sub-menu li li.current-menu-item > a:before { color: #400090; } /* 3.1.7. Mini Menu */ ul.menu.mini { min-width: 180px; border: 2px solid #01b7f2; background: #fff; } ul.menu.mini li { padding: 0 20px; float: none; margin: 0; } ul.menu.mini li a { border-bottom: 1px solid #f5f5f5; display: block; padding: 10px 0; color: inherit; line-height: normal; font-size: 0.9167em; text-align: left; } ul.menu.mini li:hover, ul.menu.mini li.active, ul.menu.mini li.current-menu-ancestor, ul.menu.mini li.current-menu-item { background: #f5f5f5; } ul.menu.mini li:hover a, ul.menu.mini li.active a, ul.menu.mini li.current-menu-ancestor a, ul.menu.mini li.current-menu-item a { color: #01b7f2; font-weight: bold; } .menu-color-skin ul.menu.mini, .menu-color-blue ul.menu.mini, .menu-color-yellow ul.menu.mini, .menu-color-green ul.menu.mini { border: none; padding: 10px 0; } .menu-color-skin ul.menu.mini li a, .menu-color-blue ul.menu.mini li a, .menu-color-yellow ul.menu.mini li a, .menu-color-green ul.menu.mini li a { filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; font-size: 0.8333em; } .menu-color-skin ul.menu.mini li:last-child a, .menu-color-blue ul.menu.mini li:last-child a, .menu-color-yellow ul.menu.mini li:last-child a, .menu-color-green ul.menu.mini li:last-child a { border: none; } .menu-color-skin ul.menu.mini li:hover a, .menu-color-blue ul.menu.mini li:hover a, .menu-color-yellow ul.menu.mini li:hover a, .menu-color-green ul.menu.mini li:hover a, .menu-color-skin ul.menu.mini li.current-menu-ancestor a, .menu-color-blue ul.menu.mini li.current-menu-ancestor a, .menu-color-yellow ul.menu.mini li.current-menu-ancestor a, .menu-color-green ul.menu.mini li.current-menu-ancestor a, .menu-color-skin ul.menu.mini li.current-menu-item a, .menu-color-blue ul.menu.mini li.current-menu-item a, .menu-color-yellow ul.menu.mini li.current-menu-item a, .menu-color-green ul.menu.mini li.current-menu-item a { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .menu-color-skin ul.menu.mini, .menu-color-blue ul.menu.mini, .menu-color-yellow ul.menu.mini, .menu-color-green ul.menu.mini { background: #01b7f2; } .menu-color-skin ul.menu.mini li a, .menu-color-blue ul.menu.mini li a, .menu-color-yellow ul.menu.mini li a, .menu-color-green ul.menu.mini li a { border-color: #04afe7; } .menu-color-skin ul.menu.mini li.active, .menu-color-blue ul.menu.mini li.active, .menu-color-yellow ul.menu.mini li.active, .menu-color-green ul.menu.mini li.active, .menu-color-skin ul.menu.mini li:hover, .menu-color-blue ul.menu.mini li:hover, .menu-color-yellow ul.menu.mini li:hover, .menu-color-green ul.menu.mini li:hover, .menu-color-skin ul.menu.mini li.current-menu-ancestor, .menu-color-blue ul.menu.mini li.current-menu-ancestor, .menu-color-yellow ul.menu.mini li.current-menu-ancestor, .menu-color-green ul.menu.mini li.current-menu-ancestor, .menu-color-skin ul.menu.mini li.current-menu-item, .menu-color-blue ul.menu.mini li.current-menu-item, .menu-color-yellow ul.menu.mini li.current-menu-item, .menu-color-green ul.menu.mini li.current-menu-item { background: #04afe7; } .menu-color-blue ul.menu.mini { background: #01b7f2; } .menu-color-blue ul.menu.mini li a { border-color: #04afe7; } .menu-color-blue ul.menu.mini li:hover, .menu-color-blue ul.menu.mini li.current-menu-ancestor, .menu-color-blue ul.menu.mini li.current-menu-item { background: #04afe7; } .menu-color-yellow ul.menu.mini { background: #400090; } .menu-color-yellow ul.menu.mini li a { border-color: #f5b010; } .menu-color-yellow ul.menu.mini li:hover, .menu-color-yellow ul.menu.mini li.current-menu-ancestor, .menu-color-yellow ul.menu.mini li.current-menu-item { background: #f5b010; } .menu-color-green ul.menu.mini { background: #400090; } .menu-color-green ul.menu.mini li a { border-color: #91c63d; } .menu-color-green ul.menu.mini li:hover, .menu-color-green ul.menu.mini li.current-menu-ancestor, .menu-color-green ul.menu.mini li.current-menu-item { background: #91c63d; } /* 3.1.8. Mobile Menu */ #header .mobile-menu { background: #400090; text-align: left; } #header .mobile-menu a { color: #fff; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; display: block; padding: 15px 0; background: none !important; } #header .mobile-menu li.current-menu-item > a, #header .mobile-menu li.current-menu-ancestor > a, #header .mobile-menu li:hover > a { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #header .mobile-menu > ul.menu > li { float: none; padding-left: 15px; padding-right: 15px; } #header .mobile-menu > ul.menu > li > a { font-size: 1.1667em; border-top: 1px solid rgb(117, 103, 134); } #header .mobile-menu > ul.menu > li > a { text-transform: uppercase; font-weight: bold; } #header .mobile-menu > ul.menu > li.menu-item-has-children { position: relative; } #header .mobile-menu > ul.menu > li.menu-item-has-children.open { background: #400090; } #header .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle { position: absolute; right: 1px; top: 7px; height: 34px; line-height: 34px; padding: 0 15px; background: none; display: inline-block; font-family: FontAwesome; font-size: 1.3333em; font-weight: normal; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } #header .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle:after { content: "\f056"; } #header .mobile-menu > ul.menu > li.menu-item-has-children > .dropdown-toggle.collapsed:after { content: "\f055"; } #header .mobile-menu > ul.menu > li.menu-item-has-children > a { border-top: 1px solid rgb(117, 103, 134);} #header .mobile-menu > ul.menu > li.menu-item-has-children.open > a { color: #fff; /*border-top-color: $skin-bg-color;*/ filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #header .mobile-menu > ul.menu > li.menu-item-has-children.open > .dropdown-toggle { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #header .mobile-menu > ul.menu > li.menu-item-has-children:hover > a, #header .mobile-menu > ul.menu > li.menu-item-has-children:hover > .dropdown-toggle { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #header .mobile-menu > ul.menu > li.menu-item-has-children > ul { border-top: 1px solid #rgb(117, 103, 134); } #header .mobile-menu > ul.menu > li:first-child > a { border-top: none; } #header .mobile-menu > ul.menu > li:last-child > a { border-bottom: 1px solid rgb(117, 103, 134); } #header .mobile-menu > ul.menu > li > ul { /*background: $skin-mobile-menu-color;*/ } #header .mobile-menu > ul.menu > li > ul li > a { padding-left: 15px; font-size: 1.0833em; position: relative; } #header .mobile-menu > ul.menu > li > ul li > a:before { font-family: FontAwesome; content: "\f111"; display: block; font-size: 4px; position: absolute; left: 0px; } #header .mobile-menu > ul.menu > li > ul li.menu-item-has-children > a { padding-left: 0; color: #fff; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; font-size: 1.1667em; font-weight: bold; text-transform: uppercase; } #header .mobile-menu > ul.menu > li > ul li.menu-item-has-children > a:before { content: ""; display: none; } #header .mobile-menu > ul.menu > li > ul li.menu-item-has-children > ul { border-bottom: 1px solid #01b7f2; } #header .mobile-menu > ul.menu > li > ul li.menu-item-has-children:last-child > ul { border-bottom: none !important; } #header .mobile-menu > ul.menu > li li li.menu-item-has-children > a { display: none; /* padding-left: 10px; &:before { display: none; } */ } #header .mobile-menu .mobile-topnav { margin: 0 auto; padding: 0 5px; } #header .mobile-menu .mobile-topnav > li { float: left; position: relative; color: #40cbf8; } #header .mobile-menu .mobile-topnav > li > a { font-size: 0.8333em; padding: 0 10px; margin: 22px 10px; line-height: 1em; width: auto; } #header .mobile-menu .mobile-topnav > li:after { content: "|"; position: absolute; right: -1px; top: 50%; margin-top: -10px; } #header .mobile-menu .mobile-topnav > li:last-child:after { display: none; } #header .mobile-menu .mobile-topnav > li:first-child a { margin-left: 0; } #header .mobile-menu .mobile-topnav .menu.mini { left: 0; top: 40px; visibility: visible; display: none; min-width: 100px; } #header .mobile-menu .mobile-topnav .menu.mini li > a { padding: 10px 0; } #header .mobile-menu .mobile-topnav .menu.mini.left { left: 0; right: auto; } #header .mobile-menu.menu-color-blue .mobile-topnav li:after, #header .mobile-menu.menu-color-yellow .mobile-topnav li:after, #header .mobile-menu.menu-color-green .mobile-topnav li:after { color: #fff; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } #header .mobile-menu.menu-color-blue { background: #01b7f2; } #header .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children > a { border-top-color: #04afe7; } #header .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children.open { background: #04afe7; } #header .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children.open > a, #header .mobile-menu.menu-color-blue ul.menu > li.menu-item-has-children > ul { border-top-color: #01b7f2; } #header .mobile-menu.menu-color-blue ul.menu > li:last-child > a { border-bottom-color: #04afe7; } #header .mobile-menu.menu-color-blue ul.menu > li > ul li.menu-item-has-children > ul { border-bottom-color: #01b7f2; } #header .mobile-menu.menu-color-yellow { background: #400090; } #header .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children > a { border-top-color: #f5b010; } #header .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children.open { background: #f5b010; } #header .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children.open > a, #header .mobile-menu.menu-color-yellow ul.menu > li.menu-item-has-children > ul { border-top-color: #400090; } #header .mobile-menu.menu-color-yellow ul.menu > li:last-child > a { border-bottom-color: #f5b010; } #header .mobile-menu.menu-color-yellow ul.menu > li > ul li.menu-item-has-children > ul { border-bottom-color: #400090; } #header .mobile-menu.menu-color-green { background: #400090; } #header .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children > a { border-top-color: #91c63d; } #header .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children.open { background: #91c63d; } #header .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children.open > a, #header .mobile-menu.menu-color-green ul.menu > li.menu-item-has-children > ul { border-top-color: #400090; } #header .mobile-menu.menu-color-green ul.menu > li:last-child > a { border-bottom-color: #91c63d; } #header .mobile-menu.menu-color-green ul.menu > li > ul li.menu-item-has-children > ul { border-bottom-color: #400090; } /* 3.1.9. Sticky Header */ .chaser { /*background: rgba(red($skin-bg-color), green($skin-bg-color), blue($skin-bg-color), 0.8); left: 0; padding: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 9999;*/ background: rgba(255, 255, 255, 0.95); position: fixed; right: 0; top: 0; width: 100%; z-index: 999; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); -webkit-backface-visibility: hidden; } .chaser ul.menu > li > a { /*line-height: 65px; height: 85px; */} .chaser ul.menu > li:hover > ul, .chaser ul.menu > li:hover > .megamenu-wrapper { top: 46px !important; } .chaser .logo { margin-top: 14px; min-height: initial; padding: 0; height: auto; margin-bottom: 0; } .chaser .logo img { height: 60px; } .chaser .logo a { background-size: auto 60px !important; } .no-rgba .chaser { background: #fff; filter: alpha(opacity=95); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; } .no-backgroundsize .chaser .logo a { background-size: auto 20px; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo/skin1-logo.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo/skin1-logo.png', sizingMethod='scale')"; } /* 3.2.0. Sign up & Login box */ .travelo-modal-box { border: 2px solid #01b7f2; width: 300px; margin: 0 auto; display: none; } .travelo-modal-box .login-social .button { width: 100%; height: 36px; line-height: 36px; margin-bottom: 10px; font-size: 1.3333em; font-weight: 400; text-align: left; padding-left: 20px; letter-spacing: 0.04em; } .travelo-modal-box .login-social .button i { font-size: 1.5em; margin-right: 36px; width: 20px; float: left; display: block; } .travelo-modal-box .login-facebook { background: #155c92; } .travelo-modal-box .login-googleplus { background: #d13535; } .travelo-modal-box .seperator { line-height: 0; border-top: 1px solid #f5f5f5; position: relative; margin-top: 10px; margin-bottom: 10px; } .travelo-modal-box .seperator label { display: block; font-size: 0.9167em; position: absolute; left: 50%; top: 50%; line-height: 1; background: #fff; padding: 0 10px; margin: -1px 0 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: 400; } .travelo-modal-box p { margin-bottom: 0; } .travelo-modal-box .description { font-size: 1em; color: #9e9e9e; } .travelo-modal-box .form-group { margin-bottom: 10px; text-align: left; } .travelo-modal-box .checkbox label { font-size: 1em; } .travelo-modal-box .goto-login, .travelo-modal-box .goto-signup, .travelo-modal-box .signup-email { color: #01b7f2; font-size: 1.0833em; } .travelo-modal-box .checkbox-inline { margin-left: 0; } .travelo-modal-box .forgot-password { color: #01b7f2; } .forgot-password { text-decoration: underline; } /* 3.2. Slideshow ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #slideshow { position: relative; width: 100%; padding: 0; min-height: 100px; z-index: 1; } /* background slideshow */ .slideshow-bg { position: relative; min-height: 800px; } .slideshow-bg .flexslider { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; box-shadow: none; } .slideshow-bg .flexslider .slides, .slideshow-bg .flexslider .slides > li { height: 100%; } .slideshow-bg .flexslider .slidebg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .slideshow-bg > .container { height: 100%; position: relative; z-index: 2; } .slideshow-bg .table-wrapper { height: 100%; } .slideshow-bg .table-cell { vertical-align: middle; text-align: center; } .slideshow-bg .heading .title, .slideshow-bg .heading .sub-title { font-weight: 900; text-transform: uppercase; } .slideshow-bg .heading .title { font-size: 4.1667em; color: #fff; letter-spacing: 0; text-shadow: 0 0 8px rgba(0, 0, 0, 0.25); margin-bottom: 0; } .slideshow-bg .heading .sub-title { font-size: 2em; color: #000; letter-spacing: 0.1em; text-shadow: 0 0 6px rgba(255, 233, 169, 0.25); } .slideshow-bg .search-box-wrapper { background: none; margin-top: 0; } .slideshow-bg .search-box-wrapper .search-tab-content { padding: 0; } .slideshow-bg .search-box-wrapper.style1 .search-tab-content h4.title, .slideshow-bg .search-box-wrapper.style2 .search-tab-content h4.title { color: #fff; } .slideshow-bg .search-box-wrapper.style5 .search-box { background: none; } .slideshow-bg .search-box { background: rgba(0, 0, 0, 0.75); padding: 20px 20px 5px; display: block; margin-bottom: 30px; text-align: left; } .slideshow-bg .search-box .row { margin-left: -6px; margin-right: -6px; } .slideshow-bg .search-box [class^="col-"], .slideshow-bg .search-box [class*=" col-"] { padding-left: 6px; padding-right: 6px; } .slideshow-bg .search-box .datepicker-wrap:after { background: none; color: #400090; } .slideshow-bg .search-box .selector span.custom-select:before { width: 0; height: 0; border-bottom: 4px solid #400090; border-left: 3px solid transparent; border-right: 3px solid transparent; background: none !important; right: 7px; top: 50%; margin-top: -3px; } .slideshow-bg .search-box .selector span.custom-select:after { border-top-color: #400090; right: 7px; top: 50%; margin-top: 3px; border-top-width: 4px; } .slideshow-bg .button { padding-left: 20px; padding-right: 20px; } .slideshow-bg .button.red { background-color: #e01a33; } .slideshow-bg .button.red:hover { background-color: #e44049; } .slideshow-bg .tour-guide .details { padding: 20px 25px 25px; } .slideshow-bg .toggle-container .price { font-size: 20px; } /* 3.3. Page Title ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .page-title-container { min-height: 56px; background: /*#2d3e52;*//*#428bca;*/#2d3e52; } .page-title-container .page-title .entry-title { line-height: 56px; color: #fff; margin: 0; } .page-title-container .breadcrumbs { height: 100%; } .page-title-container .breadcrumbs li { float: left; line-height: 56px; display: inline; margin-left: 5px; font-size: 0.8333em; font-weight: bold; text-transform: uppercase; } .page-title-container .breadcrumbs li a { padding-right: 5px; color: #fff; } .page-title-container .breadcrumbs li a:hover { color: #01b7f2; } .page-title-container .breadcrumbs li:after { content: "/"; /*color: #5a7ca3;*/color: #fff; } .page-title-container .breadcrumbs li:last-child:after { content: ""; } .page-title-container .breadcrumbs li.active { color: #fff; } .page-title-container.style1 { background: #dbdbdb; height: 66px; line-height: 66px; text-align: right; } .page-title-container.style1 .page-title .entry-title { color: inherit; font-style: italic; line-height: 66px; } .page-title-container.style1 button { padding-left: 10px; padding-right: 10px; } .page-title-container.style1 .container { position: relative; } .page-title-container.style1 .container:before { content: ""; display: block; width: 0; height: 0; position: absolute; z-index: 1; left: 0; top: 0; border-top: 5px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; } .page-title-container.style2 { background: url(../images/inner-start/style2/bg.png) no-repeat center top #dbdbdb; height: 86px; line-height: 86px; text-align: right; } .page-title-container.style2 .page-title { float: left; } .page-title-container.style2 .page-title .entry-title { color: #fff; line-height: 86px; font-weight: bold; } .page-title-container.style2 .breadcrumbs { float: right; background: #e5f8fa; margin-top: 28px; padding: 0 15px; } .page-title-container.style2 .breadcrumbs li.active { color: #01b7f2; } .page-title-container.style2 .breadcrumbs li { line-height: 30px; } .page-title-container.style2 .breadcrumbs li a { color: inherit; font-weight: normal; } .page-title-container.style2 .page-title, .page-title-container.style2 .breadcrumbs { position: relative; } .page-title-container.style2 .page-title:after { position: absolute; content: ""; width: 59px; height: 39px; top: 10px; right: -100px; background: url(../images/inner-start/style2/bird.png) no-repeat; } .page-title-container.style2 .breadcrumbs:before { position: absolute; content: ""; width: 131px; height: 71px; bottom: -28px; left: -135px; background: url(../images/inner-start/style2/palm.png) no-repeat; } .page-title-container.style3 { background: #2d3e52; height: auto; padding: 25px 0 10px; } .page-title-container.style3 form label { font-size: 0.8333em; color: #7c9abd; } .page-title-container.style4 { background: #400090; height: 60px; line-height: 60px; text-align: right; overflow: hidden; } .page-title-container.style4 .page-title .entry-title { color: inherit; font-style: italic; line-height: 60px; } .page-title-container.style4 .page-title { float: left; background: #400090; padding-right: 20px; position: relative; } .page-title-container.style4 .page-title:after { display: block; content: ""; position: absolute; right: -20px; top: 0; width: 0; height: 0; border-left: 20px solid #400090; border-top: 30px solid transparent; border-bottom: 30px solid transparent; } .page-title-container.style4 .page-title i { float: left; font-size: 24px; line-height: 60px; margin-right: 20px; color: #df9207; } .page-title-container.style4 .page-title .entry-title { white-space: nowrap; color: #fff; font-style: normal; font-weight: normal; float: left; } .page-title-container.style4 .container { background: #efa300; position: relative; } .page-title-container.style4 .container:before { position: absolute; content: ""; display: block; right: -100%; top: 0; height: 60px; width: 100%; background: #efa300; } .page-title-container.style4 .breadcrumbs { float: right; } .page-title-container.style4 .breadcrumbs li { line-height: 60px; } .page-title-container.style4 .breadcrumbs li a { color: #ffce5c; } .page-title-container.style4 .breadcrumbs li:before { font-family: "soap-icons"; content: '\e86f'; font-weight: bold; display: inline-block; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; color: #ffce5c; border: 1px solid; line-height: 12px; text-align: center; height: 14px; width: 14px; margin-right: 8px; } .page-title-container.style4 .breadcrumbs li:after { content: ""; } .page-title-container.style4 .breadcrumbs li.active, .page-title-container.style4 .breadcrumbs li.active:before, .page-title-container.style4 .breadcrumbs li:hover:before, .page-title-container.style4 .breadcrumbs li:hover a { color: #fff; } .page-title-container.style5 { background: #94e2fb; height: 86px; line-height: 86px; } .page-title-container.style5 .page-title { float: left; margin-right: 25px; } .page-title-container.style5 .page-title .entry-title { color: #fff; line-height: 86px; font-size: 2.5em; } .page-title-container.style5 .breadcrumbs { float: left; } .page-title-container.style5 .breadcrumbs li { line-height: 86px; } .page-title-container.style5 .breadcrumbs li a { color: #01b7f2; } .page-title-container.style5 .breadcrumbs li:before { font-family: "soap-icons"; content: '\e86f'; font-weight: bold; display: inline-block; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; color: #01b7f2; border: 1px solid; line-height: 12px; text-align: center; height: 14px; width: 14px; margin-right: 8px; } .page-title-container.style5 .breadcrumbs li:after { content: ""; } .page-title-container.style5 .breadcrumbs li.active, .page-title-container.style5 .breadcrumbs li.active:before, .page-title-container.style5 .breadcrumbs li:hover:before, .page-title-container.style5 .breadcrumbs li:hover a { color: #fff; } .page-title-container.style5 .breadcrumbs:before { float: left; content: "|"; font-size: 2.5em; font-weight: 300; color: #c6f1ff; margin-right: 25px; } .page-title-container.style5 .social-icons { float: right; margin-top: 27px; } .page-title-container.style5 .social-icons li { line-height: normal; } .page-title-container.style5 .social-icons a { background: none; overflow: hidden; } .page-title-container.style5 .social-icons a:hover { border: 1px solid #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: none; } .page-title-container.style5 .social-icons a:hover i { color: #fff; display: block; -webkit-animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; } .page-title-container.style5 .social-icons a i { color: #01b7f2; } .page-title-container.style6 { background: #dbdbdb; height: 86px; line-height: 86px; } .page-title-container.style6 .page-title { float: left; margin-right: 25px; font-style: italic; } .page-title-container.style6 .page-title .entry-title { color: #838383; line-height: 86px; font-size: 2.5em; } .page-title-container.style6 .breadcrumbs { float: left; } .page-title-container.style6 .breadcrumbs li { line-height: 86px; } .page-title-container.style6 .breadcrumbs li a { color: #f5f5f5; } .page-title-container.style6 .breadcrumbs li:before { font-family: "soap-icons"; content: '\e86f'; font-weight: bold; display: inline-block; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; color: #f5f5f5; border: 1px solid; line-height: 12px; text-align: center; height: 14px; width: 14px; margin-right: 8px; } .page-title-container.style6 .breadcrumbs li:after { content: ""; } .page-title-container.style6 .breadcrumbs li.active, .page-title-container.style6 .breadcrumbs li.active:before, .page-title-container.style6 .breadcrumbs li:hover:before, .page-title-container.style6 .breadcrumbs li:hover a { color: inherit; } .page-title-container.style6 .breadcrumbs:before { float: left; content: "|"; font-size: 2.5em; font-weight: 300; color: #f5f5f5; margin-right: 25px; } .page-title-container.style6 .search-box { padding: 25px 0 0; float: right; margin: 0; line-height: normal; } .page-title-container.style6 .search-box .input-text { background: #f5f5f5; font-size: 0.8333em; letter-spacing: 0.04em; text-transform: uppercase; } /* 3.4. Word Map Section ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .world-map-section { height: 750px; } .marker-holder { position: absolute; width: 10px; height: 10px; left: 0; } .marker-holder .image-box { position: absolute; width: 405px; padding: 5px; margin: 0; background: #fff; bottom: 0; left: 0; font-family: "Lato", Arial, Helvetica, sans-serif; } .marker-holder .image-box figure { width: 135px; height: 135px; float: left; } .marker-holder .image-box figure img { height: 100%; } .marker-holder .image-box .details { margin-left: 150px; padding-top: 5px; } .marker-holder .image-box .details .title img { padding-top: 5px; margin-right: 3px; } .marker-holder .image-box .details i { font-size: 2.1667em; color: #d9d9d9; } .marker-holder .image-box .details .price { font-size: 1.3333em; } .marker-holder .image-box .details .price small { font-size: 0.625em; line-height: 1.3333em; } .marker-holder .image-box .details .table-wrapper { width: 100%; table-layout: fixed; } .marker-holder .image-box .details .table-cell { padding: 10px 20px 10px 10px; border-top: 1px solid #f5f5f5; } .marker-holder .image-box .details .table-cell:first-child { border-right: 1px solid #f5f5f5; } .marker-holder .image-box:after { content: ""; position: absolute; left: 180px; bottom: -25px; display: block; width: 0; height: 0; border-width: 25px 25px 0; border-style: solid; border-color: #fff transparent; } /* 4. Search Form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 4.1. Default Style ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .search-box-wrapper { background: #fff; margin-top: -40px; } .search-box { margin-top: 0; position: relative; z-index: 98; } .age-of-children { margin-top: 10px; } .age-of-children h5 { margin-bottom: 5px; } ul.search-tabs { margin: 0; padding: 0; } ul.search-tabs li { float: left; padding-right: 4px; } ul.search-tabs li a { color: #333; display: block; padding: 0 30px; background: #fff; font-size: 1em; font-weight: bold; height: 40px; line-height: 40px; text-decoration: none; filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; letter-spacing: 0.04em; text-transform: uppercase; } ul.search-tabs li a:hover { filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } ul.search-tabs li.active a { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; /*color: #01b7f2;*/ color:#400090; } .visible-mobile .search-tabs li { float: none; } .visible-mobile .search-tabs li a { color: #01b7f2; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; padding: 0 80px; text-align: center; } .visible-mobile .search-tabs li a:hover { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .search-tab-content { padding: 10px 0; } .search-tab-content .tab-pane { display: none; } .search-tab-content .tab-pane.active { display: block; } .search-tab-content h4.title { margin: 10px 0; height: 20px; } .search-tab-content .fixheight { padding-top: 40px; } /* search box for mobile */ .search-box #mobile-search-tabs > li { display: none; } .search-box .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0; } .search-box .bx-wrapper .bx-prev, .search-box .bx-wrapper .bx-next { background: #400090; font-family: FontAwesome; } .search-box .bx-wrapper .bx-controls-direction a { width: 30px; height: 22px; margin-top: -11px; } .search-box .bx-wrapper .bx-controls-direction a.disabled { display: block; background: #d9d9d9; } .search-box .bx-wrapper .bx-prev:before, .search-box .bx-wrapper .bx-next:before { display: block; position: absolute; text-indent: 0; line-height: 20px; text-align: center; width: 30px; color: #fff; } .search-box .bx-wrapper .bx-prev:before:hover, .search-box .bx-wrapper .bx-next:before:hover { color: white; } .search-box .bx-wrapper .bx-prev:before { content: "\f177"; } .search-box .bx-wrapper .bx-next:before { content: "\f178"; } /* 4.2. Style4 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .search-box-wrapper.style5 { background: none; } .search-box-wrapper.style5 .search-box { margin: 0; } .search-box-wrapper.style5 .search-box > ul.search-tabs { margin-top: 80px; float: left; width: 31%; } .search-box-wrapper.style5 .search-box > ul.search-tabs li { float: none; margin-right: 0; padding-right: 0; } .search-box-wrapper.style5 .search-box > ul.search-tabs li > a { filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; height: 57px; line-height: 57px; border-bottom: 1px solid #0d9dec; border-right: 1px solid #0d9dec; position: relative; padding-left: 50px; overflow: hidden; } .search-box-wrapper.style5 .search-box > ul.search-tabs li > a:hover { filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; } .search-box-wrapper.style5 .search-box > ul.search-tabs li > a:hover i { -webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; } .search-box-wrapper.style5 .search-box > ul.search-tabs li > a > i { position: absolute; left: 15px; font-size: 24px; } .search-box-wrapper.style5 .search-box > ul.search-tabs li.active > a { border-right-color: #fff; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .search-box-wrapper.style5 .search-box > ul.search-tabs li.active > a > i { color: #400090; } .search-box-wrapper.style5 .search-box > ul.search-tabs li.active > a:after { content: "\e88b"; font-family: "soap-icons"; position: absolute; right: 15px; color: #01b7f2; font-size: 20px; } .search-box-wrapper.style5 .search-box > ul.search-tabs li:last-child > a { border-bottom: none; } .search-box-wrapper.style5 .search-tab-content { background: #fff; float: left; width: 69%; padding: 0; } .search-box-wrapper.style5 .search-tab-content .title-container { background: #400090; padding: 15px 40px 0 25px; height: 80px; position: relative; } .search-box-wrapper.style5 .search-tab-content .title-container > i { font-size: 48px; position: absolute; right: 25px; top: 50%; margin-top: -24px; } .search-box-wrapper.style5 .search-tab-content .title-container * { color: #fff; } .search-box-wrapper.style5 .search-tab-content .title-container .search-title { margin: 0; font-weight: bold; } .search-box-wrapper.style5 .search-tab-content .search-content { padding: 18px 25px 25px; } .search-box-wrapper.style5 .search-tab-content .search-content .choose-travel label.radio { color: #2d3e52; font-size: inherit; } .search-box-wrapper.style5 .search-tab-content .search-content .choose-travel > div { margin-bottom: 0; } .search-box-wrapper.style5 .search-tab-content .search-content label { font-size: 0.8333em; } /* 4.3. Style3 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .search-box-wrapper.style3, .search-box-wrapper.style4 { background: none; margin-top: 0; } .search-box-wrapper.style3 .search-box, .search-box-wrapper.style4 .search-box { margin: 0 auto; background: rgba(0, 0, 0, 0.5); padding: 5px; } .search-box-wrapper.style3 .search-box > ul.search-tabs, .search-box-wrapper.style4 .search-box > ul.search-tabs { display: table; width: 100%; } .search-box-wrapper.style3 .search-box > ul.search-tabs li, .search-box-wrapper.style4 .search-box > ul.search-tabs li { /* padding-right: 5px; display: table-cell; float: none; */ float: left; padding-right: 5px; } .search-box-wrapper.style3 .search-box > ul.search-tabs li:last-child, .search-box-wrapper.style4 .search-box > ul.search-tabs li:last-child { padding-right: 0; } .search-box-wrapper.style3 .search-box > ul.search-tabs li > a, .search-box-wrapper.style4 .search-box > ul.search-tabs li > a { padding: 0 30px; /*margin-bottom: 5px; padding: 0;*/ height: 35px; line-height: 35px; background: #01b7f2; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; color: #fff; text-align: center; overflow: hidden; } .search-box-wrapper.style3 .search-box > ul.search-tabs li > a i, .search-box-wrapper.style4 .search-box > ul.search-tabs li > a i { font-size: 1.6666em; vertical-align: middle; margin-right: 10px; line-height: 0; } .search-box-wrapper.style3 .search-box > ul.search-tabs li > a span, .search-box-wrapper.style4 .search-box > ul.search-tabs li > a span { vertical-align: middle; } .search-box-wrapper.style3 .search-box > ul.search-tabs li > a:hover i:before, .search-box-wrapper.style4 .search-box > ul.search-tabs li > a:hover i:before { -webkit-animation: toTopFromBottom 0.35s forwards; -moz-animation: toTopFromBottom 0.35s forwards; animation: toTopFromBottom 0.35s forwards; } .search-box-wrapper.style3 .search-box > ul.search-tabs li.advanced-search > a, .search-box-wrapper.style4 .search-box > ul.search-tabs li.advanced-search > a { background: #400090; } .search-box-wrapper.style3 .search-box > ul.search-tabs li.active > a, .search-box-wrapper.style4 .search-box > ul.search-tabs li.active > a { margin-bottom: 0; height: 40px; background: #fff; color: #01b7f2; } .search-box-wrapper.style3 .search-tab-content, .search-box-wrapper.style4 .search-tab-content { background: #fff; padding: 20px; } .search-box-wrapper.style3 .search-tab-content .tab-pane [class^="col-"], .search-box-wrapper.style3 .search-tab-content .tab-pane [class*=" col-"], .search-box-wrapper.style4 .search-tab-content .tab-pane [class^="col-"], .search-box-wrapper.style4 .search-tab-content .tab-pane [class*=" col-"] { padding-left: 5px; padding-right: 5px; } .search-box-wrapper.style3 .search-tab-content .tab-pane .row, .search-box-wrapper.style4 .search-tab-content .tab-pane .row { margin-left: -5px; margin-right: -5px; } .search-box-wrapper.style3 .search-tab-content input.input-text, .search-box-wrapper.style3 .search-tab-content select, .search-box-wrapper.style3 .search-tab-content textarea, .search-box-wrapper.style3 .search-tab-content span.custom-select, .search-box-wrapper.style4 .search-tab-content input.input-text, .search-box-wrapper.style4 .search-tab-content select, .search-box-wrapper.style4 .search-tab-content textarea, .search-box-wrapper.style4 .search-tab-content span.custom-select { background: #fff; border: 1px solid #d1d1d1; } .search-box-wrapper.style3 .search-tab-content .selector span.custom-select:before, .search-box-wrapper.style4 .search-tab-content .selector span.custom-select:before { background: #d1d1d1; } .search-box-wrapper.style3 .search-tab-content .datepicker-wrap:after, .search-box-wrapper.style4 .search-tab-content .datepicker-wrap:after { background: transparent; color: #d1d1d1; } .search-box-wrapper.style3 .search-tab-content button, .search-box-wrapper.style4 .search-tab-content button { font-size: 1.1667em; font-weight: bold; } /* 4.4. Map Search ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .search-box-wrapper .main-search-box { padding: 20px 0 10px; } .search-box-wrapper .main-search-box .row { margin: 0; } .search-box-wrapper .main-search-box .row > div { padding: 0; } .search-box-wrapper .main-search-box .title { line-height: 43px; margin: 0; } .search-box-wrapper .main-search-box button { font-size: 1em; } /* 5. Search Results ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 5.1. Hotel ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 5.1.1. Sort by */ .sort-by-section { background: #fff; padding: 0 20px; } .sort-by-section li { float: left; padding: 15px 5px; /*&:first-child { padding-left: 0; } &:last-child { padding-right: 0; }*/ } .sort-by-section .sort-by-title { margin: 15px 20px 0 0; line-height: 34px; float: left; } .sort-by-section .sort-bar { float: left; } .sort-by-section .sort-bar .sort-by-container { position: relative; display: block; } .sort-by-section .sort-bar .sort-by-container > span { background: #f5f5f5; height: 34px; padding: 0 45px 0 15px; line-height: 34px; display: block; color: #9e9e9e; } .sort-by-section .sort-bar .sort-by-container > span:after { position: absolute; right: 0; top: 0; bottom: 0; height: 100%; width: 30px; background: #d9d9d9; content: ""; } .sort-by-section .sort-bar .sort-by-container:before, .sort-by-section .sort-bar .sort-by-container:after { content: ""; position: absolute; z-index: 1; display: block; top: 50%; right: 12px; border-left: 3px solid transparent; border-right: 3px solid transparent; } .sort-by-section .sort-bar .sort-by-container:before { margin-top: -6px; border-bottom: 5px solid #fff; } .sort-by-section .sort-bar .sort-by-container:after { margin-top: 2px; border-top: 5px solid #fff; } .sort-by-section .sort-bar li.active .sort-by-container > span:after { background: #400090; } .sort-by-section .swap-tiles { float: right; font-size: 33px; } .sort-by-section .swap-tiles li > a > i { display: block; width: 34px; line-height: 34px; height: 34px; background: #f5f5f5; color: #d9d9d9; text-align: center; } .sort-by-section .swap-tiles li:hover > a > i, .sort-by-section .swap-tiles li.active > a > i { background: rgb(64, 14, 99);; color: #fff; } .sort-by-section .swap-tiles li.swap-list > a > i { font-size: 30px; } /* 5.1.2. Filters */ .filters-container.toggle-container { background: none; } .filters-container.toggle-container .panel.style1 { border: none; margin-bottom: 4px; background: #fff; } .filters-container.toggle-container .panel.style1 .panel-title { padding-left: 5px; } .filters-container.toggle-container .panel.style1 .panel-content { padding: 10px 20px 20px; } .search-results-title { background: #fff; padding: 0 20px; margin: 0; border-bottom: 4px solid #f5f5f5; line-height: 3em; } .search-results-title > i { color: #400090; font-size: 20px; margin-right: 10px; } .filters-container .reviews { margin: 0; letter-spacing: 0.04em; } .filters-container ul.filters-option { margin-bottom: 10px; } .filters-container ul.filters-option li { margin-bottom: 1px; background: #f5f5f5; padding: 0 15px; } .filters-container ul.filters-option li a { color: inherit; display: block; padding: 8px 0; text-transform: uppercase; font-size: 11px; } .filters-container ul.filters-option li small { float: right; } .filters-container ul.filters-option li:before { float: left; width: 15px; height: 16px; display: block; line-height: 14px; text-align: center; margin-top: 12px; } .filters-container ul.filters-option li:after { display: table; clear: both; content: ""; } .filters-container ul.filters-option li.active { background: /*#01b7f2*/#400090; } .filters-container ul.filters-option li.active a { color: #fff; } /* 5.1.3. Detailed */ .detailed-logo { background: #fff; padding: 15px; } .detailed-logo figure { background: #f5f5f5; text-align: center; padding: 20px 0; } .detailed-logo figure img { max-width: 100%; height: auto; width: auto; } .detailed-logo .box-title, .detailed-logo .price, .detailed-logo .feedback { border-bottom: 1px solid #f5f5f5; } .detailed-logo .box-title { margin-top: 15px; padding-bottom: 10px; letter-spacing: normal; } .detailed-logo .box-title > small { line-height: 1.5em; letter-spacing: 0.04em; font-size: 10px; } .detailed-logo .box-title > small > i { font-size: 1.5em; display: block; float: left; margin-right: 3px; } .detailed-logo .price { float: none; display: block; line-height: 1.75em; } .detailed-logo .feedback { padding: 8px 0 2px; color: #9E9E9E; text-transform: uppercase; font-size: 0.8333em; margin-bottom: 10px; } /* 5.1.4. Hotel main content, Flight main content */ #hotel-main-content .tab-content .tab-pane, #flight-main-content .tab-content .tab-pane, #cruise-main-content .tab-content .tab-pane { padding: 0; } #hotel-main-content #calendar-tab, #flight-main-content #calendar-tab, #cruise-main-content #calendar-tab { background: #2d3e52; padding: 20px 30px; } #hotel-main-content #calendar-tab label, #hotel-main-content #calendar-tab p, #flight-main-content #calendar-tab label, #flight-main-content #calendar-tab p, #cruise-main-content #calendar-tab label, #cruise-main-content #calendar-tab p { color: #7c9abd; } #hotel-main-content #calendar-tab .description, #flight-main-content #calendar-tab .description, #cruise-main-content #calendar-tab .description { padding-top: 30px; } #hotel-main-content #calendar-tab .row, #flight-main-content #calendar-tab .row, #cruise-main-content #calendar-tab .row { border: none; } #hotel-main-content .calendar table, #flight-main-content .calendar table, #cruise-main-content .calendar table { width: 100%; table-layout: fixed; margin-top: 20px; } #hotel-main-content .calendar table thead td, #flight-main-content .calendar table thead td, #cruise-main-content .calendar table thead td { text-align: center; color: #400090; text-transform: uppercase; font-size: 0.8333em; text-indent: -5px; line-height: 3em; } #hotel-main-content .calendar table tbody td, #flight-main-content .calendar table tbody td, #cruise-main-content .calendar table tbody td { padding: 0 5px 5px 0; text-align: right; position: relative; } #hotel-main-content .calendar table tbody td > a, #hotel-main-content .calendar table tbody td > span, #flight-main-content .calendar table tbody td > a, #flight-main-content .calendar table tbody td > span, #cruise-main-content .calendar table tbody td > a, #cruise-main-content .calendar table tbody td > span { border: 1px solid #da6161; display: block; color: #da6161; padding: 5px; line-height: 1em; height: 4.6666em; font-size: 1.1667em; position: relative; } #hotel-main-content .calendar table tbody td > a:before, #hotel-main-content .calendar table tbody td > span:before, #flight-main-content .calendar table tbody td > a:before, #flight-main-content .calendar table tbody td > span:before, #cruise-main-content .calendar table tbody td > a:before, #cruise-main-content .calendar table tbody td > span:before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #da6161; font-size: 10px; text-align: center; z-index: 1; line-height: 1; padding: 2.2em 5px 5px; color: #fff; display: none; cursor: default; } #hotel-main-content .calendar table tbody td > a:hover:before, #hotel-main-content .calendar table tbody td > span:hover:before, #flight-main-content .calendar table tbody td > a:hover:before, #flight-main-content .calendar table tbody td > span:hover:before, #cruise-main-content .calendar table tbody td > a:hover:before, #cruise-main-content .calendar table tbody td > span:hover:before { display: block; } #hotel-main-content .calendar table tbody td.available > a, #hotel-main-content .calendar table tbody td.available > span, #flight-main-content .calendar table tbody td.available > a, #flight-main-content .calendar table tbody td.available > span, #cruise-main-content .calendar table tbody td.available > a, #cruise-main-content .calendar table tbody td.available > span { border-color: #400090; color: #400090; } #hotel-main-content .calendar table tbody td.available > a:before, #hotel-main-content .calendar table tbody td.available > span:before, #flight-main-content .calendar table tbody td.available > a:before, #flight-main-content .calendar table tbody td.available > span:before, #cruise-main-content .calendar table tbody td.available > a:before, #cruise-main-content .calendar table tbody td.available > span:before { background: #400090; cursor: pointer; } #hotel-main-content .calendar table tbody td.date-passed > a, #hotel-main-content .calendar table tbody td.date-passed > span, #flight-main-content .calendar table tbody td.date-passed > a, #flight-main-content .calendar table tbody td.date-passed > span, #cruise-main-content .calendar table tbody td.date-passed > a, #cruise-main-content .calendar table tbody td.date-passed > span { border-color: #01b7f2; color: #01b7f2; } #hotel-main-content .calendar table tbody td.date-passed > a:before, #hotel-main-content .calendar table tbody td.date-passed > span:before, #flight-main-content .calendar table tbody td.date-passed > a:before, #flight-main-content .calendar table tbody td.date-passed > span:before, #cruise-main-content .calendar table tbody td.date-passed > a:before, #cruise-main-content .calendar table tbody td.date-passed > span:before { background: #01b7f2; } #hotel-main-content .calendar table tbody td .price-text, #flight-main-content .calendar table tbody td .price-text, #cruise-main-content .calendar table tbody td .price-text { position: absolute; bottom: 5px; right: 5px; color: #fff; font-size: 0.8571em; } #hotel-main-content .calendar-legend, #flight-main-content .calendar-legend, #cruise-main-content .calendar-legend { margin-top: 15px; } #hotel-main-content .calendar-legend label, #flight-main-content .calendar-legend label, #cruise-main-content .calendar-legend label { text-transform: uppercase; font-weight: normal; letter-spacing: 0.04em; line-height: 15px; color: #fff !important; margin-right: 15px; font-size: 0.9167em; } #hotel-main-content .calendar-legend label:before, #flight-main-content .calendar-legend label:before, #cruise-main-content .calendar-legend label:before { content: ""; display: block; float: left; width: 15px; height: 15px; border: 1px solid; margin-right: 4px; } #hotel-main-content .calendar-legend label.available:before, #flight-main-content .calendar-legend label.available:before, #cruise-main-content .calendar-legend label.available:before { border-color: #400090; } #hotel-main-content .calendar-legend label.unavailable:before, #flight-main-content .calendar-legend label.unavailable:before, #cruise-main-content .calendar-legend label.unavailable:before { border-color: #da6161; } #hotel-main-content .calendar-legend label.past:before, #flight-main-content .calendar-legend label.past:before, #cruise-main-content .calendar-legend label.past:before { border-color: #01b7f2; } #hotel-description .intro, #hotel-reviews .intro, #hotel-write-review .intro, #car-details .intro, #flight-details .intro, #cruise-description .intro, #cruise-reviews .intro, #cruise-write-review .intro, #travel-guide .intro, #tour-details .intro { background: #f5f5f5; } #hotel-description .intro.table-wrapper, #hotel-reviews .intro.table-wrapper, #hotel-write-review .intro.table-wrapper, #car-details .intro.table-wrapper, #flight-details .intro.table-wrapper, #cruise-description .intro.table-wrapper, #cruise-reviews .intro.table-wrapper, #cruise-write-review .intro.table-wrapper, #travel-guide .intro.table-wrapper, #tour-details .intro.table-wrapper { padding: 0; border-spacing: 15px; border-collapse: separate; table-layout: fixed; } #hotel-description .intro.table-wrapper > *, #hotel-reviews .intro.table-wrapper > *, #hotel-write-review .intro.table-wrapper > *, #car-details .intro.table-wrapper > *, #flight-details .intro.table-wrapper > *, #cruise-description .intro.table-wrapper > *, #cruise-reviews .intro.table-wrapper > *, #cruise-write-review .intro.table-wrapper > *, #travel-guide .intro.table-wrapper > *, #tour-details .intro.table-wrapper > * { border-collapse: collapse; } #hotel-description .intro.table-wrapper .table-cell, #hotel-reviews .intro.table-wrapper .table-cell, #hotel-write-review .intro.table-wrapper .table-cell, #car-details .intro.table-wrapper .table-cell, #flight-details .intro.table-wrapper .table-cell, #cruise-description .intro.table-wrapper .table-cell, #cruise-reviews .intro.table-wrapper .table-cell, #cruise-write-review .intro.table-wrapper .table-cell, #travel-guide .intro.table-wrapper .table-cell, #tour-details .intro.table-wrapper .table-cell { background: #fff; } #hotel-description .intro.table-wrapper .table-cell:first-child, #hotel-reviews .intro.table-wrapper .table-cell:first-child, #hotel-write-review .intro.table-wrapper .table-cell:first-child, #car-details .intro.table-wrapper .table-cell:first-child, #flight-details .intro.table-wrapper .table-cell:first-child, #cruise-description .intro.table-wrapper .table-cell:first-child, #cruise-reviews .intro.table-wrapper .table-cell:first-child, #cruise-write-review .intro.table-wrapper .table-cell:first-child, #travel-guide .intro.table-wrapper .table-cell:first-child, #tour-details .intro.table-wrapper .table-cell:first-child { margin-bottom: 15px; } #hotel-features, #cruise-features { margin-top: 30px; } #hotel-description .features, #cruise-description .features, #travel-guide .features, #tour-details .features { text-transform: uppercase; padding: 25px 20px; font-size: 0.8333em; } #hotel-description .features li, #cruise-description .features li, #travel-guide .features li, #tour-details .features li { line-height: 2em; } #hotel-description .features label, #cruise-description .features label, #travel-guide .features label, #tour-details .features label { margin: 0; width: 110px; border-right: 1px solid #f5f5f5; margin-right: 20px; color: #01b7f2; white-space: nowrap; height: 100%; } #hotel-description .long-description, #cruise-description .long-description, #travel-guide .long-description, #tour-details .long-description { margin-top: 25px; padding: 0 15px; } #hotel-description .policies-box label, #cruise-description .policies-box label, #travel-guide .policies-box label, #tour-details .policies-box label { color: #01b7f2; } #hotel-availability .update-search, #cruise-availability .update-search, #tour-details .update-search { border: 15px solid #f5f5f5; background: #fff; padding: 20px 20px 0; margin-bottom: 20px; } #hotel-availability .update-search [class^="col-"], #hotel-availability .update-search [class*=" col-"], #cruise-availability .update-search [class^="col-"], #cruise-availability .update-search [class*=" col-"], #tour-details .update-search [class^="col-"], #tour-details .update-search [class*=" col-"] { padding-left: 5px; padding-right: 5px; /*&:first-child { padding-left: 0; } &:last-child { padding-right: 0; }*/ } #hotel-availability .update-search .row, #cruise-availability .update-search .row, #tour-details .update-search .row { margin-left: -5px; margin-right: -5px; } #hotel-availability .update-search > div, #cruise-availability .update-search > div, #tour-details .update-search > div { margin-bottom: 20px; } #hotel-availability .room-list > article, #cruise-availability .room-list > article, #tour-details .room-list > article { margin: 20px 0 0; padding-bottom: 20px; border-bottom: 1px solid #f5f5f5; } #hotel-availability .room-list > article:last-child, #cruise-availability .room-list > article:last-child, #tour-details .room-list > article:last-child { border-bottom: none; } #hotel-availability .room-list .load-more button, #cruise-availability .room-list .load-more button, #tour-details .room-list .load-more button { font-size: 1.3333em; } #hotel-availability .room-list .box .price-section, #hotel-availability .room-list .box .action-section, #cruise-availability .room-list .box .price-section, #cruise-availability .room-list .box .action-section, #tour-details .room-list .box .price-section, #tour-details .room-list .box .action-section { padding-right: 0; } #hotel-availability .room-list .box .price-section, #cruise-availability .room-list .box .price-section, #tour-details .room-list .box .price-section { border-bottom: none; } #hotel-availability .room-list .box .action-section, #cruise-availability .room-list .box .action-section, #tour-details .room-list .box .action-section { vertical-align: bottom; } #hotel-availability .room-list .box .action-section a.button, #cruise-availability .room-list .box .action-section a.button, #tour-details .room-list .box .action-section a.button { padding: 0 20px; } #hotel-availability .room-list .box .action-section h4, #cruise-availability .room-list .box .action-section h4, #tour-details .room-list .box .action-section h4 { color: #fcb714; } #hotel-availability article img.custom_amenity, #cruise-availability article img.custom_amenity, #tour-details article img.custom_amenity { margin-top: 5px; margin-right: 5px; opacity: 0.7; vertical-align: baseline; } #hotel-availability article img.custom_amenity:hover, #cruise-availability article img.custom_amenity:hover, #tour-details article img.custom_amenity:hover { opacity: 1; } #hotel-amenities .amenities li, #inflight-features .amenities li, #cruise-amenities .amenities li { padding: 0; } #hotel-amenities .amenities.style1 li, #inflight-features .amenities.style1 li, #cruise-amenities .amenities.style1 li { margin-bottom: 1px; } #hotel-amenities .amenities.style1 li .icon-box, #inflight-features .amenities.style1 li .icon-box, #cruise-amenities .amenities.style1 li .icon-box { background: #f5f5f5; } #hotel-amenities .amenities.style2 li, #inflight-features .amenities.style2 li, #cruise-amenities .amenities.style2 li { margin-bottom: 20px; } #hotel-amenities .custom_amenity, #inflight-features .custom_amenity, #cruise-amenities .custom_amenity { background: #400090; width: 42px; margin-right: 15px; display: inline-block; float: left; } #hotel-amenities .custom_amenity img, #inflight-features .custom_amenity img, #cruise-amenities .custom_amenity img { margin: 0 auto; display: block; } #hotel-reviews .rating, #cruise-reviews .rating { padding: 20px 30px; background: #fff; text-align: center; } #hotel-reviews .rating .score, #cruise-reviews .rating .score { display: block; font-size: 5em; color: #2d3e52; font-weight: 300; line-height: 1.25em; } #hotel-reviews .rating .five-stars-container, #cruise-reviews .rating .five-stars-container { font-size: 2.5em; margin-bottom: 20px; } #hotel-reviews .detailed-rating, #cruise-reviews .detailed-rating { background: #fff; padding: 30px 0; } #hotel-reviews .detailed-rating li, #cruise-reviews .detailed-rating li { padding: 0 25px; } #hotel-reviews .guest-reviews, #cruise-reviews .guest-reviews { margin-top: 25px; margin-bottom: 30px; } #hotel-reviews .guest-reviews .comment-container, #cruise-reviews .guest-reviews .comment-container { padding-left: 20px; } #hotel-faqs .topics, #flight-fare-rules .topics { margin-bottom: 30px; } #hotel-faqs .topics li, #flight-fare-rules .topics li { padding: 0; margin-bottom: 1px; border-right: 1px solid #fff; background: #f5f5f5; padding-left: 15px; line-height: 3.3333em; text-transform: uppercase; font-size: 0.9167em; } #hotel-faqs .topics li a, #flight-fare-rules .topics li a { color: inherit; } #hotel-faqs .topics li.active, #flight-fare-rules .topics li.active { background: #01b7f2; } .image-box.style2.activities .details { padding-top: 10px; } .image-box.style2.activities.innerstyle { margin-top: 20px; } .image-box.style2.activities.innerstyle .details { padding-right: 0; } .image-box.style2.activities .review-score { float: right; text-transform: uppercase; } .image-box.style2.activities .review-score .reviews { font-size: 0.8333em; } .image-box.style2.activities .five-stars-container { float: left; margin-right: 10px; } .image-box.style2.activities .details-header { border-bottom: 1px solid #f5f5f5; margin-bottom: 15px; } .image-box.style2.activities > * { padding-bottom: 15px; border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; } .image-box.style2.activities > *:last-child { border-bottom: none; padding-bottom: 0; } .image-box.style2.activities.no-bottom-border > * { padding-bottom: 0; border-bottom: none; margin-bottom: 30px; } #hotel-write-review .photo, #cruise-write-review .photo { padding: 0; } #hotel-write-review .photo .feedback, #cruise-write-review .photo .feedback { margin-top: 40px; } #hotel-write-review .photo .details, #cruise-write-review .photo .details { padding-right: 15px; } #hotel-write-review .photo .details .review, #cruise-write-review .photo .details .review { letter-spacing: 0.04em; } #hotel-write-review .overall-rating, #cruise-write-review .overall-rating { background: #fff; } #hotel-write-review .detailed-rating, #cruise-write-review .detailed-rating { margin-left: -20px; margin-right: -20px; } #hotel-write-review .detailed-rating li, #cruise-write-review .detailed-rating li { padding: 0 20px; } #hotel-write-review .detailed-rating li > .each-rating, #cruise-write-review .detailed-rating li > .each-rating { border-top: 1px solid #F5F5F5; border-bottom: none; } #hotel-write-review .main-rating, #cruise-write-review .main-rating { margin-bottom: 20px; } #hotel-write-review .review-form, #cruise-write-review .review-form { padding: 0 10px 10px; } #hotel-write-review .review-form h4, #cruise-write-review .review-form h4 { margin-bottom: 5px; } #hotel-write-review .review-form .form-group, #cruise-write-review .review-form .form-group { margin-bottom: 20px; } #hotel-write-review .sort-trip li, #cruise-write-review .sort-trip li { float: left; margin-right: 20px; text-align: center; } #hotel-write-review .sort-trip li > span, #cruise-write-review .sort-trip li > span { font-weight: 500; font-size: 1.1667em; margin-top: 10px; line-height: 2.5em; } #hotel-write-review .sort-trip li i, #cruise-write-review .sort-trip li i { display: block; width: 70px; height: 70px; line-height: 70px; font-size: 2.3333em; color: #dbdbdb; } #hotel-write-review .sort-trip li.active i, #cruise-write-review .sort-trip li.active i { background: #01b7f2; color: #fff; border-color: #01b7f2; } #hotel-write-review .sort-trip li.active > span, #cruise-write-review .sort-trip li.active > span { color: #01b7f2; } #hotel-write-review .sort-trip li:hover i, #cruise-write-review .sort-trip li:hover i { -webkit-animation: sonarEffect 1s ease-out; -moz-animation: sonarEffect 1s ease-out; animation: sonarEffect 1s ease-out; } #hotel-write-review .error-field, #cruise-write-review .error-field { border: 1px solid #f00; } .overall-rating { padding: 25px 30px; } .overall-rating .star-rating { margin-bottom: 20px; } .overall-rating .star-rating .five-stars-container { font-size: 3em; line-height: 1em; float: left; } .overall-rating .star-rating .status { display: none; text-transform: uppercase; display: block; float: left; line-height: 22px; height: 22px; background: #01b7f2; color: #fff; font-weight: bold; margin-top: 8px; position: relative; margin-left: 25px; padding: 0 15px 0 10px; } .overall-rating .star-rating .status:before { display: block; content: ""; border-right: 15px solid #01b7f2; border-top: 11px solid transparent; border-bottom: 11px solid transparent; position: absolute; top: 0; left: -15px; } .detailed-rating { text-transform: uppercase; } .detailed-rating li { display: block; } .detailed-rating li > .each-rating { border-bottom: 1px solid #f5f5f5; display: block; padding: 8px 0 5px; } .detailed-rating li label { color: /*#01b7f2;*/#428bca; } .detailed-rating li .five-stars-container { float: right; color: #dbdbdb; } #rating-filter .panel-content > * { vertical-align: middle; } #rating-filter .panel-content span { line-height: 2.4em; float: right; } .guest-review { border-top: 1px solid #f5f5f5; width: 100%; } .guest-review:last-child { border-bottom: 1px solid #f5f5f5; } .guest-review .author-section { text-align: center; border-right: 1px solid #f5f5f5; padding-top: 25px; padding-bottom: 25px; } .guest-review .author-section > a { width: 74px; height: 74px; } .guest-review .author-section img { width: 100%; height: 100%; } .guest-review .author-section .name { color: #2d3e52; font-size: 1.0833em; margin-bottom: 0; } .guest-review .author-section .date { text-transform: uppercase; font-size: 0.8333em; } .guest-review .comment-container { padding-top: 25px; padding-bottom: 25px; } .guest-review .comment-container .comment-title { color: #01b7f2; float: left; font-style: italic; } .guest-review .comment-container .review-score { float: right; } .guest-review .comment-container .review-score .score { font-size: 2em; margin-left: 10px; } .guest-review .comment-container .comment-content p { line-height: 2em; } /* 5.1.5. Booking page */ .booking-section { padding: 20px 30px; } .booking-form label { font-size: 0.9167em; } .booking-form .checkbox label { font-size: 1.0833em; } .booking-form .form-group { margin-bottom: 0; } .booking-form .form-group > * { margin-bottom: 20px; } .booking-form .checkbox label { text-transform: none; } .booking-details figure > a:first-child { width: 75px; height: 75px; float: left; } .booking-details figure img { width: auto; height: 100%; } .booking-details figure .travel-title { margin-left: 90px; } .booking-details figure .travel-title .box-title { margin-bottom: 5px; } .booking-details figure .travel-title .box-title:after { display: none; } .booking-details .details { padding-left: 0; padding-right: 0; padding-top: 7px; } .booking-details .timing { font-size: 0.8333em; text-transform: uppercase; text-align: right; line-height: 1.3333em; border-bottom: 1px solid #f5f5f5; padding: 10px 0 5px; margin: 0; } .booking-details .timing .duration { font-weight: bold; color: #400090; } .booking-details .timing .duration > div { margin-top: 5px; } .booking-details .timing .check-out { text-align: left; } .booking-details .timing label, .booking-details .timing span { display: block; line-height: 1.42; letter-spacing: 0.04em; } .booking-details .timing label { color: #01b7f2; font-size: 1em; margin-bottom: 0; font-weight: normal; } .booking-details .timing i { font-size: 2em; } .booking-details .guest { border-bottom: 1px solid #f5f5f5; padding: 10px 0; } .booking-details .other-details { font-size: 0.8333em; margin-bottom: 0; text-align: right; text-transform: uppercase; } .booking-details .other-details dt, .booking-details .other-details dd { padding: 1.3em 0; border-top: 1px solid #f5f5f5; } .booking-details .other-details dt { float: left; text-align: left; margin: 0; color: #01b7f2; clear: both; } .booking-details .other-details .total-price { font-size: 1.5em; color: #2d3e52; text-transform: none; } .booking-details .other-details .total-price-value { color: #400090; font-size: 1.4em; } .booking-details .price-details { display: none; } .booking-details .price-details dt { float: left; margin: 0; color: #01b7f2; clear: both; } .booking-details .price-details dd table { float: right; } .booking-details dl, .booking-details dt, .booking-details dd { font-weight: normal; } .show-price-detail { float: right; margin-bottom: 20px; } /* 5.1.6. Thankyou page */ .booking-information { padding: 20px 30px 30px; } .booking-information > .booking-confirmation > .icon { color: #400090; font-size: 1.5em; float: left; margin-right: 12px; margin-top: 4px; } .booking-information > .booking-confirmation > .message { float: left; } .booking-information > .booking-confirmation .print-button { float: right; } .booking-information > .booking-confirmation .print-button button { text-transform: uppercase; } .booking-information > .booking-confirmation p { margin-bottom: 0; } .booking-information .view-link { font-size: 1.1667em; } .main-message { color: #01b7f2; margin-bottom: 0; letter-spacing: 0.04em; } .edit-booking ul.triangle li { line-height: 2.6667em; font-size: 1.0833em; } #change-date-form .booking-details { margin-bottom: 10px; } /* 5.2. Flight ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .flight-routes.image-box .box { margin-bottom: 10px; } .flight-routes .box { padding: 10px; } .flight-routes .box figure { height: 40px; width: 40px; background: #f5f5f5; display: table; } .flight-routes .box figure > a { display: table-cell; vertical-align: middle; text-align: center; } .flight-routes .box figure img { /*width: 70%;*/ max-width: 100%; } .flight-routes .box .details { padding: 5px 0 0; margin-left: 55px; } .flight-routes .box .button { margin: 12px 5px 0 0; } .flight-routes .box .box-title { margin-bottom: 0; } .flight-list { margin-bottom: 0; } .flight-booking-details .details { padding: 0; margin-top: 10px; border-top: 1px solid #f5f5f5; } .flight-detail-page .detailed-logo .duration { font-size: 0.8333em; text-transform: uppercase; letter-spacing: 0.04em; border-bottom: 1px solid #f5f5f5; padding: 6px 0; margin-bottom: 10px; } .flight-detail-page .detailed-logo .duration dl, .flight-detail-page .detailed-logo .duration dt, .flight-detail-page .detailed-logo .duration dd { display: inline-block; margin: 0; } .flight-detail-page .detailed-logo .duration dl { vertical-align: middle; } .flight-detail-page .detailed-logo .duration i { color: #400090; font-size: 20px; margin-right: 10px; line-height: 0; vertical-align: middle; } #flight-details .term-description, #car-details .term-description { margin: 0; font-size: 0.8333em; } #flight-details .term-description dt, #flight-details .term-description dd, #car-details .term-description dt, #car-details .term-description dd { line-height: 1.1667em; } #flight-details .travelo-box, #car-details .travelo-box { padding: 25px 25px 20px 25px; margin: 0; } #flight-details .detailed-features { background: #fff; } #flight-details .box-title { margin: 0; } #flight-details .flights { width: 100%; padding-bottom: 30px; border-collapse: separate; border-spacing: 0; } #flight-details .flights .timing { padding: 0; border: none; display: table; margin: 0 auto; } #flight-details .flights .timing > div { display: table-cell; vertical-align: middle; text-align: center; padding: 0 7px; } #flight-details .flights .table-cell { border-top: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; padding: 20px 5px; text-align: center; vertical-align: middle; } #flight-details .flights .table-cell:last-child { border-right: none; } #flight-details .flights .logo label { display: block; font-weight: normal; font-size: 0.8333em; text-transform: uppercase; line-height: 1em; } #flight-details .flights .logo img { max-width: 84px; height: auto; } #flight-details .flights .timing-detail { position: relative; } #flight-details .flights .first-flight .logo { position: relative; } #flight-details .flights .first-flight .logo:after { content: "\e883"; font-family: "soap-icons"; font-size: 24px; position: absolute; display: inline-block; width: 10px; text-align: center; height: 30px; line-height: 30px; right: -5px; bottom: -15px; z-index: 9; color: #e01a33; } #flight-details .flights .layover { position: absolute; display: inline-block; text-transform: uppercase; font-weight: normal; background: #f5f5f5; width: 100px; height: 20px; line-height: 20px; font-size: 0.75em; left: 50%; margin: 0 0 0 -50px; bottom: -10px; z-index: 9; letter-spacing: 0.04em; } #flight-baggage form .checkbox label { font-size: 0.8333em; text-transform: uppercase; } #flight-baggage .baggage .icon-box { cursor: default; } #flight-baggage .baggage .icon-box .box-title { color: #838383; } #flight-baggage .baggage .icon-box:hover .box-title { color: #2d3e52; } #flight-baggage .baggage .icon-box:hover i { -webkit-animation: sonarEffect 1.3s ease-out 75ms; -moz-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms; } /* 5.3. Car ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .explore-more { padding: 10px 0 0 4px; } .explore-more .intro { text-transform: none; margin-bottom: 19px; margin-left: 12px; } .explore-more .intro i { float: left; margin-right: 10px; color: #01b7f2; font-size: 16px; } .explore-more .intro .box-title small { margin-bottom: 3px; } .explore-more .box { margin: 0; padding-right: 4px; width: 50%; float: left; margin-bottom: 4px; } .explore-more .box figure figcaption { text-transform: uppercase; padding-right: 20px; } .car-list { margin-top: 30px; margin-bottom: 10px; } .car-detail-page .featured-image img { width: 100%; height: auto; } .car-detail-page .detailed-logo .mile { border-bottom: 1px solid #f5f5f5; padding: 8px 0; margin-bottom: 10px; font-size: 0.8333em; text-transform: uppercase; } #car-details .detailed-features { background: #fff; } #car-details .detailed-features > [class^="col-"] { padding: 0 0 10px 0; } #car-details .detailed-features > [class^="col-"]:first-child { border-right: 1px solid #f5f5f5; } #car-details .detailed-features .box-title { padding: 25px 0 25px 25px; border-bottom: 1px solid #f5f5f5; } #car-details .detailed-features .icon-box { margin: 15px 0 30px 20px; } #car-details .car-features .icon-box { color: inherit; margin-bottom: 10px; } #car-details .car-features .icon-box > i { color: #01b7f2; } #car-details .protect-passengers .icon-box { margin-bottom: 15px; } #car-details .protect-passengers label { font-size: 0.8333em; font-weight: normal; text-transform: uppercase; } #car-details .car-damage .logo img { max-height: 25px; width: auto; } #car-details .car-damage .radio { margin: 0; line-height: 20px; font-size: 0.8333em; text-transform: uppercase; margin-bottom: 10px; } .booking-details .car-detail { border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; } .booking-details .car-detail .icon-box { padding-bottom: 10px; padding-top: 10px; border-top: 1px solid #f5f5f5; } /* 5.4. Cruise ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .top-cruise-destinations .details { padding: 15px 20px !important; } .top-cruise-destinations .details li { font-size: 0.8333em; text-transform: uppercase; } .top-cruise-destinations .details .row > div { border-right: 1px solid #f5f5f5; } .top-cruise-destinations .details .row > div:last-child { border-right: none; } .cruise-line-deals { padding-top: 0; } .cruise-line-deals .row { margin-bottom: -1px; overflow: hidden; } .cruise-line-deals .row > div { border-bottom: 1px solid #f5f5f5; } .cruise-line-deals .box-title small { color: #01b7f2; } .cruise-line-deals .box { margin-bottom: 10px; margin-top: 20px; } .cruise-line-deals .box figure { background: #f5f5f5; text-align: center; height: 70px; display: table; width: 100%; table-layout: fixed; } .cruise-line-deals .box figure .image-wrapper { display: table-cell; vertical-align: middle; } .cruise-line-deals .box figure img { max-width: 66.6666%; width: auto; height: auto; } .cruise-line-deals .box .details { padding-left: 0; padding-right: 0; } .cruise-line-deals .box .price { font-size: 1.3333em; } .cruise-line-deals .box .price small { font-size: 0.625em; } .cruise-booking-form .radio { margin-top: 6px; text-transform: none; } .cruise-booking-form .radio:first-child { margin-left: 0; } #cruise-description .intro li { line-height: 2.5em; } .cruise-itinerary .travelo-box { margin: 0; } .cruise-itinerary table { width: 100%; } .cruise-itinerary th { color: #01b7f2; font-weight: normal; padding-bottom: 10px; } .cruise-itinerary td { font-size: 0.8333em; text-transform: uppercase; line-height: 3.8333em; border-top: 1px solid #f5f5f5; vertical-align: middle; } #hotel-availability .room-list .box figure, #cruise-availability .room-list .box figure, #cruise-food-dinning .food-dinning-list .box figure { margin-bottom: 5px; } #hotel-availability .room-list .details, #cruise-availability .room-list .details, #cruise-food-dinning .food-dinning-list .details { padding-top: 0; padding-bottom: 0; } #hotel-availability .room-list .box-title .title, #cruise-availability .room-list .box-title .title, #cruise-food-dinning .food-dinning-list .box-title .title { margin-bottom: 3px; } #hotel-availability .room-list .box-title dl, #cruise-availability .room-list .box-title dl, #cruise-food-dinning .food-dinning-list .box-title dl { margin: 0; } #hotel-availability .room-list .box-title dl:after, #cruise-availability .room-list .box-title dl:after, #cruise-food-dinning .food-dinning-list .box-title dl:after { content: ""; display: table; clear: both; } #hotel-availability .room-list .box-title dt, #hotel-availability .room-list .box-title dd, #cruise-availability .room-list .box-title dt, #cruise-availability .room-list .box-title dd, #cruise-food-dinning .food-dinning-list .box-title dt, #cruise-food-dinning .food-dinning-list .box-title dd { float: left; font-size: 0.8333em; text-transform: uppercase; } #hotel-availability .room-list .box-title dt, #cruise-availability .room-list .box-title dt, #cruise-food-dinning .food-dinning-list .box-title dt { color: /*#01b7f2*/#428bca; margin-right: 5px; clear: both; } #cruise-food-dinning .food-dinning-list hr { margin-top: 15px; margin-bottom: 15px; } #cruise-food-dinning .food-dinning-list .details { text-transform: none; padding: 0; } #cruise-food-dinning .food-dinning-list figure { margin: 0 20px 10px 0; } #cruise-food-dinning .food-dinning-list .box-title { margin: 0 0 5px 0; } #cruise-food-dinning .food-dinning-list .box-title dl:after { display: none; clear: none; } #cruise-food-dinning .food-dinning-list .box-title dt { clear: none; } #cruise-food-dinning .food-dinning-list .box-title dd { float: none; } #cruise-food-dinning .food-dinning-list .review-score { float: right; margin-top: 6px; } #cruise-food-dinning .food-dinning-list .review-score .five-stars-container { vertical-align: middle; margin-right: 5px; } #cruise-food-dinning .food-dinning-list .review-score .review { vertical-align: middle; color: #9e9e9e; text-transform: uppercase; font-size: 0.8333em; } #cruise-food-dinning .food-dinning-list .box { border-bottom: 1px solid #f5f5f5; margin-bottom: 15px; padding-bottom: 10px; } #cruise-food-dinning .food-dinning-list .box:last-child { border-bottom: none; } #cruise-reviews .guest-review .comment-title { font-style: normal; color: #2d3e52; } /* 5.5. Tour ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .tour-detail-page dl.term-description { font-size: 0.8333em; line-height: 1.6em; } .tour-detail-page .image-box { position: relative; } .tour-booking-form { padding: 25px 10px 5px; } .tour-booking-form .detail-section-top { padding-bottom: 10px; } .tour-booking-form .detail-section-top .st-details .box-title { margin-bottom: 5px; } .tour-booking-form .detail-section-top .st-details i { font-size: 15px; } .tour-booking-form .detail-section-top .st-details .st-description { margin-bottom: 5px; } .tour-booking-form .detail-section-bottom { border-top: 1px solid #f5f5f5; padding-top: 20px; } .tour-booking-form .detail-section-bottom > .row > div { margin-bottom: 20px; } .tour-booking-form .detail-section-bottom .total-price { color: #2d3e52; font-size: 18px; margin-top: -5px; /*display: inline-block;*/ display: none; } #schedule-list dl.term-description dd { text-transform: uppercase; } .tour-packages.listing-style2 .box { position: relative; } .tour-packages.listing-style2 .box figure { position: relative; overflow: hidden; } .tour-packages.listing-style2 .box figcaption { background: rgba(45, 62, 82, 0.9); position: absolute; left: 10px; right: 10px; bottom: 10px; padding: 20px; -webkit-transform: translateY(140%); -moz-transform: translateY(140%); -ms-transform: translateY(140%); -o-transform: translateY(140%); transform: translateY(140%); -moz-transition: -moz-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; } .tour-packages.listing-style2 .box .caption-title { margin-bottom: 0; color: #fff; } .tour-packages.listing-style2 .box .price { color: #400090; } .tour-packages.listing-style2 .box .caption-title, .tour-packages.listing-style2 .box .price { line-height: 1em; } .tour-packages.listing-style2 .box:hover figcaption { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .tour-packages.listing-style1 .box .box-title { line-height: 1.3333em; } .tour-packages.listing-style1 .box hr { margin: 15px 0; } .tour-packages.listing-style1 .box .time { text-align: center; margin-bottom: 15px; display: inline-block; } .tour-packages.listing-style1 .box .time i { font-size: 17px; } .tour-packages.listing-style1 .box .time span { color: #01b7f2; letter-spacing: 0.04em; } .tour-packages.listing-style1 .box .details { padding: 15px 18px 18px; background: #fff; } .tour-packages.listing-style1 .box .features { margin-top: -5px 0 0; list-style: none; } .tour-packages.listing-style1 .box .features li { line-height: 1.2em; position: relative; padding: 0.8em 0 0.8em 18px; } .tour-packages.listing-style1 .box .features li:before { color: #400090; font-size: 12px; position: absolute; left: 2px; top: 0.9em; } .tour-packages.listing-style1 .box .features li:last-child { padding-bottom: 0.4em; } .booking-details .tour-detail { border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; } .booking-details .tour-detail .icon-box { padding-bottom: 10px; padding-top: 10px; border-top: 1px solid #f5f5f5; } .booking-details .tour-detail .icon-box .soap-icon-calendar { font-size: 25px; } .booking-details .tour-detail .icon-box .soap-icon-clock { font-size: 20px; } .booking-details .tour-detail .icon-box .soap-icon-departure { font-size: 24px; } /* 6. Dashboard ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 6.1. Default ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .dashboard #header .logo a, .dashboard #footer .logo a, .error404 #header .logo a, .error404 #footer .logo a, .coming-soon-page #header .logo a, .coming-soon-page #footer .logo a, .loading-page #header .logo a, .loading-page #footer .logo a, .soap-login-page #header .logo a, .soap-login-page #footer .logo a { background: none; } .dashboard #header .logo img, .dashboard #footer .logo img, .error404 #header .logo img, .error404 #footer .logo img, .coming-soon-page #header .logo img, .coming-soon-page #footer .logo img, .loading-page #header .logo img, .loading-page #footer .logo img, .soap-login-page #header .logo img, .soap-login-page #footer .logo img { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .dashboard #header .logo img { height: 22px; } #dashboard .fact { color: #fff; margin-bottom: 20px; } #dashboard .fact .numbers { padding: 25px 15px; } #dashboard .fact .numbers dl { float: right; text-align: right; margin: 0; } #dashboard .fact .numbers dt { font-size: 2em; font-weight: 400; line-height: 1em; } #dashboard .fact .numbers dd { font-size: 1.3333em; } #dashboard .fact .numbers .icon { font-size: 4em; } #dashboard .fact .description { font-size: 0.8333em; text-transform: uppercase; padding: 0 20px; font-weight: bold; line-height: 3em; } #dashboard .fact .description > .icon { float: right; font-size: 2em; } #dashboard .fact.blue { background: #01b7f2; } #dashboard .fact.blue .description { background: #04afe7; } #dashboard .fact.yellow { background: #400090; } #dashboard .fact.yellow .description { background: #f5b010; } #dashboard .fact.red { background: #e01a33; } #dashboard .fact.red .description { background: #d51a32; } #dashboard .fact.green { background: #400090; } #dashboard .fact.green .description { background: #91c63d; } #dashboard .notifications .icon-box { background: #f5f5f5; font-size: 1em; padding-right: 15px; margin-bottom: 10px; height: auto; } #dashboard .notifications .icon-box:after { display: table; content: ""; clear: both; } #dashboard .notifications .box-title { line-height: 1em; text-transform: none; color: #2d3e52; padding: 14px 5px 15px 57px; } #dashboard .notifications .price { color: #01b7f2; float: none; text-align: left; display: inline; font-size: inherit; } #dashboard .notifications .time { line-height: inherit; } #dashboard .notifications .load-more { font-size: 2.5em; text-align: center; color: #d9d9d9; } #dashboard .recent-activity { background: #f5f5f5; padding: 15px; } #dashboard .recent-activity ul { background: #fff; margin-bottom: 15px; } #dashboard .recent-activity ul li > a { padding: 15px; border-bottom: 1px solid #f5f5f5; display: block; } #dashboard .recent-activity ul li > a:hover { background: #f5f5f5; } #dashboard .recent-activity ul .icon { float: left; margin-right: 15px; font-size: 1.3333em; } /* 6.1.1. User profile */ #profile .personal-details .details { padding-top: 0; padding-left: 300px; padding-right: 0; } #profile .personal-details figure { margin-bottom: 20px; } #profile .personal-details .term-description { margin-bottom: 0; } #profile .edit-profile { display: none; } #profile .term-description dt, #profile .term-description dd { float: none; display: inline-block; float: none; vertical-align: top; } #profile .term-description dt { clear: none; width: 40%; } #profile .term-description dd { padding-left: 30px; width: 50%; } #profile .image-close-box { position: relative; display: inline-block; } #profile .image-close-box .close-banner { position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: #000; opacity: 0.3; } #profile .image-close-box .close { right: 9px; top: 8px; } #photo_preview img { max-width: 100%; } .error { color: #f00; } .dashboard .benefits > li { font-size: 1.0833em; line-height: 2.6667em; } /* 6.1.2. Booking history */ #booking .filter-section { padding: 10px 15px 5px 5px; margin-bottom: 30px; } #booking .filter-section label.radio { margin-top: 4px; } #booking .filter-section label.radio:before { border: none; line-height: 14px; } #booking .filter-section button { margin-left: 8px; font-weight: 400; margin-bottom: 5px; } #booking .filter-section .action { width: auto; padding: 0 !important; } #booking .filter-section .action h5 { width: auto; line-height: 28px; } #booking .booking-info { border-top: 1px solid #f5f5f5; padding: 10px; } #booking .booking-info:last-child { border-bottom: 1px solid #f5f5f5; } #booking .booking-info div.date { width: 72px; height: 72px; background: #f5f5f5; text-align: center; float: left; margin-right: 20px; } #booking .booking-info div.date > * { margin: 0; display: block; } #booking .booking-info div.date > .month { background: #e44049; height: 20px; line-height: 20px; font-size: 0.8333em; color: #fff; } #booking .booking-info div.date > .date { font-size: 2em; line-height: 1em; color: #e44049; font-weight: bold; margin-top: 6px; } #booking .booking-info div.date > .day { font-size: 0.8333em; font-weight: normal; line-height: 1.25em; } #booking .booking-info .box-title, #booking .booking-info .status { margin-top: 20px; } #booking .booking-info .icon { font-size: 1.0833em; float: left; margin-right: 10px; } #booking .booking-info .box-title { float: left; } #booking .booking-info .box-title small { padding-left: 43px; } #booking .booking-info .status { float: right; margin-left: 15px; background: #e44049; width: 120px; } #booking .booking-info .info { float: right; padding-left: 15px; border-left: 1px solid #f5f5f5; text-transform: uppercase; padding-top: 2px; margin-bottom: 0; width: 100px; } #booking .booking-info .info * { font-size: 0.8333em; font-weight: normal; } #booking .booking-info .info dt { color: #e44049; } #booking .booking-info.cancelled div.date > .month { background: #d9d9d9; } #booking .booking-info.cancelled div.date > .date, #booking .booking-info.cancelled div.date > .day { color: #d9d9d9; } #booking .booking-info.cancelled .icon, #booking .booking-info.cancelled .icon:before { border-color: #d9d9d9; color: #d9d9d9; } #booking .booking-info.cancelled .status { background: #d9d9d9; } #booking .booking-info.cancelled .info dt { color: inherit; } #booking .booking-info.completed div.date > .month { background: #bae675; } #booking .booking-info.completed div.date > .date, #booking .booking-info.completed div.date > .day { color: #bae675; } #booking .booking-info.completed .icon, #booking .booking-info.completed .icon:before { border-color: #bae675; color: #bae675; } #booking .booking-info.completed .status { background: #bae675; } #booking .booking-info.completed .info dt { color: inherit; } #wishlist .image-box .box { background: #f5f5f5; } #wishlist .image-box .box .details { padding-right: 15px; } #settings form button { width: 200px; } /* 6.2. Style1 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .dashboard #header, .error404 #header, .soap-login-page #header { padding-top: 45px; } .dashboard #header .logo, .error404 #header .logo, .soap-login-page #header .logo { margin: 0; } .dashboard #header .quick-menu .ribbon > a, .error404 #header .quick-menu .ribbon > a, .soap-login-page #header .quick-menu .ribbon > a { color: #fff; font-size: 0.8333em; font-weight: bold; letter-spacing: 0.04em; line-height: 30px; display: block; } .dashboard #content, .error404 #content, .soap-login-page #content { background: none; } .dashboard #footer .footer-wrapper, .error404 #footer .footer-wrapper, .soap-login-page #footer .footer-wrapper { padding-top: 40px; padding-bottom: 50px; } .dashboard #footer .footer-wrapper .copyright, .error404 #footer .footer-wrapper .copyright, .soap-login-page #footer .footer-wrapper .copyright { margin: 0; } .dashboard #footer .footer-wrapper .main-menu.tab-container.full-width-style .tab-content, .error404 #footer .footer-wrapper .main-menu.tab-container.full-width-style .tab-content, .soap-login-page #footer .footer-wrapper .main-menu.tab-container.full-width-style .tab-content { background: none; text-align: center; } .dashboard #footer .footer-wrapper #main-menu ul.menu > li > a, .error404 #footer .footer-wrapper #main-menu ul.menu > li > a, .soap-login-page #footer .footer-wrapper #main-menu ul.menu > li > a { font-weight: normal; } .dashboard #footer .footer-wrapper #main-menu ul.menu > li:hover > a, .dashboard #footer .footer-wrapper #main-menu ul.menu > li.active > a, .error404 #footer .footer-wrapper #main-menu ul.menu > li:hover > a, .error404 #footer .footer-wrapper #main-menu ul.menu > li.active > a, .soap-login-page #footer .footer-wrapper #main-menu ul.menu > li:hover > a, .soap-login-page #footer .footer-wrapper #main-menu ul.menu > li.active > a { font-weight: bold; } .dashboard #footer .footer-wrapper #main-menu ul.menu > li.active > a:before, .error404 #footer .footer-wrapper #main-menu ul.menu > li.active > a:before, .soap-login-page #footer .footer-wrapper #main-menu ul.menu > li.active > a:before { display: block; font-family: "soap-icons"; content: "\e883"; position: absolute; top: -20px; left: 50%; margin-left: -3px; font-size: 20px; color: #400090; } .dashboard #footer .footer-wrapper #main-menu ul.menu > li:first-child.active > a:before, .error404 #footer .footer-wrapper #main-menu ul.menu > li:first-child.active > a:before, .soap-login-page #footer .footer-wrapper #main-menu ul.menu > li:first-child.active > a:before { margin-left: -13px; } .dashboard.style1 #page-wrapper, .error404.style1 #page-wrapper, .soap-login-page.style1 #page-wrapper { background-color: #1a232f; background-image: -moz-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -webkit-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -o-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -ms-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: radial-gradient(center center, circle cover, #273648, #0d1218 100%); } .dashboard.style1 #content ul.tabs li a, .error404.style1 #content ul.tabs li a, .soap-login-page.style1 #content ul.tabs li a { background: rgba(13, 18, 24, 0.6); color: #708bac; } .dashboard.style1 #content ul.tabs li a i, .error404.style1 #content ul.tabs li a i, .soap-login-page.style1 #content ul.tabs li a i { border-color: #708bac; color: #708bac; } .dashboard.style1 #content ul.tabs li.active a, .error404.style1 #content ul.tabs li.active a, .soap-login-page.style1 #content ul.tabs li.active a { background: #fff; color: #2d3e52; } .dashboard.style1 #content ul.tabs li.active a i, .error404.style1 #content ul.tabs li.active a i, .soap-login-page.style1 #content ul.tabs li.active a i { border-color: #400090; color: #400090; } .dashboard.style1 #footer .copyright, .error404.style1 #footer .copyright, .soap-login-page.style1 #footer .copyright { color: #384c63; } .dashboard.style1 #footer #main-menu ul.menu > li > a, .error404.style1 #footer #main-menu ul.menu > li > a, .soap-login-page.style1 #footer #main-menu ul.menu > li > a { color: #7c9abd; } .dashboard.style1 #footer #main-menu ul.menu > li:hover > a, .dashboard.style1 #footer #main-menu ul.menu > li.active > a, .error404.style1 #footer #main-menu ul.menu > li:hover > a, .error404.style1 #footer #main-menu ul.menu > li.active > a, .soap-login-page.style1 #footer #main-menu ul.menu > li:hover > a, .soap-login-page.style1 #footer #main-menu ul.menu > li.active > a { color: #01b7f2; } /* 6.3. Style2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .dashboard.style2, .error404.style2 { background-color: #f45533; background-image: -moz-radial-gradient(center center, circle cover, #f45533, #bd0000 100%); background-image: -webkit-radial-gradient(center center, circle cover, #f45533, #bd0000 100%); background-image: -o-radial-gradient(center center, circle cover, #f45533, #bd0000 100%); background-image: -ms-radial-gradient(center center, circle cover, #f45533, #bd0000 100%); background-image: radial-gradient(center center, circle cover, #f45533, #bd0000 100%); } .dashboard.style2 #content ul.tabs li a, .error404.style2 #content ul.tabs li a { background: rgba(189, 0, 0, 0.7); color: #400090; } .dashboard.style2 #content ul.tabs li a i, .error404.style2 #content ul.tabs li a i { border-color: #400090; color: #400090; } .dashboard.style2 #content ul.tabs li.active a, .error404.style2 #content ul.tabs li.active a { background: #fff; color: #2d3e52; } .dashboard.style2 #content ul.tabs li.active a i, .error404.style2 #content ul.tabs li.active a i { border-color: #400090; color: #400090; } .dashboard.style2 #footer .copyright, .error404.style2 #footer .copyright { color: #400090; } .dashboard.style2 #footer #main-menu ul.menu > li > a, .error404.style2 #footer #main-menu ul.menu > li > a { color: #400090; } .dashboard.style2 #footer #main-menu ul.menu > li:hover > a, .dashboard.style2 #footer #main-menu ul.menu > li.active > a, .error404.style2 #footer #main-menu ul.menu > li:hover > a, .error404.style2 #footer #main-menu ul.menu > li.active > a { color: #fff; } /* 7. jQuery UI Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 7.1. UI Slider ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .ui-slider { position: relative; text-align: left; } .ui-slider.ui-slider-horizontal { height: 10px; } .ui-slider.ui-slider-horizontal .ui-slider-range { height: 100%; } .ui-slider.ui-slider-horizontal .ui-slider-handle { margin-left: -10px; top: -5px; } .ui-slider.ui-widget-content { -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #f5f5f5; } .ui-slider .ui-slider-range { display: block; position: absolute; z-index: 1; border: none; background: /*#01b7f2*/#400090; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } .ui-slider.slider-color-yellow .ui-slider-range { background: #400090; } .ui-slider.slider-color-blue .ui-slider-range { background: #01b7f2; } .ui-slider.slider-color-green .ui-slider-range { background: #400090; } .ui-slider .ui-slider-handle { cursor: default; position: absolute; z-index: 2; width: 20px; height: 20px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: #2d3e52; border: 2px solid #fff; } .filters-container #rating { font-size: 24px; } .filters-container #rating, .editable-rating { display: inline-block; } .filters-container #rating.ui-widget-content, .editable-rating.ui-widget-content { background: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .filters-container #rating.ui-slider-horizontal, .editable-rating.ui-slider-horizontal { height: auto; } .filters-container #rating.ui-slider-horizontal .ui-slider-handle, .editable-rating.ui-slider-horizontal .ui-slider-handle { margin: 0; width: 0; height: 0; padding: 0; top: 0; visibility: hidden; } /* 7.2. DatePicker ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .datepicker-wrap { position: relative; } .datepicker-wrap .ui-datepicker-trigger { width: 30px; height: 100%; position: absolute; right: 0; top: 0; cursor: pointer; background-color: transparent; z-index: 1; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .datepicker-wrap:after { display: block; font-family: "soap-icons"; content: "\e86a"; font-size: 25px; color: #fff; position: absolute; right: 0; top: 0; bottom: 0; width: 30px; height: 100%; text-align: center; line-height: 34px; background: /*#400090*/#400090; } .datepicker-wrap.yellow:after { /* background: #400090;*/ background: #400090;} .datepicker-wrap.green:after { background: #400090; } .datepicker-wrap.blue:after { background-color: #01b7f2; } .datepicker-wrap.dark-blue:after { background-color: #2d3e52; } .datepicker-wrap.transparent:after { background-color: transparent; color: #400090; } .ui-datepicker { width: 20em; padding: 0; display: none; background: #fff; border: 1px solid /*#400090;*/#400090; z-index: 101 !important; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; background: /*#400090*/#400090; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 11px; cursor: pointer; } .ui-datepicker .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-next.ui-state-disabled { visibility: hidden; } .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { content: ""; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .ui-datepicker .ui-datepicker-prev { left: 24px; } .ui-datepicker .ui-datepicker-prev:before { border-right: 8px solid #fff; } .ui-datepicker .ui-datepicker-next { right: 24px; } .ui-datepicker .ui-datepicker-next:before { border-left: 8px solid #fff; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; } .ui-datepicker .ui-datepicker-title { margin: 5px; text-align: center; color: #fff; font-size: 1.1667em; font-weight: bold; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: 12px; border-collapse: collapse; } .ui-datepicker th { width: 30px; height: 30px; line-height: 30px; background: #f5f5f5; } .ui-datepicker th span { display: block; text-align: center; font-size: 1.1667em; font-weight: normal; color: /*#400090;*/#400090; } .ui-datepicker span.ui-datepicker-month { font-weight: bold; } .ui-datepicker .ui-datepicker-calendar td { vertical-align: middle; text-align: center; } .ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span { color: inherit; display: block; height: 30px; line-height: 30px; } .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span { color: #dbdbdb; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker .ui-datepicker-calendar td a:hover { background: /*#400090;*/#400090; color: #fff; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a { position: relative; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:before { content: ""; border-right: 5px solid /*#400090;*/#400090; border-top: 5px solid transparent; position: absolute; bottom: 4px; right: 4px; } .ui-datepicker.yellow { border: 1px solid #400090; } .ui-datepicker.yellow .ui-datepicker-header { background: #400090; } .ui-datepicker.yellow th span { color: #400090; } .ui-datepicker.yellow .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker.yellow .ui-datepicker-calendar td a:hover { background: #400090; } .ui-datepicker.yellow .ui-datepicker-calendar td.ui-datepicker-today a:before { border-right-color: #400090; } .ui-datepicker.green { border: 1px solid #400090; } .ui-datepicker.green .ui-datepicker-header { background: #400090; } .ui-datepicker.green th span { color: #400090; } .ui-datepicker.green .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker.green .ui-datepicker-calendar td a:hover { background: #400090; } .ui-datepicker.green .ui-datepicker-calendar td.ui-datepicker-today a:before { border-right-color: #400090; } .ui-datepicker.blue { border: 1px solid #01b7f2; } .ui-datepicker.blue .ui-datepicker-header { background: #01b7f2; } .ui-datepicker.blue th span { color: #01b7f2; } .ui-datepicker.blue .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker.blue .ui-datepicker-calendar td a:hover { background: #01b7f2; } .ui-datepicker.blue .ui-datepicker-calendar td.ui-datepicker-today a:before { border-right-color: #01b7f2; } .ui-datepicker.dark-blue { border: 1px solid #2d3e52; } .ui-datepicker.dark-blue .ui-datepicker-header { background: #2d3e52; } .ui-datepicker.dark-blue th span { color: #2d3e52; } .ui-datepicker.dark-blue .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker.dark-blue .ui-datepicker-calendar td a:hover { background: #2d3e52; } .ui-datepicker.dark-blue .ui-datepicker-calendar td.ui-datepicker-today a:before { border-right-color: #2d3e52; } /* 8. Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .widget_nav_menu li { line-height: 2.6667em; font-size: 13px; } .widget_nav_menu li ul { margin-left: 10px; } #footer .footer-wrapper { padding: 20px 0; } #footer .footer-wrapper > .container > .row > div { margin-top: 20px; } #footer .widget_nav_menu li ul { margin-left: 0px; } #footer h2 { margin-bottom: 20px; color:#400090;} #footer .travel-news li { margin-bottom: 30px; } #footer .travel-news li .s-title { margin-bottom: 5px; } #footer .travel-news li .date { color: #9e9e9e; } #footer .travel-news li .thumb { float: left; } #footer .travel-news li .thumb a { display: block; width: 64px; height: 64px; background: #f5f5f5; } #footer .travel-news li:after { clear: both; content: " "; display: table; } #footer .travel-news li .description { padding-left: 78px; } #footer .travel-news li .description .title a { color: #428bca; } #footer .travel-news li .description span.date { display: block; margin-top: 5px; font-size: 0.9133em; } #footer .bottom .logo { margin: 18px 0 0; } #footer .bottom .copyright { font-size: 1.0833em; margin: 23px 20px 0; } #footer .bottom #back-to-top { margin-top: 20px; display: block; font-size: 16px; color: #2d3e52; } #footer .bottom #back-to-top i { border-color: /*#01b7f2;*/#400090; font-weight: bold; overflow: hidden; } #footer .bottom #back-to-top:hover > i:before { -webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; display: inline-block; } #footer.style1 { background: url("../images/footer/sand.png") no-repeat center top; padding-top: 132px; margin-top: 40px; } #footer.style1 .footer-wrapper { background: #f5e1ba; padding-top: 0; } #footer.style1 p, #footer.style1 span, #footer.style1 input, #footer.style1 li, #footer.style1 .travel-news li .date { color: #c29f5a; } #footer.style1 .social-icons li a { background: #e6c687; } #footer.style1 .social-icons li:hover a { background: #e01a33; } #footer.style1 ul.triangle li:before { color: #c29f5a; } #footer.style1 ul.triangle li:hover:before, #footer.style1 ul.triangle li:hover a, #footer.style1 ul.triangle li.active:before, #footer.style1 ul.triangle li.active a { color: #2d3e52; } #footer.style1 .travel-news li .title, #footer.style1 .contact-details .contact-email, #footer.style1 .contact-details .contact-phone i { color: #2d3e52; } #footer.style1 .travel-news .s-title { color: #2d3e52; } #footer.style1 .travel-news .s-title a:hover { color: #e01a33; } #footer.style1 h2, #footer.style1 .contact-details .contact-phone { color: #e01a33; } #footer.style1 .footer-wrapper > .container:first-child { position: relative; padding-top: 80px; } #footer.style1 .footer-wrapper > .container:first-child:before, #footer.style1 .footer-wrapper > .container:first-child:after { content: ""; display: block; position: absolute; background-repeat: no-repeat; } #footer.style1 .footer-wrapper > .container:first-child:before { width: 113px; height: 61px; top: -77px; left: 0; background-image: url("../images/footer/star.png"); } #footer.style1 .footer-wrapper > .container:first-child:after { width: 197px; height: 144px; top: -148px; right: 0; background-image: url("../images/footer/girl1.png"); } #footer.style1 .bottom { background: #fff; } #footer.style1 .logo a { background-image: url("../images/logo/skin2-logo.png"); } #footer.style1 .copyright p { color: #9e9e9e; } #footer.style1 #back-to-top i { border-color: #e01a33; } #footer.style2 { background: url("../images/footer/sky1.png") no-repeat center top; padding-top: 132px; margin-top: 80px; } #footer.style2 .footer-wrapper { background: #daf8ff; padding-top: 0; } #footer.style2 p, #footer.style2 span, #footer.style2 input, #footer.style2 .contact-details .contact-phone, #footer.style2 li { color: #12a0c3; } #footer.style2 .travel-news li .date { color: #69c9e0; } #footer.style2 .travel-news .s-title { color: #ff6000; } #footer.style2 .travel-news .s-title a:hover { color: #ff3e3e; } #footer.style2 .social-icons li a { background: #95e0f2; } #footer.style2 .social-icons li:hover a { background: #ff6000; } #footer.style2 ul.triangle li:before { color: #95e0f2; } #footer.style2 ul.triangle li:hover:before, #footer.style2 ul.triangle li:hover a, #footer.style2 ul.triangle li.active:before, #footer.style2 ul.triangle li.active a { color: #ff6000; } #footer.style2 .travel-news li .title, #footer.style2 .contact-details .contact-email, #footer.style2 .contact-details .contact-phone i { color: #ff6000; } #footer.style2 .footer-wrapper > .container:first-child { position: relative; padding-top: 80px; } #footer.style2 .footer-wrapper > .container:first-child:before, #footer.style2 .footer-wrapper > .container:first-child:after { content: ""; display: block; position: absolute; background-repeat: no-repeat; } #footer.style2 .footer-wrapper > .container:first-child:before { width: 463px; height: 167px; top: -175px; left: -20px; background-image: url("../images/footer/balloon.png"); } #footer.style2 .footer-wrapper > .container:first-child:after { width: 241px; height: 184px; top: -168px; right: 0; background-image: url("../images/footer/island.png"); } #footer.style2 .bottom { background: #fff; } #footer.style2 .logo a { background-image: url("../images/logo/skin3-logo.png"); } #footer.style2 .copyright p { color: #9e9e9e; } #footer.style2 #back-to-top i { border-color: #ff6000; } #footer.style3 { background: url("../images/footer/sea.png") no-repeat center 60px #f8f7f3; padding-top: 192px; } #footer.style3 .footer-wrapper { padding-top: 0; } #footer.style3 .social-icons li a { background: #e5e0cd; } #footer.style3 p, #footer.style3 span, #footer.style3 input, #footer.style3 .contact-details .contact-phone, #footer.style3 li { color: #98a3ab; } #footer.style3 input { background: #fff; } #footer.style3 ul.triangle li:hover:before, #footer.style3 ul.triangle li:hover a, #footer.style3 ul.triangle li.active:before, #footer.style3 ul.triangle li.active a { color: #ff6000; } #footer.style3 .social-icons li a { background: #e5e0cd; } #footer.style3 .social-icons li:hover a { background: #ff6000; } #footer.style3 .travel-news li .title, #footer.style3 .contact-details .contact-email, #footer.style3 .contact-details .contact-phone i { color: #ff6000; } #footer.style3 .travel-news .s-title { color: #ff6000; } #footer.style3 .travel-news .s-title a:hover { color: #ff3e3e; } #footer.style3 h2, #footer.style3 .contact-details .contact-phone { color: #12a0c3; } #footer.style3 .footer-wrapper > .container:first-child { position: relative; padding-top: 80px; } #footer.style3 .footer-wrapper > .container:first-child:before, #footer.style3 .footer-wrapper > .container:first-child:after { content: ""; display: block; position: absolute; background-repeat: no-repeat; } #footer.style3 .footer-wrapper > .container:first-child:before { width: 183px; height: 81px; top: -100px; left: -50px; background-image: url("../images/footer/bird.png"); } #footer.style3 .footer-wrapper > .container:first-child:after { width: 210px; height: 203px; top: -133px; right: 0; background-image: url("../images/footer/trees1.png"); } #footer.style3 .bottom { background: #fff; } #footer.style3 .logo a { background-image: url("../images/logo/skin3-logo.png"); } #footer.style3 .copyright p { color: #9e9e9e; } #footer.style3 #back-to-top i { border-color: #ff6000; color: #12a0c3; } #footer.style4 > .footer-wrapper { background: url("../images/footer/sky2.png") no-repeat center bottom; padding-bottom: 0; } #footer.style4 > .footer-wrapper > .container:first-child { position: relative; padding-bottom: 140px; } #footer.style4 > .footer-wrapper > .container:first-child:before, #footer.style4 > .footer-wrapper > .container:first-child:after { content: ""; display: block; position: absolute; background-repeat: no-repeat; } #footer.style4 > .footer-wrapper > .container:first-child:before { width: 267px; height: 166px; bottom: 20px; left: -30px; background-image: url("../images/footer/cloud.png"); } #footer.style4 > .footer-wrapper > .container:first-child:after { width: 1171px; height: 158px; bottom: 0; right: 0; background-image: url("../images/footer/couple.png"); } #footer.style4 .bottom { margin-top: 0; } #footer.style5 > .footer-wrapper { background: url("../images/footer/sky3.png") no-repeat center bottom; padding-bottom: 0; } #footer.style5 > .footer-wrapper > .container:first-child { position: relative; padding-bottom: 150px; } #footer.style5 > .footer-wrapper > .container:first-child:before, #footer.style5 > .footer-wrapper > .container:first-child:after { content: ""; display: block; position: absolute; background-repeat: no-repeat; } #footer.style5 > .footer-wrapper > .container:first-child:before { width: 463px; height: 105px; bottom: 0; left: 0; background-image: url("../images/footer/mountain.png"); } #footer.style5 > .footer-wrapper > .container:first-child:after { width: 297px; height: 145px; bottom: 0; right: 0; background-image: url("../images/footer/car.png"); } #footer.style5 .bottom { margin-top: 0; } #footer.style6 > .footer-wrapper { background: url("../images/footer/sky4.png") no-repeat center bottom; padding-bottom: 0; } #footer.style6 > .footer-wrapper > .container:first-child { position: relative; padding-bottom: 180px; } #footer.style6 > .footer-wrapper > .container:first-child:before, #footer.style6 > .footer-wrapper > .container:first-child:after { content: ""; display: block; position: absolute; background-repeat: no-repeat; } #footer.style6 > .footer-wrapper > .container:first-child:before { width: 115px; height: 130px; bottom: 0; left: 0; background-image: url("../images/footer/trees2.png"); } #footer.style6 > .footer-wrapper > .container:first-child:after { width: 153px; height: 149px; bottom: 0; right: 0; background-image: url("../images/footer/girl2.png"); } #footer.style6 .bottom { margin-top: 0; } /* 9. Page Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 9.1. Home page content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 9.1.1. Popular Destinations Section */ .destinations { text-align: left; } /* 9.1.2. Honeymoon section */ .honeymoon { padding: 0.01px; text-align: left; } .honeymoon .content-section { padding: 50px 0; } .honeymoon .content-section .places { margin-top: 40px; } .honeymoon .content-section .places figure a { height: 175px; } .honeymoon .content-section .places img { height: 100%; width: auto; min-width: 100%; } .honeymoon .container { position: relative; } /* 9.1.3. Offers Section */ .offers p { margin-bottom: 50px; } /* 9.1.4. Mobile Section */ .travelo-process { display: inline-block; position: relative; padding: 0 !important; float: none !important; } .travelo-process img { max-width: 100%; margin-bottom: 2px; } .travelo-process .process { display: inline-block; position: absolute; /*table-layout: fixed;*/ width: 100%; margin-top: -32.4px; margin-left: -32.4px; margin-right: -32.4px; } .travelo-process .process .icon-wrapper { vertical-align: top; } .travelo-process .process .icon-wrapper i { display: block; font-size: 36px; } .travelo-process .process .details { min-width: 250px; width: 100%; } .travelo-process .process.first { top: 14.6446%; right: 85.3554%; margin-left: 0; text-align: right; } .travelo-process .process.first .details { padding-right: 8%; padding-left: 0; } .travelo-process .process.second { top: 14.6446%; left: 85.3554%; margin-right: 0; text-align: left; } .travelo-process .process.second .details { padding-left: 8%; padding-right: 0; } .travelo-process .process.third { top: 85.3554%; left: 85.3554%; margin-right: 0; text-align: left; } .travelo-process .process.third .details { padding-left: 8%; padding-right: 0; } .travelo-process .process.forth { top: 85.3554%; right: 85.3554%; margin-left: 0; text-align: right; } .travelo-process .process.forth .details { padding-right: 8%; padding-left: 0; } /* 9.2. Pages ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .investor-list img { /*-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#greyscale");*/ filter: alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; max-width: 100%; -moz-transition: opacity 0.25s ease-in; -o-transition: opacity 0.25s ease-in; -webkit-transition: opacity 0.25s ease-in; -ms-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in; } .investor-list .travelo-box, .investor-list li > div { height: 100px; display: table; width: 100%; table-layout: fixed; padding: 0 10px; } .investor-list .travelo-box > a, .investor-list .travelo-box figure, .investor-list li > div > a, .investor-list li > div figure { display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; width: 100%; } .investor-list .travelo-box a:hover > img, .investor-list li > div a:hover > img { -webkit-filter: none; filter: none; -o-filter: none; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; /*@include animation(toBottomFromTop, 0.3s, forwards);*/ } /* 9.2.1. Service page */ .service-page .service-list .icon-box { cursor: pointer; } .service-page .service-list .icon-box:hover i { overflow: hidden; /*color: $skin-active-color; background: none;*/ } .service-page .service-list .icon-box:hover i:before { -webkit-animation: toTopFromBottom 0.35s forwards; -moz-animation: toTopFromBottom 0.35s forwards; animation: toTopFromBottom 0.35s forwards; } .service-page .services { margin-top: -1px; margin-right: -5px; } .service-page .services article { cursor: pointer; border-top: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; margin: 0; padding: 15px; } .service-page .services article > i { background: #01b7f2; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; overflow: hidden; } .service-page .services article:hover > i { box-shadow: 0 0 0 4px #01b7f2; background: #fff; color: #01b7f2; } .service-page .services article:hover > i:before { -webkit-animation: toTopFromBottom 0.4s forwards; -moz-animation: toTopFromBottom 0.4s forwards; animation: toTopFromBottom 0.4s forwards; } /* 9.2.2. Photo gallery page */ .gallery-filter a.button { min-width: 60px; padding: 0 10px; text-transform: uppercase; margin-right: 8px; font-size: 0.9167em; margin-bottom: 10px; } .items-container { margin-bottom: 0; } .items-container .box:hover .hover-effect:after { visibility: visible; -webkit-transform: rotateY(0deg) scale(1, 1); -moz-transform: rotateY(0deg) scale(1, 1); -ms-transform: rotateY(0deg) scale(1, 1); -o-transform: rotateY(0deg) scale(1, 1); transform: rotateY(0deg) scale(1, 1); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .items-container .box:hover .hover-effect img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .items-container .box:hover .details { background: #01b7f2; } .items-container .box:hover .details .box-title { color: #fff; } .items-container .box:hover .details .box-title small { color: #fff; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } /* 9.2.3. Blog page */ .filters-container ul.categories-filter li { padding: 0; background: none; border-bottom: 1px solid #f5f5f5; } .filters-container ul.categories-filter li.active { background: none; } .filters-container ul.categories-filter li.active:before { background: #01b7f2; color: #fff; } .filters-container ul.categories-filter li.active a { color: #2d3e52; } .filters-container ul.categories-filter li.active a small { color: #01b7f2; } /* 9.2.4. Faq page */ .faqs .search-questions { margin-bottom: 4px; } .faqs .faq-topics .filters-option { margin-bottom: 0; } .faqs .question-list .panel { border-bottom-width: 4px; } .faqs .question-list .panel .panel-title { padding-left: 30px; } .faqs .question-list .panel .panel-title > a:before { float: right; } .faqs .question-list .panel .panel-content { padding-left: 30px; } .faqs .faq-comment-container { padding: 0; border-top: 4px solid #f5f5f5; } .faqs .faq-comment-container .question { float: left; height: 28px; line-height: 28px; margin-right: 20px; margin-bottom: 0; } .faqs .faq-comment-container .faq-comment-header { border-bottom: 1px solid #f5f5f5; padding: 10px 30px; } .faqs .faq-comment-container .faq-comment-header .button { padding: 0 20px; margin-right: 10px; } .faqs .faq-comment-container .faq-comment-header .button.active { background: #400090; } .faqs .faq-comment-container .fag-comment-content { padding: 25px 30px; } .faqs.style1 .filters-container { padding-bottom: 0; } .faqs.style1 .filters-option li { margin-bottom: 0; border-bottom: 1px solid #f5f5f5; background: none; padding: 0; } .faqs.style1 .filters-option li.active { background: none; } .faqs.style1 .filters-option li.active a { color: #01b7f2; } .faqs.style1 .filters-option li:last-child { border: none; } .faqs.style1 .question-list { padding: 10px 30px; } .faqs.style1 .question-list .panel { border-bottom-width: 1px; } .faqs.style1 .question-list .panel .panel-title { padding-left: 0; padding-right: 0; } .faqs.style1 .question-list .panel .panel-title a:before { width: 16px; height: 16px; line-height: 16px; font-size: 8px; margin-right: 0; } .faqs.style1 .question-list .panel .panel-content { padding-left: 0; padding-right: 20px; } /* 9.2.5. Contact us page */ .travelo-google-map { height: 255px; } .travelo-google-map.full-box { height: 400px; } .contact-form label { font-size: 0.8333em; margin-bottom: 3px; } /* 9.2.6. Sitemap page */ .sitemap .column { border: 1px solid #01b7f2; border-left: none; position: relative; margin-bottom: 40px; margin-right: 10px; margin-top: 10px; } .sitemap .column .title { font-weight: bold; text-transform: uppercase; display: inline-block; padding-right: 10px; position: absolute; top: -8px; left: 0; background: #f5f5f5; } .sitemap .column.sitemap-columns-2 > ul { width: 48%; float: left; border-right: 1px solid #01b7f2; } .sitemap .column.sitemap-columns-2 > ul:last-child { border: none; } .sitemap .column ul { font-size: 1em; } .sitemap .column li { line-height: 3em; } .sitemap .column > ul { margin: 20px 0 10px; } .sitemap .column > ul > li { padding-left: 15px; } .sitemap .column > ul.circle > li { padding-left: 0; } .sitemap .column li.parent > a, .sitemap .column li.parent > span { font-weight: bold; font-size: 0.9167em; text-transform: uppercase; } /* 9.3. Special Pages ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 9.3.1. 404 page */ .error404 .footer-wrapper { text-align: center; } .error404 footer #main-menu { margin: 0 auto; } .error404 #header { padding-top: 150px; } .error404 #main { margin: 0; text-align: center; text-align: center; } .error404 .error-message { font-size: 4.1667em; font-weight: 300; line-height: 1.25em; text-align: center; color: #400090; } .error404 .error-message-404 { font-family: "Roboto"; font-weight: 100; font-size: 25em; text-align: center; color: #01b7f2; line-height: 1.0833em; } .error404.style2 #main { text-align: center; } .error404.style2 #content { padding: 0; } .error404.style2 .error-message { font-size: 2.5em; color: #fff; text-shadow: 0 6px 6px rgba(0, 0, 0, 0.3); font-weight: 400; } .error404.style2 .error-message-404 img { width: 80%; margin: 40px auto; } .error404.style2 .go-back { display: inline-block; font-size: 2.0833em; font-weight: 900; color: #f45533; background: #fff; height: 70px; line-height: 70px; -webkit-border-radius: 35px 35px 35px 35px; -moz-border-radius: 35px 35px 35px 35px; -ms-border-radius: 35px 35px 35px 35px; border-radius: 35px 35px 35px 35px; padding-right: 30px; box-shadow: 0 10px 8px rgba(0, 0, 0, 0.3); letter-spacing: -0.02em; overflow: hidden; } .error404.style2 .go-back i { background: #f45533; color: #fff; margin-right: 20px; } .error404.style2 .go-back:hover i { -webkit-animation: fadeInRight 0.4s ease-in; -moz-animation: fadeInRight 0.4s ease-in; animation: fadeInRight 0.4s ease-in; } .error404.style3 { height: 100%; background: url(../images/pages/404/404-page-3.jpg) no-repeat center bottom #114790; } .error404.style3 #page-wrapper, .error404.style3 .wrapper, .error404.style3 #content, .error404.style3 #content .container { height: 100%; } .error404.style3 #content { padding: 0; } .error404.style3 #main { position: relative; z-index: 2; } .error404.style3 #page-wrapper { background: url(../images/pages/404/404-page-3-bottom.png) no-repeat center bottom; } .error404.style3 .wrapper { background: url(../images/pages/404/404-page-3-leaf.png) no-repeat right top; background-size: 33% auto; } .error404.style3 .container { position: relative; background: url(../images/pages/404/404-page-3-island.png) no-repeat left bottom; background-size: 22% auto; } .error404.style3 #main { padding-top: 120px; text-align: center; } .error404.style3 .logo { display: inline-block; } .error404.style3 .error-message { font-weight: 300; font-size: 4em; color: #fff; } .error404.style3 .error-message-404 { margin: 30px 0; font-family: inherit; color: #fff; font-weight: 300; font-size: 2.5em; } .error404.style3 .error-message-404 strong { font-weight: 400; } .error404.style3 .input-text { background: none; border: 1px solid #fff; color: #fff; font-size: 1.3333em; } .error404.style3 .with-icon .icon i { color: #fff; } .error404.style3 .go-back { background: none; border: 1px solid #fff; color: #fff; font-size: 1.0833em; line-height: 3.3333em; font-weight: bold; padding: 0 20px; margin-bottom: 30px; overflow: hidden; } .error404.style3 .go-back i { margin-right: 10px; } .error404.style3 .go-back:hover i { -webkit-animation: fadeInRight 0.4s ease-in; -moz-animation: fadeInRight 0.4s ease-in; animation: fadeInRight 0.4s ease-in; } .error404.style3 .girl { position: absolute; right: 0; bottom: 0; width: 40%; } /* 9.3.2. Coming soon page */ .coming-soon-page #main { text-align: center; margin: 0; } .coming-soon-page section#content { background: none; padding: 0; } .coming-soon-page .clock { display: table; width: 100%; table-layout: fixed; } .coming-soon-page .clock li { display: table-cell; vertical-align: middle; text-align: center; text-transform: uppercase; width: 22%; } .coming-soon-page .clock li span { display: block; border: 2px solid #01b7f2; font-family: "Roboto"; font-weight: 300; font-size: 6.6667em; color: #fff; line-height: 2.3333em; background: linear-gradient(to bottom, #3c4a59 50%, #242f3c 50%); } .coming-soon-page .clock li.sep { font-size: 5.5em; color: #01b7f2; font-weight: 300; padding: 0 0 38px 0; width: 4%; } .coming-soon-page .clock li label { letter-spacing: 0.4em; color: #7692b4; font-size: 1em; height: 20px; margin: 10px 0 0; line-height: 20px; } .coming-soon-page .social-icons li a { background: none; font-size: 2em; color: #384c63; width: 40px; } .coming-soon-page .social-icons li a:hover { color: #400090; } .coming-soon-page .logo { display: inline-block; } .coming-soon-page .logo img { height: 24px; width: auto; } .coming-soon-page .email-notify input.input-text { background: #1c2733; border: 1px solid #01b7f2; color: #7692b4; } .coming-soon-page .email-notify .icon { background: #01b7f2; color: #fff; } .coming-soon-page .copyright { color: #384c63; } .coming-soon-page.style1 #page-wrapper { background-color: #1a232f; background-image: -moz-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -webkit-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -o-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -ms-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: radial-gradient(center center, circle cover, #273648, #0d1218 100%); } .coming-soon-page.style2 #page-wrapper { background-color: #70860e; background-image: -moz-radial-gradient(center center, circle cover, #94a621, #576f00 100%); background-image: -webkit-radial-gradient(center center, circle cover, #94a621, #576f00 100%); background-image: -o-radial-gradient(center center, circle cover, #94a621, #576f00 100%); background-image: -ms-radial-gradient(center center, circle cover, #94a621, #576f00 100%); background-image: radial-gradient(center center, circle cover, #94a621, #576f00 100%); } .coming-soon-page.style2 .clock, .coming-soon-page.style2 .social-icons a:hover { text-shadow: 1px 10px 6px rgba(0, 0, 0, 0.2); } .coming-soon-page.style2 .clock li span { border: none; background: none; font-family: 'NexaBlack'; font-size: 12em; line-height: 1em; } .coming-soon-page.style2 .clock li.sep { color: #fff; font-size: 8.3333em; font-weight: bold; } .coming-soon-page.style2 .clock li label { font-weight: bold; font-size: 1.6667em; letter-spacing: normal; color: #fff; } .coming-soon-page.style2 .email-notify { height: 64px; } .coming-soon-page.style2 .email-notify .input-text { height: 64px; border: 3px solid #fff; background: #768b11; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2); font-size: 16px; color: #fff; -webkit-border-radius: 32px 32px 32px 32px; -moz-border-radius: 32px 32px 32px 32px; -ms-border-radius: 32px 32px 32px 32px; border-radius: 32px 32px 32px 32px; padding-left: 40%; } .coming-soon-page.style2 .email-notify .notified-text { position: absolute; left: 0; top: 0; display: block; width: 35%; height: 64px; line-height: 64px; color: #fff; font-size: 2em; font-weight: 900; text-transform: uppercase; letter-spacing: -0.02em; white-space: nowrap; } .coming-soon-page.style2 .email-notify .notified-text small { padding-left: 15px; font-weight: normal; font-size: 0.6667em; vertical-align: top; font-weight: normal; } .coming-soon-page.style2 .email-notify .icon { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: #400090; right: 10px; } .coming-soon-page.style2 .email-notify .icon:hover { -webkit-animation: sonarEffect 1.3s ease-out 75ms; -moz-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms; } .coming-soon-page.style2 .social-icons li a { color: #627906; } .coming-soon-page.style2 .social-icons li a:hover { color: #400090; } .coming-soon-page.style2 .copyright { color: #627906; } .coming-soon-page.style3 { height: 100%; } .coming-soon-page.style3 #page-wrapper, .coming-soon-page.style3 #content, .coming-soon-page.style3 #content .container, .coming-soon-page.style3 #main { height: 100%; } .coming-soon-page.style3 .container { position: relative; text-align: center; } .coming-soon-page.style3 .container:before { position: absolute; top: 0; left: -100px; background: url(../images/pages/coming-soon/cloud.png) no-repeat; width: 504px; height: 495px; } .coming-soon-page.style3 #main { position: relative; z-index: 2; padding-top: 100px; } .coming-soon-page.style3 #page-wrapper { background: url(../images/pages/coming-soon/bg.jpg) no-repeat center bottom; } .coming-soon-page.style3 #content { background: url(../images/pages/coming-soon/leaf.png) no-repeat right top; } .coming-soon-page.style3 .couple { position: absolute; bottom: 1px; right: -12%; width: 60%; height: auto; } .coming-soon-page.style3 .header-title { font-size: 4em; font-weight: 300; line-height: 1.3333em; } .coming-soon-page.style3 .clock { width: auto; margin: 0 auto; display: inline-block; } .coming-soon-page.style3 .clock li span { width: 100px; height: 100px; margin: 0 auto; line-height: 100px; border: none; background: #400090; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; font-size: 5em; font-weight: 300; } .coming-soon-page.style3 .clock li.sep { color: #fff; } .coming-soon-page.style3 .clock li label { color: #fff; } .coming-soon-page.style3 .email-notify { width: 454px; } .coming-soon-page.style3 .email-notify .input-text { background: #3c8dc3; border: 1px solid #fff; color: #fff; } .coming-soon-page.style3 .email-notify .icon { background: none; color: #fff; } .coming-soon-page.style3 .social-icons li a { color: #398ac1; } .coming-soon-page.style3 .social-icons li a:hover { color: #fff; } .coming-soon-page.style3 .copyright { color: #398ac1; } /* 9.3.3. Loading page */ .loading-page { position: absolute; display: table; position: absolute; top: 0; left: 0; height: 100%; width: 100%; text-align: center; } .loading-page .logo img { height: auto; width: auto; } .loading-page .loading-page-wrapper { display: table-cell; vertical-align: middle; } .loading-page .loading-progress-bar { margin-left: auto; margin-right: auto; float: none; } .loading-page.style1 { background-color: #1a232f; background-image: -moz-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -webkit-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -o-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: -ms-radial-gradient(center center, circle cover, #273648, #0d1218 100%); background-image: radial-gradient(center center, circle cover, #273648, #0d1218 100%); } .loading-page.style1 .loading-text { font-size: 1.3333em; font-weight: bold; color: #7c9abd; letter-spacing: 0.4em; text-transform: uppercase; } .loading-page.style1 .loading-progress-bar { height: 18px; background: #0e1319; -webkit-border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px; -ms-border-radius: 9px 9px 9px 9px; border-radius: 9px 9px 9px 9px; filter: alpha(opacity=95); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; box-shadow: 0 1px 0 #3b4857; padding: 3px; } .loading-page.style1 .loading-progress { height: 12px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -ms-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; background: #01b7f2; } .loading-page.style2 { background-color: #0097cb; background-image: -moz-radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%); background-image: -webkit-radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%); background-image: -o-radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%); background-image: -ms-radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%); background-image: radial-gradient(center center, circle cover, #01b5f0, #0081b1 100%); } .loading-page.style2 .loading-progress-bar { box-shadow: 0 15px 6px rgba(3, 121, 165, 0.6); } .loading-page.style2 .loading-progress-bar { height: 64px; border: none; background: #fff; -webkit-border-radius: 32px 32px 32px 32px; -moz-border-radius: 32px 32px 32px 32px; -ms-border-radius: 32px 32px 32px 32px; border-radius: 32px 32px 32px 32px; padding: 7px; } .loading-page.style2 .loading-progress { height: 50px; -webkit-border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -ms-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; background: #400090; } .loading-page.style2 .loading-percent { position: absolute; right: 20px; top: 7px; height: 50px; line-height: 50px; color: #01b7f2; font-weight: 900; font-size: 2em; letter-spacing: -0.02em; } .loading-page.style2 .loading-text { font-size: 2.5em; font-weight: bold; color: #fff; letter-spacing: normal; text-transform: none; text-shadow: 0 10px 6px rgba(3, 121, 165, 0.6); } .loading-page.style2 .notice-message { font-family: "NexaBlack"; font-size: 12.5em; line-height: 0.6666em; color: #fff; text-transform: uppercase; letter-spacing: -0.1em; text-shadow: 0 16px 6px rgba(3, 121, 165, 0.6); } .loading-page.style3 { background: url(../images/pages/loading/bg.jpg) no-repeat center bottom; } .loading-page.style3 .container { position: relative; height: 100%; } .loading-page.style3 .loading-page-wrapper { height: 100%; } .loading-page.style3 .loading-page-content { position: relative; z-index: 2; height: 60%; } .loading-page.style3 .loading-text { font-size: 2em; font-weight: 300; color: #fff; } .loading-page.style3 .loading-progress-bar { height: 40px; border: 1px solid #fff; padding: 4px; background: #2d7aaf; } .loading-page.style3 .loading-progress { height: 30px; background: #fff; } .loading-page.style3 .loading-percent { position: absolute; right: 10px; top: 5px; line-height: 30px; color: #fff; font-size: 1.6667em; letter-spacing: -0.02em; } .loading-page.style3 .bottom-image { width: 30%; position: absolute; bottom: 1px; left: 50%; margin-left: -15%; } /* 9.3.4. Login page */ .soap-login-page #main { text-align: center; } .soap-login-page #footer { text-align: center; } .soap-login-page .login-form .checkbox { text-align: left; } .soap-login-page.style1 { -webkit-transform: translate3d(0, 0, 0); } .soap-login-page.style1 #page-wrapper { -webkit-backface-visibility: hidden; } .soap-login-page.style1 .logo img { height: 24px; width: auto; } .soap-login-page.style1 .login-form .input-text { background: #1d2835; border: 1px solid #01b7f2; color: #708bac; } .soap-login-page.style1 .login-form .checkbox { color: #708bac; cursor: pointer; } .soap-login-page.style1 .login-form .checkbox:before { border-color: #01b7f2; } .soap-login-page.style1 .login-form .checkbox.checked:before { background: #1c2633; color: #708bac; } .soap-login-page.style2 { background-color: #8f3fa1; background-image: -moz-radial-gradient(center center, circle cover, #b459c8, #762d87 100%); background-image: -webkit-radial-gradient(center center, circle cover, #b459c8, #762d87 100%); background-image: -o-radial-gradient(center center, circle cover, #b459c8, #762d87 100%); background-image: -ms-radial-gradient(center center, circle cover, #b459c8, #762d87 100%); background-image: radial-gradient(center center, circle cover, #b459c8, #762d87 100%); } .soap-login-page.style2 .welcome-text { font-size: 2.3333em; font-weight: bold; line-height: 1em; color: #fff; text-shadow: 0 10px 6px #9543a7; } .soap-login-page.style2 .login-form .input-text, .soap-login-page.style2 .login-form button { height: 70px; box-shadow: 0 10px 6px rgba(149, 67, 167, 0.6); -webkit-border-radius: 35px 35px 35px 35px; -moz-border-radius: 35px 35px 35px 35px; -ms-border-radius: 35px 35px 35px 35px; border-radius: 35px 35px 35px 35px; } .soap-login-page.style2 .login-form .input-text { background: #9543a7; border: 3px solid #fff; font-size: 1.3333em; color: #fff; padding-left: 195px; padding-right: 25px; } .soap-login-page.style2 .login-form button { font-size: 2em; font-weight: 900; letter-spacing: -0.02em; position: relative; padding-right: 50px; overflow: hidden; } .soap-login-page.style2 .login-form button i { position: absolute; right: 7px; top: 7px; height: 56px; width: 56px; line-height: 56px; background: #fff; color: #400090; } .soap-login-page.style2 .login-form button:hover i:before { -webkit-animation: toTopFromBottom 0.35s forwards; -moz-animation: toTopFromBottom 0.35s forwards; animation: toTopFromBottom 0.35s forwards; } .soap-login-page.style2 .login-form .form-group { margin-bottom: 30px; } .soap-login-page.style2 .login-form .input-login, .soap-login-page.style2 .login-form .input-password { position: relative; } .soap-login-page.style2 .login-form .input-login label, .soap-login-page.style2 .login-form .input-password label { position: absolute; left: 30px; top: 0; height: 70px; line-height: 70px; font-size: 2em; font-weight: 900; color: #fff; letter-spacing: -0.02em; } .soap-login-page.style2 .login-form .input-login label:after, .soap-login-page.style2 .login-form .input-password label:after { content: "|"; font-size: 0.6667em; vertical-align: top; margin-left: 15px; } .soap-login-page.style2 .copyright { color: #822e95; } .soap-login-page.style3 .logo { margin-top: 15px; } .soap-login-page.style3 #page-wrapper { background: url(../images/pages/login/bg.jpg) no-repeat center bottom #2680b3; padding-bottom: 10%; position: relative; } .soap-login-page.style3 .welcome-text { font-size: 4em; font-weight: 300; line-height: 1em; color: #fff; } .soap-login-page.style3 .login-form .input-text { background: #369cbe; border: 1px solid #fff; color: #fff; } .soap-login-page.style3 .login-form .checkbox { color: #fff; cursor: pointer; } .soap-login-page.style3 .login-form .checkbox:before { border-color: #fff; background: #369cbe; } .soap-login-page.style3 .login-form .checkbox.checked:before { color: #fff; } .soap-login-page.style3 #content { padding-top: 0; position: relative; z-index: 2; } .soap-login-page.style3 #footer { position: relative; z-index: 2; } .soap-login-page.style3 #footer .footer-wrapper { padding-bottom: 0; } .soap-login-page.style3 #main { margin-bottom: 0px; } .soap-login-page.style3 #main-menu li { color: #3faac9; -webkit-backface-visibility: hidden; } .soap-login-page.style3 #main-menu li.active a, .soap-login-page.style3 #main-menu li:hover a { color: #fff; } .soap-login-page.style3 .copyright { color: #fff; -webkit-transform: translateZ(0); } .soap-login-page.style3 .places { position: absolute; right: 0; bottom: 1px; width: 360px; } .soap-login-page.style3 .plane { float: right; } /* 9.4. Extra Pages ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .more-popular-destinations { overflow: hidden; } .more-popular-destinations .row { margin-right: -16px; } .more-popular-destinations ul { border-right: 1px solid #fff; } .more-popular-destinations ul li { margin-bottom: 15px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { ::i-block-chrome, .more-popular-destinations .row { margin-right: -19px; } } .image-box .has-discount { position: relative; overflow: visible; } .image-box .has-discount:before { content: ""; } .image-box .has-discount:before, .image-box .discount { display: block; position: absolute; left: -4px; top: -4px; width: 100px; height: 102px; color: #fff; background: url(../images/icon/discount.png) no-repeat; } .image-box .discount { z-index: 1; line-height: 80px; text-transform: uppercase; font-weight: bold; font-size: 0.9167em; letter-spacing: 0.04em; text-indent: -3px; } .image-box .discount .discount-text { display: inline-block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); writing-mode: lr-tb; } .sidebar .widget-queries ul { margin-bottom: 15px; } .sidebar .widget-queries li { border-bottom: 1px solid #f5f5f5; padding: 10px 5px; line-height: 24px; font-size: 0.9167em; text-transform: uppercase; } .sidebar .widget-queries li a { display: block; } .sidebar .widget-queries li a:hover { color: #2d3e52; } .sidebar .widget-queries li a:hover i { color: #01b7f2; } .sidebar .widget-queries li i { color: #d9d9d9; font-size: 2em; display: block; float: left; margin-right: 10px; width: 20px; text-align: center; } .sidebar .post-list .details { padding-top: 3px; } .sidebar .post-list .box-title { margin-bottom: 4px; } .sidebar .post-list div.avatar img { width: 64px; height: 64px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .travel-story-container { background: #fff; padding: 0 10px 10px; } .travel-story-container .travel-story-content { display: table; } .travel-story-container .travel-story-content > * { display: table-cell; vertical-align: top; } .travel-story-container .travel-story-content div.avatar { border-right: 1px solid #f5f5f5; padding: 20px 20px 10px 10px; text-align: center; } .travel-story-container .travel-story-content div.avatar img { margin-bottom: 15px; width: 90px; height: 90px; } .travel-story-container .travel-story-content .description { padding: 20px; } .travel-story-container .travel-story-meta { background: #f5f5f5; padding: 10px 10px 0; font-size: 1em; } .travel-story-container .travel-story-meta .story-meta { float: right; text-transform: uppercase; } .travel-story-container .travel-story-meta .story-meta > * { height: 28px; line-height: 28px; display: inline-block; padding: 0 10px; margin-left: 8px; margin-bottom: 10px; background: #fff; color: #9e9e9e; letter-spacing: 0.04em; font-size: 0.8333em; font-weight: normal; } .travel-story-container .travel-story-meta .story-meta > * i { float: left; font-size: 2.5em; margin-right: 8px; color: #d9d9d9; } .travel-story-container .travel-story-meta .story-meta > *.date i { font-size: 1.6667em; } .travel-story-container .travel-story-meta .story-meta a.button:hover { background: #400090; color: #fff; } .travel-story-container .travel-story-meta .story-meta a.button:hover i { color: #fff; } .travel-story-container .travel-story-meta .travel-miles { line-height: 28px; font-size: 1.1667em; float: left; display: block; margin-left: 5px; } .travel-story-container .travel-story-meta .travel-miles i { font-size: 1.8333em; color: #01b7f2; margin-right: 8px; float: left; } .travel-story-container .travel-story-meta:after { display: table; content: ""; clear: both; } .travel-story-container .my-trip li { float: left; width: 80px; height: 80px; margin-right: 10px; margin-bottom: 10px; } .travel-story-container .my-trip li img { max-width: 100%; } .travel-story-container .my-trip li .hover-effect:after { background-size: 30px 30px; } .travel-story-container .my-trip ul:after { display: table; content: ""; clear: both; } #travel-guide .tab-pane { padding: 0; } #travel-guide .main-content { padding: 20px; } #travel-guide #travel-guide-sports .intro { padding: 15px; } #travel-guide .sport-list { background: #fff; text-transform: uppercase; letter-spacing: 0.04em; } #travel-guide .sport-list li { line-height: 2.5em; } #travel-guide .sport-list [class^="col-"], #travel-guide .sport-list [class*=" col-"] { padding: 10px 20px; border-right: 1px solid #f5f5f5; } #travel-guide .details { padding-bottom: 10px; } #travel-guide .details > *:last-child { margin-bottom: 0; } #travel-guide .icon-box { text-align: center; text-transform: none; padding: 0 15px; } #travel-guide .icon-box i { margin-bottom: 10px; font-size: 1.3333em; } .suggested-places ul.check-square li:before { float: left; line-height: 1.3em; } .suggested-places ul.check-square li > a { margin-left: 25px; display: block; } .suggested-places ul.check-square li:hover, .suggested-places ul.check-square li.active { background: none; } .suggested-places ul.check-square li:hover:before, .suggested-places ul.check-square li.active:before { background: #400090; color: #fff; } .suggested-places ul.check-square li:hover .box-title, .suggested-places ul.check-square li.active .box-title { color: #01b7f2; } .travel-ideas .idea-title .index { margin-right: 10px; display: inline-block; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; color: #fff; background: #400090; width: 1.8em; height: 1.8em; line-height: 1.75em; text-align: center; font-size: 0.8em; font-weight: bold; } .travel-ideas .suggested-places .row { margin: 0 -3px 0 -25px; } .travel-ideas .suggested-places [class^="col-"] { padding-left: 25px; padding-right: 0; border-right: 1px solid #f5f5f5; } .travel-ideas .suggested-places ul.check-square li > a { text-transform: uppercase; } /* revolution slider fix */ .tp-simpleresponsive .slotholder, .tp-simpleresponsive .slotholder img { /*-webkit-backface-visibility: visible !important;-webkit-transform:none !important;*/ } /* 10. Wordpress default css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .widget_categories ul.children { margin-left: 20px; } .widget_categories ul li { padding-top: 16px; text-align: right; } .widget_categories ul li a { display: block; text-transform: uppercase; font-size: 11px; float: left; } .widget_categories ul li:before { float: left; width: 15px; height: 16px; display: block; line-height: 14px; text-align: center; font-family: 'soap-icons'; content: "\e8ba"; background: #d9d9d9; color: #fff; padding: 1px 4px 0; margin-right: 10px; font-size: 12px; } .widget_categories ul:before, .widget_categories ul li:after { clear: both; content: ' '; display: table; } #comment-submit { width: 100%; padding: 0; padding: 0 32px; height: 43px; font-size: 1.1667em; line-height: 43px; } #new-comments .image-box.style14 figure { width: 52px; } #new-comments .image-box.style14 .details { padding: 0; } #new-comments .image-box.style14 .details p { margin-bottom: 0px; } .wpcf7-response-output { display: none !important; } .style-toggle.close:before { display: none; } /* mailchimp */ .mc4wp-form input[type="email"], .mc4wp-form input[type="text"] { height: 34px !important; } /* woocommerce */ .woocommerce a.remove { color: #fff !important; background: #d9d9d9; width: 30px; height: 30px; line-height: 30px; } .woocommerce a.remove:hover { background: #01b7f2; } .woocommerce .button { border-radius: 0 !important; color: #fff !important; background: #400090 !important; text-transform: uppercase !important; font-size: 11px !important; } .woocommerce .button:hover { background: #7fb231 !important; color: #fff !important; } .woocommerce input.button { padding: 0 32px !important; } .woocommerce button[name="update_cart"] { width: 160px; text-transform: uppercase; font-size: 11px; } .woocommerce .cart-wrapper { background: #fff; padding: 15px; } .woocommerce table.shop_table { border-radius: 0; border: 1px solid #fff; border-bottom: 1px solid #f5f5f5; background: #f5f5f5; text-align: center; } .woocommerce table.shop_table thead { background: #01b7f2; color: #fff; font-size: 11px; font-weight: normal; } .woocommerce table.shop_table td, .woocommerce table.shop_table th { border: 1px solid #fff !important; font-size: 12px; } .woocommerce table.shop_table tfoot th { padding: 12px 40px; } .woocommerce table.shop_table .product-name, .woocommerce table.shop_table .product-order { padding: 12px 40px; text-align: left; } .woocommerce .cart-collaterals .cart_totals { float: left; margin-left: 20px; } .woocommerce .cart-collaterals .cart_totals h2 .amount { color: #7db921; font-weight: normal; } .woocommerce #customer_details, .woocommerce #order_review { background: #fff; padding: 20px 30px; margin-bottom: 30px; } .woocommerce form .form-row { margin-bottom: 20px !important; padding: 0 !important; } .woocommerce .select2-drop-active { border-color: #7F9DB9 !important; background: #f5f5f5 !important; color: #838383 !important; border-radius: 0 !important; } .woocommerce .select2-choice { border-color: transparent !important; color: #838383 !important; border-radius: 0 !important; background: #f5f5f5 !important; } .woocommerce .select2-container .select2-choice { height: 34px; line-height: 30px; padding: 0 15px; } .woocommerce .select2-container .select2-choice .select2-arrow { background: #400090; border-radius: 0; width: 24px; } .woocommerce .select2-container .select2-choice .select2-arrow b:after { border-top-color: #fff; left: 60%; } .woocommerce .select2-dropdown-open .select2-choice { border-color: #7F9DB9 !important; } .woocommerce .select2-dropdown-open .select2-choice .select2-arrow b:after { border-top-color: transparent; border-bottom-color: #fff; } .woocommerce .order_details { font-size: 16px; } .woocommerce .thankyou-wrapper .soap-icon-recommend { color: #400090; font-size: 2.5em; float: left; margin-right: 12px; margin-top: 4px; } .woocommerce-cart table.cart td.product-thumbnail img { width: 74px; } .woocommerce-cart table.cart td.product-name h5 { float: left; font-size: 14px; } .woocommerce-cart table.cart td.product-name h5 small { font-size: 11px; display: block; padding-top: 10px; color: #01b7f2; } .woocommerce-cart table.cart td.product-order dl { margin: 5px 0; } .woocommerce-cart table.cart td.product-order dl > * { font-size: 10px; text-transform: uppercase; display: inline-block; font-weight: normal; line-height: 2em; } .woocommerce-cart table.cart td.product-order dl dt { width: 40%; float: left; min-width: 50px; color: #01b7f2; } .woocommerce-cart table.cart td.product-order dl dd { width: 50%; float: left; } .woocommerce-cart table.cart td.product-price, .woocommerce-cart table.cart td.product-quantity, .woocommerce-cart table.cart td.product-subtotal { font-size: 20px; color: #2d3e52; text-align: center; } .woocommerce-cart table.cart td.actions { background: #fff; padding: 15px 0 20px; } .woocommerce-cart table.cart td.actions #coupon_code { width: 200px !important; margin: 0; border: none; padding-left: 20px; font-size: 12px; } .woocommerce-cart .wc-proceed-to-checkout { float: right; padding: 0; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { border-radius: 0; height: 34px; background: #f0427b !important; line-height: 34px; padding: 0 30px 0 0 !important; width: 220px; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: #d4255e !important; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover:after { background: #f0427b; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:after { font-family: "soap-icons"; content: '\e88b'; font-size: 20px; position: absolute; top: 0; right: 0; width: 30px; height: 100%; background: #d4255e; } .woocommerce-cart .cart-total-detail { display: none; } .woocommerce-cart .cart-collaterals .cart_totals table { border-top: 0; } .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th { border-top: 0; font-weight: normal; font-size: 12px; } .woocommerce-checkout #payment { border-radius: 0; background: #fff; } .woocommerce-checkout #payment ul.payment_methods { margin-bottom: 20px; } .woocommerce-checkout #payment ul.payment_methods label { display: inline; } .wp-caption { max-width: 100%; margin-bottom: 24px; color: #767676; } .wp-caption img { max-width: 100%; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; } div.wp-caption .wp-caption-text { padding-right: 10px; } div.wp-caption.alignright .wp-caption-text { padding-left: 10px; padding-right: 0; } .sticky .entry-date { display: none; } .sticky .without-featured-item .entry-title, .sticky .without-featured-item .excerpt-container, .sticky .without-featured-item .post-content { padding-left: 0; } .sticky .details { border: 1px solid #000; } .gallery-item .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery { margin-bottom: 20px; } .gallery-item { float: left; overflow: hidden; position: relative; max-width: 150px; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* Alignment */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft { margin: 7px 24px 7px 0; } .wp-caption.alignleft { margin: 7px 14px 7px 0; } blockquote.alignright, figure.wp-caption.alignright, img.alignright { margin: 7px 0 7px 24px; } .wp-caption.alignright { margin: 7px 0 7px 14px; } blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; } .site-content blockquote.alignleft, .site-content blockquote.alignright { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 17px; width: 50%; } .site-content blockquote.alignleft p, .site-content blockquote.alignright p { margin-bottom: 17px; } .entry-content ul li ul, .comment-text ul li ul { margin: 0 0 24px 20px; list-style: disc; } .entry-content ol, .comment-text ol { margin: 0 0 24px 20px; list-style: decimal; } .entry-content table, .entry-content td, .entry-content th, .comment-text table, .comment-text td, .comment-text th { border: 1px solid rgba(0, 0, 0, 0.1); } .entry-content table, .comment-text table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; font-size: 14px; line-height: 1.2857142857; } .entry-content th, .comment-text th { font-weight: 700; padding: 8px; text-transform: uppercase; border-width: 0 1px 1px 0; } .entry-content td, .comment-text td { padding: 8px; border-width: 0 1px 1px 0; } .entry-content dt, .comment-text dt { font-weight: bold; } .entry-content dd, .comment-text dd { margin-bottom: 2px; } .entry-content blockquote, .comment-text blockquote { color: #01b7f2; font-style: italic; } .entry-content blockquote:before, .entry-content blockquote:after, .comment-text blockquote:before, .comment-text blockquote:after { color: #400090; } .entry-content blockquote p, .comment-text blockquote p { display: inline; } .entry-content img, .comment-text img { max-width: 100%; height: auto; } .entry-content embed, .entry-content iframe, .entry-content object, .entry-content video, .comment-text embed, .comment-text iframe, .comment-text object, .comment-text video { max-width: 100%; } .entry-content ol[class*="-control-nav"], .comment-text ol[class*="-control-nav"] { list-style: none; margin: 0; } #wp-calendar { width: 100%; font-size: 13px; line-height: 2; color: #686868; } .widget_archive a, .widget_pages a, .widget_meta a, .widget_recent_comments a, .widget_recent_entries a, .widget_rss a, .widget_tag_cloud a { text-decoration: underline; line-height: 2; font-size: 13px; color: #428bca; } .widget img { max-width: 100%; height: auto; } /*revslider*/ .fullwidthbanner-container { max-height: 700px !important; overflow: hidden; padding: 0; position: relative; width: 100% !important; font-size: 12px; } .tp-caption { color: #fff; text-align: center; } .caption-big-title { font-size: 30px; line-height: 1.1667em; margin: 0; } .caption-big-title strong, .tp-caption .caption-big-title i { font-size: 30px; } .caption-medium-title { font-size: 25px; line-height: 1.1667em; margin: 0; } .caption-medium-title strong, .tp-caption .caption-medium-title i { font-size: 25px; } .caption-small-title { font-size: 20px; line-height: 1.1667em; margin: 0; } .caption-medium-title strong, .tp-caption .caption-medium-title i { font-size: 20px; } .tp-caption .button-group { text-align: left; margin: 0; } .tp-caption a { color: #fff; } .tp-caption a.link { display: inline-block; color: #fff; padding: 0 1.2em; line-height: 2.2em; font-weight: bold; font-size: 1.3333em; } .tp-caption a.link-home-slider-blue { background: #2d3e52; } .tp-caption a.link-home-slider-blue:hover { background: #223040; } .tp-caption a.link-home-slider-trans { background: transparent; border: 1px solid #fff; border-radius: 1px; font-size: 1.16667em; font-weight: normal; /*width: 120px;*/ text-align: center; } .tp-caption a.link-home-slider-trans:hover { background: #fff; color: #78d9f8; } .tp-leftarrow.default, .tp-rightarrow.default { background: none !important; overflow: visible; opacity: .8; -webkit-transform: none; } .tp-leftarrow.default:hover, .tp-rightarrow.default:hover { opacity: 1; } .tp-leftarrow.default:before { position: absolute; top: 10px; right: 0; content: "\f053"; display: block; color: white; font-size: 3em; font-family: FontAwesome; } .tp-rightarrow.default:before { position: absolute; top: 10px; left: 0; content: "\f054"; display: block; color: white; font-size: 3em; font-family: FontAwesome; } .tp-caption.largewhitebg_button1 a { color: #fff; } .tp-caption.largewhitebg_button1:hover a { color: #78d9f8; } .tp-caption.largewhitebg_button1_blue a, .tp-caption.largewhitebg_button1_yellow a, .tp-caption.largewhitebg_button1_green a { display: block; padding: 0 25px; } .tp-caption.largewhitebg_button1_blue a:hover { background-color: #fff; color: #01b7f2; } .tp-caption.largewhitebg_button1_yellow a:hover { background-color: #fff; color: #400090; } .tp-caption.largewhitebg_button1_green a:hover { background-color: #fff; color: #400090; } .center-block-wrapper { height: 100%; display: table; } .center-block-wrapper .center-block { vertical-align: middle; display: table-cell; }