/* ========================================================================== HubSpot Migrations Services - COS Boilerplate v2.0.0 ========================================================================== */ /* ========================================================================== Table of Contents: 1. EXTERNAL RESOURCES 2. BASE STYLES 3. COS STRUCTURE 4. MAIN NAVIGATION 5. BLOG 6. FORMS 7. BUTTONS 8. MISCELLANEOUS 9. MOBILE MEDIA QUERIES ========================================================================== */ /* ========================================================================== 1. EXTERNAL RESOURCES ========================================================================== */ /* =============== @import, @font-face, and CSS File Includes =============== */ /* EX: @import url('http://example.com/example_style.css'); */ @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); @import url('//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i'); @import url("https://use.typekit.net/qat4osg.css"); @font-face { font-family: "icomoon"; font-style: normal; font-weight: normal; src: url("//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/fonts/icomoon.eot?2ttg5j#iefix") format("embedded-opentype"), url("//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/fonts/icomoon.ttf?2ttg5j") format("truetype"), url("//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/fonts/icomoon.woff?2ttg5j") format("woff"), url("//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/fonts/icomoon.svg?2ttg5j#icomoon") format("svg"); } /* HubSpot_Boilerplate-modules.css is required to address style issues with the default modules and responsive grid layout */ /* Images */ img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } img.alignRight, img.alignright{ margin: 0 0 5px 15px; } img.alignLeft, img.alignleft{ margin: 0 15px 5px 0; } /* Reduces min-height on bootstrap structure */ .row-fluid [class*="span"] { min-height: 1px; } /* Blog Social Sharing */ .hs-blog-social-share .hs-blog-social-share-list { margin: 0; list-style: none !important; } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item { height: 30px; list-style: none !important; } @media (max-width: 479px){ .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) { float: none !important; /* Stack social icons into two rows on phones */ } } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{ vertical-align: top !important; /* Aligns Facebook icon with other social media icons */ } /* Captcha */ #recaptcha_response_field { width: auto !important; display: inline-block !important; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field { min-height: 0;line-height: 12px; } @media all and (max-width: 400px) { /* beat recaptcha into being responsive, !importants and specificity are necessary */ #captcha_wrapper, #recaptcha_area, #recaptcha_area table#recaptcha_table, #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 { width: auto !important; overflow: hidden; } #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important; } #recaptcha_area table#recaptcha_table #recaptcha_image { width:280px !important; } } /* Videos */ video { max-width: 100%; height: auto; } /* Date Picker */ #calroot { width: 202px !important; line-height: normal; } #calroot, #calroot *, #calroot *:before, #calroot *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #calroot select { min-height: 0 !important; padding: 1px 2px !important; font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important; font-size: 10px !important; line-height: 18px !important; font-weight: normal !important; } #caldays { margin-bottom: 4px; } /* Responsive Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-top: 0px; padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0 0 0 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] select { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Fix radio button and check box fields in multi column forms*/ .hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input, .hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input { width: auto; } /* System Template Forms */ #email-prefs-form .email-edit { width: 100% !important; max-width: 507px !important; } #hs-pwd-widget-password { height: auto !important; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } /* Horizontal Menu ========================================================================== */ .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; } /* Vertical Menu ========================================================================== */ .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } /* Flyouts */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } @media (max-width: 767px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; } /* Stacking Horizontal Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; } .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { white-space: normal; } /* Stacking Vertical Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: static; opacity: 1; visibility: visible; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper { visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* Fix for CTA border box issue */ .hs-cta-wrapper a { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; padding: 0; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url("//cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png") no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url("//cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png") no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; top: 40%; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img { max-width: initial; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. */ /* Images */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } /* Videos */ video { max-width: 100%; height: auto; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { padding: 6px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } @media (max-width: 568px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-listing-header { margin: 0 0 .75em 0; } .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } /* beat recaptcha into being responsive, !importants and specificity are necessary */ #recaptcha_area table#recaptcha_table {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;} #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;} } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /*****************************************/ /* Start your style declarations here */ /*****************************************/ /*****************************************/ /* Basic classes */ /*****************************************/ .container-fluid.custom-module { float: none; max-width: 1160px; margin: 0 auto; padding: 90px 30px; } .container-fluid.custom-module.full-width { margin: 0; max-width: 100%; width: 100%; float: left; padding: 0; } .container-fluid.custom-module.full-width > .row-fluid-wrapper { max-width: 1160px; margin: 0 auto; padding: 90px 30px; } .remove-padding { margin: -30px -30px 0 -30px; width: calc(100% + 60px); max-width: calc(100% + 60px); } .absolute-content { position: absolute; top: 0; left: 0; } .subheading { font-weight: 300; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { padding: 0; max-width: initial; overflow: initial; } .vertical-align { top: 50%; -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: relative; } .container-fluid.custom-module.gray-bg { background-color: #ededed; } .container-fluid.custom-module.full-width > .row-fluid-wrapper.remove-top-padding { padding-top: 0; } .container-fluid.custom-module.full-width > .row-fluid-wrapper.remove-bottom-padding { padding-bottom: 0; } @media screen and (max-width: 767px) { .container-fluid.custom-module { padding: 40px 20px; } .container-fluid.custom-module.full-width > .row-fluid-wrapper { padding: 40px 20px; } .container-fluid.custom-module.full-width > .row-fluid-wrapper.remove-top-padding { padding-top: 0; } .container-fluid.custom-module.full-width > .row-fluid-wrapper.remove-bottom-padding { padding-bottom: 0; } .body_simple_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { line-height: 18px; } .body_simple_menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 a { padding: 0 14px !important; } .vertical-align { top: inherit; -o-transform: none; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; } } /*****************************************/ /* Product introduction */ /*****************************************/ .product-introduction .span12 { position: relative; } @media screen and (max-width: 1024px) { .product-introduction .heading-wrapper.absolute-content { position: relative; } .product-introduction .remove-padding { margin: 0; width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .product-introduction h3 { margin: 1em 0; } } /*****************************************/ /* Video column */ /*****************************************/ .video-wrapper { position: relative; } .hs-responsive-embed, .video-wrapper .hs-responsive-embed, .video-wrapper .hs-responsive-embed.hs-responsive-embed-youtube, .video-wrapper .hs-responsive-embed.hs-responsive-embed-wistia, .video-wrapper .hs-responsive-embed.hs-responsive-embed-vimeo { position: relative; overflow: hidden; min-height: initial !important; height: 0; padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 56.25%; z-index: 1 !important; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; margin: -1px 0 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed, .video-wrapper .hs-responsive-embed iframe, .video-wrapper .hs-responsive-embed object, .video-wrapper .hs-responsive-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .video-content-wrapper.absolute-content { width: 100%; height: 100%; z-index: 1; } .video-content-wrapper.absolute-content.white { color: #fff; } .video-content-wrapper.absolute-content .video-content { position: relative; top: 50%; -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .video-content-wrapper.absolute-content .video-content.lower { top: 75%; -o-transform: translateY(-75%); -ms-transform: translateY(-75%); -moz-transform: translateY(-75%); -webkit-transform: translateY(-75%); transform: translateY(-75%); } .video-content-wrapper.absolute-content .video-content.upper { top: 25%; -o-transform: translateY(-25%); -ms-transform: translateY(-25%); -moz-transform: translateY(-25%); -webkit-transform: translateY(-25%); transform: translateY(-25%); } .video-content-wrapper.absolute-content .video-content .play_btn { cursor: pointer; width: auto; display: inline-block; } .video-content-wrapper.absolute-content .video-content .play_btn:hover { color: #ea252f; } .video-content-wrapper.absolute-content .video-content .play_btn .fa { font-size: 60px; height: 60px; line-height: 60px; vertical-align: middle; float: left; } .video-content-wrapper.absolute-content .video-content .play_btn .hs_cos_wrapper_type_inline_text { float: left; margin: 20px 0 20px 10px; } .video_popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; display: block; -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -110%); -ms-transform: translate(0, -110%); -o-transform: translate(0, -110%); transform: translate(0, -110%); } .video_popup.is_active { overflow-x: hidden; overflow-y: auto; padding-right: 17px; -webkit-transform: translate(0, 0%); -ms-transform: translate(0, 0%); -o-transform: translate(0, 0%); transform: translate(0, 0%); } .video_popup.is_active:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); } .video_popup > .cell-wrapper { position: relative; margin: 30px auto; max-width: 1130px; width: 100%; -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .video_popup.is_active > .cell-wrapper { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .video_popup > .cell-wrapper > span { display: block; position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); background: none; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .video_popup > .cell-wrapper > span { display: block; position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); background: none; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .video_popup .modal-header { padding: 25px 25px 15px 25px; text-align: right; } .video_popup .modal-header button { cursor: pointer; float: none; margin: 0; font-size: 36px; color: #fff; font-weight: 300; text-shadow: none; opacity: 1; background: none; border: 0; outline: none; } .video_popup .modal-body { position: relative; } .container-fluid.cta-wrapper { text-align: center; margin-bottom: 60px; } @media screen and (max-width: 767px) { .video-content-wrapper.absolute-content .video-content .play_btn .fa { font-size: 30px; height: 30px; line-height: 30px; margin-top: 12px; } .video-content-wrapper.absolute-content .video-content .play_btn .hs_cos_wrapper_type_inline_text { margin: 20px 0 0px 10px; } } /*****************************************/ /* Product information */ /*****************************************/ .container-fluid.product-information.gray-bg { background-color: #ededed; } .container-fluid.product-information .list-item { margin: 40px 0; } .container-fluid.product-information .list-item > .row-fluid { position: relative; } .container-fluid.product-information .list-item > .row-fluid .span6:last-child { top: 50%; -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; } @media screen and (max-width: 767px) { .container-fluid.product-information .list-item { margin: 20px 0; width: 30%; display: inline-block; float: left; text-align: center; } .container-fluid.product-information .list-item:nth-child(2), .container-fluid.product-information .list-item:nth-child(3) { margin-left: 5%; } .container-fluid.product-information .list-item > .row-fluid .span6:last-child { right: initial; position: relative; top: initial; transform: initial; text-align: center; } .container-fluid.product-information .span12:last-child { width: 100%; display: inline-block; } } /*****************************************/ /* Carousel full width */ /*****************************************/ .container-fluid.carousel-full-width { overflow: hidden; background-color: #58595b; } .carousel-full-width h3, .carousel-full-width .slick-slide h4, .carousel-full-width .slick-slide p { color: #fff; } .carousel-full-width h3 { margin-bottom: 90px; } @media screen and (max-width: 767px) { .carousel-full-width h3 { margin-bottom: 40px; } .carousel-full-width .slick-initialized .slick-slide { padding: 0 20px; } } /*****************************************/ /* Product technical sprcification */ /*****************************************/ .container-fluid.product-tech-spec .strong-p { font-weight: 700; text-transform: uppercase; font-size: 0.85em; } .container-fluid.product-tech-spec > .row-fluid-wrapper > .row-fluid > .span12:last-child { text-align: center; margin-top: 60px; } /*****************************************/ /* Anchor */ /*****************************************/ @media screen and (max-width: 767px) { .anchor { top: -40px; position: relative; } } /*****************************************/ /* How to engage with us */ /*****************************************/ .container-fluid.engage-with-us > .row-fluid-wrapper:first-child { max-width: 660px; width: 100%; margin: 0 auto 25px auto; display: block; } .container-fluid.engage-with-us h3 { text-align: center; } .container-fluid.engage-with-us h3:first-child { margin-bottom: 0; } .container-fluid.engage-with-us .step { width: auto; float: left; border-left: 1px solid #818285; text-align: center; padding: 10px; } .container-fluid.engage-with-us .step:first-child { border-left: none; } .container-fluid.engage-with-us .step .index-ball { background-color: #818285; color: #fff; width: 25px; height: 25px; display: inline-block; border-radius: 50%; line-height: 27px; font-weight: 600; } .container-fluid.engage-with-us .step .span12 { margin-left: 0; } .container-fluid.engage-with-us .step h4 { margin-top: 10px; padding-bottom: 5px; } .container-fluid.engage-with-us .step a { color: #ea252f; } @media screen and (max-width: 767px) { .container-fluid.engage-with-us .step { border-left: none; border-top: 1px solid #818285; } .container-fluid.engage-with-us .step:first-child { border-top: none; } .container-fluid.engage-with-us .step { padding: 20px 10px 10px 10px; } } /*****************************************/ /* Splash hero */ /*****************************************/ .container-fluid.splash-hero > .row-fluid-wrapper.first-custom-module { padding-top: 0; position: relative; } .container-fluid.splash-hero .content-wrapper, .container-fluid.splash-hero .content-wrapper.white-bg { position: absolute; height: calc(100% - 180px); top: 90px; left: 30px; padding: 20px; background: rgb(255, 255, 255); } .container-fluid.splash-hero .first-custom-module .content-wrapper { height: calc(100% - 90px); top: 0; } .container-fluid.custom-module.full-width.splash-hero > .row-fluid-wrapper.first-custom-module.remove-bottom-padding .content-wrapper { height: 100%; } .container-fluid.splash-hero .content-wrapper.gray-bg { background: rgb(231, 233, 234); } .container-fluid.splash-hero .content-wrapper.dark-gray-bg { background: rgb(51, 50, 51); color: #fff; } .container-fluid.splash-hero .content-wrapper.transparent-cover-bg, .container-fluid.splash-hero .content-wrapper.white-bg.transparent-cover-bg { background: rgba(255, 255, 255, 0.8); } .container-fluid.splash-hero .content-wrapper.gray-bg.transparent-cover-bg { background: rgba(231, 233, 234, 0.8); } .container-fluid.splash-hero .content-wrapper.dark-gray-bg.transparent-cover-bg { background: rgba(51, 50, 51, 0.8); } .container-fluid.splash-hero .content-wrapper .header-wrapper { padding-bottom: 40px; } @media screen and (max-width: 767px) { .container-fluid.splash-hero .row-fluid-wrapper, .container-fluid.splash-hero > .row-fluid-wrapper.first-custom-module { padding-left: 0; padding-right: 0; } .container-fluid.custom-module.splash-hero.full-width > .row-fluid-wrapper { padding-bottom: 0; } .container-fluid.splash-hero .content-wrapper .header-wrapper { padding-bottom: 0; } .container-fluid.splash-hero .content-wrapper .header-wrapper h1 { margin-bottom: 0; } .container-fluid.splash-hero .content-wrapper .header-wrapper .subheading { display: none; } .container-fluid.splash-hero .content-wrapper .hs_cos_wrapper_type_inline_rich_text { display: none; } .container-fluid.splash-hero .content-wrapper, .container-fluid.splash-hero > .row-fluid-wrapper.first-custom-module .content-wrapper { height: auto; top: inherit; bottom: 0; left: 0; width: 100%; } .container-fluid.custom-module.full-width.splash-hero > .row-fluid-wrapper.first-custom-module.remove-bottom-padding .content-wrapper { height: auto; bottom: 0; } } /*****************************************/ /* Catalogue list */ /*****************************************/ .catalogue-list .catalogue-list-slider .span6 { border-bottom: 1px solid #818285; outline: none; margin-top: 25px; padding-bottom: 25px; } .catalogue-list .catalogue-list-slider .span6:nth-last-child(1) { border-bottom: none; padding-bottom: 0; } .catalogue-list .catalogue-list-slider .span6:nth-child(odd) { margin-left: 0; } .catalogue-list .catalogue-list-slider .span6 .img-wrapper { position: relative; height: 170px; width: 170px; overflow: hidden; } .catalogue-list .catalogue-list-slider .span6 .img-wrapper img { top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; height: 100%; max-width: 500%; width: auto; } .catalogue-list .catalogue-list-slider .slick-next { right: 30%; top: 100%; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-30%, 100%); } .catalogue-list .catalogue-list-slider .slick-prev { left: 35%; top: 100%; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-35%, 100%); } .catalogue-list .catalogue-list-slider .slick-next:before { content: '\f105 '; font-family: FontAwesome; font-size: 50px; line-height: 0; opacity: 1; color: #999899; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 10; position: relative; } .catalogue-list .catalogue-list-slider .slick-prev:before { content: '\f104 '; font-family: FontAwesome; font-size: 50px; line-height: 0; opacity: 1; color: #999899; margin-left: -25px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 10; position: relative; } .catalogue-list .read-more-link { display: none; } @media screen and (max-width: 1200px) { .catalogue-list .catalogue-list-slider .span6 { min-height: 250px; } .catalogue-list .catalogue-list-slider .span6 .img-wrapper { height: 100%; width: auto; overflow: initial; } .catalogue-list .catalogue-list-slider .span6 .img-wrapper img { top: initial; left: initial; -o-transform: none; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; position: relative; width: 100%; height: auto; max-width: 100%; } } @media screen and (max-width: 767px) { .catalogue-list .catalogue-list-slider .span6 { float: left; border-bottom: none; margin-top: 0; padding-bottom: 0; } .catalogue-list .catalogue-list-slider .slick-dots { max-width: 1080px; width: 100% !important; bottom: -30px; left: 0; position: relative; } .catalogue-list .catalogue-list-slider .slick-dots li { position: relative; display: inline-block; margin: 5px 7px; padding: 0; cursor: pointer; width: 45px; height: 7px; } .catalogue-list .catalogue-list-slider .slick-dots li button { width: 45px; height: 8px; padding: 0; } .catalogue-list .catalogue-list-slider .slick-dots li.slick-active button:before { background-color: #333233 !important; border-color: #333233 !important; } .catalogue-list .catalogue-list-slider .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 45px; height: 7px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #999899 !important; border-color: #999899 !important; transition: none; opacity: 1 !important; } .catalogue-list .read-more-link { display: block; text-align: center; margin-top: 14px; color: #ea252f; } .catalogue-list .read-more-link a { color: #ea252f; font-size: 12px; font-weight: bold; text-transform: uppercase; } } /*****************************************/ /* Testimonial */ /*****************************************/ .testimonial-list h3 { margin-bottom: 0; } .testimonial-list h4 { font-weight: 400; font-size: 2em; text-transform: uppercase; padding-top: 0; margin-bottom: 1em; } .testimonial-list .testimonial-list-slider .slide { outline: none; padding: 40px 0; border-top: 1px solid #818285; border-bottom: 1px solid #818285; } .testimonial-list .testimonial-list-slider .slide p { text-align: center; } .testimonial-list .testimonial-list-slider .slide img { border-radius: 50%; max-width: 250px; width: 100%; height: 250px; margin: 0 auto; } .testimonial-list .testimonial-list-slider .slick-dots { max-width: 1080px; width: 100% !important; bottom: -30px; left: 0; position: relative; } .testimonial-list .testimonial-list-slider .slick-dots li { position: relative; display: inline-block; margin: 5px 7px; padding: 0; cursor: pointer; width: 45px; height: 7px; } .testimonial-list .testimonial-list-slider .slick-dots li button { width: 45px; height: 8px; padding: 0; } .testimonial-list .testimonial-list-slider .slick-dots li.slick-active button:before { background-color: #333233 !important; border-color: #333233 !important; } .testimonial-list .testimonial-list-slider .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 45px; height: 7px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #999899 !important; border-color: #999899 !important; transition: none; opacity: 1 !important; } .testimonial-list .testimonial-list-slider .caption { padding: 4px 20px; margin: 20px 0 0 0; background: #58595b; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 12px; line-height: 1em; display: inline-block; left: 50%; -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: relative; } .testimonial-list .testimonial-list-slider .name { font-weight: 600; text-transform: uppercase; margin-bottom: 5px; margin-top: 40px; } .testimonial-list .testimonial-list-slider .title { text-transform: uppercase; } @media screen and (max-width: 767px) { .testimonial-list .testimonial-list-slider .caption { margin: 1em 0 1em 0; } } @media screen and (max-width: 320px) { .testimonial-list .testimonial-list-slider .slide img { max-width: 100%; height: auto; } } /*****************************************/ /* Blog list */ /*****************************************/ .blog-list .headline-wrapper h3 { margin-bottom: 0; } .blog-list .headline-wrapper h4 { font-weight: 400; font-size: 2em; text-transform: uppercase; padding-top: 0; margin-bottom: 1em; } .blog-list .blog-list-row { margin-bottom: 25px; } .blog-list .blog-list-row > .row-fluid { display: flex; } .blog-list .span4.post { background-color: #fff; padding: 15px; } .blog-list .featured-img { height: 210px; width: 100%; position: relative; overflow: hidden; } .blog-list .featured-img img { position: absolute; height: 100%; max-width: 1000%; left: 50%; top: 50%; transform: translate(-50%, -50%); } .blog-list .caption { padding: 4px 20px; background: #999899; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 12px; line-height: 1em; display: inline-block; } .blog-list .cta-wrapper { text-align: center; } @media screen and (max-width: 767px) { .blog-list .blog-list-row > .row-fluid { display: block; } .blog-list .blog-list-row { margin-bottom: 0; } .blog-list .blog-list-row > .row-fluid > .span4.post { margin-bottom: 20px; } .blog-list .featured-img { height: auto; overflow: auto; } .blog-list .featured-img img { position: relative; height: auto; max-width: 100%; width: 100%; left: 0; top: 0; transform: none; } } /*****************************************/ /* Blog list slider */ /*****************************************/ .blog-list-slider .headline-wrapper h3 { margin-bottom: 0; } .blog-list-slider .headline-wrapper h4 { font-weight: 400; font-size: 2em; text-transform: uppercase; padding-top: 0; margin-bottom: 1em; } .blog-list-slider .blog-slider { margin-left: -15px; margin-right: -15px; } .blog-list-slider .blog-slider .post-slide { background-color: #fff; padding: 15px; margin: 0 15px; } .blog-list-slider .blog-slider .post-slide .featured-img { height: 210px; width: 100%; position: relative; overflow: hidden; } .blog-list-slider .blog-slider .post-slide .featured-img img { position: absolute; height: 100%; max-width: 1000%; left: 50%; top: 50%; transform: translate(-50%, -50%); } .blog-list-slider .blog-slider .post-slide .caption { padding: 4px 20px; background: #999899; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 12px; line-height: 1em; display: inline-block; } .blog-list-slider .blog-slider .slick-dots { max-width: 1080px; width: 100% !important; bottom: -30px; left: 0; position: relative; margin: 0 auto; } .blog-list-slider .blog-slider .slick-dots li { position: relative; display: inline-block; margin: 5px 7px; padding: 0; cursor: pointer; width: 45px; height: 7px; } .blog-list-slider .blog-slider .slick-dots li button { width: 45px; height: 8px; padding: 0; } .blog-list-slider .blog-slider .slick-dots li.slick-active button:before { background-color: #333233 !important; border-color: #333233 !important; } .blog-list-slider .blog-slider .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 45px; height: 7px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #999899 !important; border-color: #999899 !important; transition: none; opacity: 1 !important; } .blog-list-slider .blog-slider .slick-next:before { content: '\f105 '; font-family: FontAwesome; font-size: 140px; line-height: 0; opacity: 1; color: #999899; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .blog-list-slider .blog-slider .slick-prev:before { content: '\f104 '; font-family: FontAwesome; font-size: 140px; line-height: 0; opacity: 1; color: #999899; margin-left: -25px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .blog-list-slider .cta-wrapper { text-align: center; margin-top: 25px; } .blog-list-slider .read-more-link { display: none; } @media screen and (max-width: 767px) { .blog-list-slider .blog-slider .post-slide .featured-img { height: auto; overflow: auto; } .blog-list-slider .blog-slider .post-slide .featured-img img { position: relative; height: auto; max-width: 100%; width: 100%; left: 0; top: 0; transform: none; } .blog-list-slider .blog-slider-hubdb .slick-next { right: 30%; top: 100%; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-30%, 100%); } .blog-list-slider .blog-slider-hubdb .slick-prev { left: 35%; top: 100%; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-35%, 100%); } .blog-list-slider .blog-slider-hubdb .slick-next:before { content: '\f105 '; font-family: FontAwesome; font-size: 50px; line-height: 0; opacity: 1; color: #999899; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 10; position: relative; } .blog-list-slider .blog-slider-hubdb .slick-prev:before { content: '\f104 '; font-family: FontAwesome; font-size: 50px; line-height: 0; opacity: 1; color: #999899; margin-left: -25px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 10; position: relative; } .blog-list-slider .cta-wrapper { display: none; } .blog-list-slider .read-more-link { display: block; text-align: center; margin-top: 14px; color: #ea252f; } .blog-list-slider .read-more-link a { color: #ea252f; font-size: 12px; font-weight: bold; text-transform: uppercase; } } /* ========================================================================== 2. BASE STYLES ========================================================================== */ /* Elios 2 style */ html { scroll-behavior:smooth; } .container, .row-fluid .container[class*="span"]{margin-left:auto !important; margin-right:auto !important; padding-left:15px; padding-right:15px; float:none; box-sizing: border-box;} .container:after, .row-fluid .container[class*="span"]:after{clear:both; content: ""; display:table;} /* 2021 Menu updates */ .header-container-wrapper.spacing { margin-bottom: 67px; } .header.transparent, .header.test-header { position: fixed !important; top: 0; left: 0; width: 100%; background: transparent; } .header.transparent > div, .header.test-header > div { background: transparent; } .header.transparent:not(.sticky) { background: transparent; } .header.transparent:not(.sticky) .logo-mobile { display: none; } .header.transparent:not(.sticky) .logo .logo-desktop.lightbg { display: none; } .header.transparent:not(.sticky) .logo .logo-desktop.darkbg { display: block; } .header.transparent > div, .header.test-header > div { position: relative; } .header.sticky.white { background: #FFF; } .header.sticky.gray { background: #323232; } #header.test-header.sticky .logo-mobile { display: none !important; } #header.test-header.sticky.white .logo .logo-desktop.darkbg { display: none !important; } #header.test-header.sticky.white .logo .logo-desktop.lightbg { display: block !important; } #header.test-header.sticky.gray .logo .logo-desktop.darkbg { display: block !important; } #header.test-header.sticky.gray .logo .logo-desktop.lightbg { display: none !important; } @media (min-width: 992px) { .test-header .custom-menu-wrapper{margin:0; width:calc(100% - 150px);} .test-header .custom-menu-wrapper .top-menu { display: flex; flex-wrap: wrap; justify-content: flex-end; } .test-header .custom-menu-wrapper .language.new { width: auto; float: left; } .test-header .top-menu li { padding-bottom: 10px; } .test-header .top-menu ul li:first-child a:after, .test-header .top-menu .top-main ul li a:after { content: '|' !important; position: absolute; top: 3px; right: 0; color: #818285 !important; } .test-header .top-menu ul.switcher li a:after { content: '' !important; } .test-header .top-menu .top-main ul li a:after { top: 0; } .test-header.transparent:not(.sticky) .top-menu ul li a:after { color: #FFF !important; } .test-header .top-main li:hover ul { display: block; } .test-header .top-main li ul { display: none; box-shadow: 0px -4px 10px #000000; background-color: #FFF; position: absolute; top: 30px; left: -23px !important; width: auto; padding: 20px 20px 10px 20px; border: 0.5px solid #7070702E; } .test-header .top-main li:first-child ul:before { position: absolute; left: 50%; transform: translateX(-50%); top: -15px; width: 0; height: 0; content: ''; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #FFF; } .test-header .top-main li ul li { display: block !important; text-align: left; margin-bottom: 10px;} .test-header .custom-menu-wrapper .language li{display:inline-block;} .test-header .custom-menu-wrapper .language li a{font-size:12px; letter-spacing:0.9px; text-transform:uppercase; margin:0 0 0 21px;} .test-header .custom-menu-wrapper .language li:first-child a{margin:0;} .test-header .custom-menu-wrapper .language li.icon-login a:before{content:"P";margin-right:.5em; color:#8C8D90;} .test-header .custom-menu-wrapper .language li .flag-icon{display:inline-block;width:23px;margin-left:4px;height:17px;vertical-align:middle;position:relative;top:-2px; background-size: 23px auto;background-repeat: no-repeat; background-position: 50% center;} .header-container-wrapper.spacing { margin-bottom: 110px; } .header.transparent:not(.sticky) .mainmenu-new .hs-menu-wrapper > ul > li > a, .header.transparent:not(.sticky) .custom-menu-wrapper .language.new li a, .header.transparent:not(.sticky) ul.language.new li.popup-modal { color: #FFF; } .header.transparent:not(.sticky) .mainmenu-new .hs-menu-wrapper > ul > li:hover > a, .header.transparent:not(.sticky) .custom-menu-wrapper .language.new li:hover a { color: #ea252f; } .header.transparent:not(.sticky) .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1.hs-item-has-children a:after { background: url(https://2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability%20April%202019/has-child-white.svg) no-repeat center / 100% auto; } .header.transparent:not(.sticky) .header-cta.border a, .header.test-header.sticky.gray .header-cta.border a { background: transparent; border: 1px solid #fff !important; color: #fff; } .header.transparent:not(.sticky) .header-cta.border a:hover, .header.test-header.sticky .header-cta.border a:hover { background: #FFF; color: #58595b; } .header.transparent .custom-menu-wrapper .language.new li ul li a { color: #58595b !important; } .header.transparent .custom-menu-wrapper .language.new li ul li:hover a { color: #ea252f !important; } .header.transparent.sticky, .header.test-header.sticky { padding-top: 10px; padding-bottom: 10px; } .header.transparent.sticky .menu-row, .header.test-header.sticky .menu-row { justify-content: flex-end; } .header.transparent.sticky .mainmenu-new, .header.test-header.sticky .mainmenu-new { display: none; } } /* */ .hs-home-page .header { position: absolute !important; z-index: 1000; background: #FFF; } .header {position: relative !important; } .hs-home-page .mainmenu .hs-menu-wrapper > ul > li > a { color: #FFF; text-shadow: 1px 1px 10px #42454a; } .hs-home-page .mainmenu .hs-menu-wrapper > ul > li:hover > a { text-shadow: none; } .hs-home-page .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-menu-depth-1.hs-item-has-children a:after { width: 15px; height: 10px; background: url('https://2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability%20April%202019/has-child-white.svg'); margin: 0 0px 4px 4px;} .mainmenu .hs-menu-wrapper > ul > li > a { padding: 10px 20px; } .hs-home-page .cm-logo img { max-height: 108px; visibility: hidden; } #header { -webkit-transition: height 0.6s; -moz-transition: 0.3s; transition: 0.3s; } #header.sticky { position: fixed !important; top: 0; left: 0; width: 100% !important; z-index: 9999; } #header.lang-head.sticky { padding: 10px 0; } #header.sticky .logo-mobile { display: block !important; margin-top: 6px;} #header.sticky .logo-desktop, #header.sticky .menu-extra-container { display: none !important; } #header.sticky .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul { padding: 0; } #header.sticky > div { padding: 0; } .newheader.sticky { box-shadow: 0px 1px 1px #00000029; } #header.sticky .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul { padding-top: 0; } /* * * 2021 NEW HEADER * * * */ .mainmenu-new .hs-menu-wrapper > ul > li > a { padding: 10px 20px; } ul.language { list-style: none; margin: -1px 0 0; padding: 0; } ul.language li { float: none; display: inline-block; margin-left: 25px; letter-spacing: .08em; } .header .custom-menu-wrapper .language.new { text-align: right; height: auto; margin-top: -10px; margin-bottom: 0px; position: relative; } .header .custom-menu-wrapper .language.new li a, ul.language.new li.popup-modal { margin: 0; } ul.language.new li { margin-left: 0; } ul.language.new li a { margin: 0; padding-left: 10px; padding-right: 10px; position: relative; line-height: 1em; } ul.language.new li a:hover { border: none !important; } ul.language.new li a:after { content: '|'; position: absolute; top: 3px; right: 0; color: #818285 !important; } ul.language.new li ul li a:after { content: '' !important; top: 0; position: unset !important; } ul.language.new li:last-child a:after { content: ''; } ul.language li a { height: 100%; padding-bottom: 2px; padding-top: 3px; line-height: 1em; font-size: .75em; text-transform: uppercase; } ul.language li a:not(:hover) { color: #818285; } .mainmenu-new a:hover { color: #ec2528 !important; } .menu-extra-container ul li a:hover { border: none; } .ebiz-toggle{padding:10px 0; background-color:transparent; float:right; border:none; cursor:pointer; width: 43px;} .ebiz-toggle .icon-bar{margin: auto; background-color:#EC2528; border-radius:1px; display:block; height:3px; position:relative; width:22px; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; -ms-transition:all 400ms ease; transition:all 400ms ease;; } .ebiz-toggle .icon-bar + .icon-bar{margin-top:4px;} .ebiz-toggle .icon-bar:nth-child(1), .ebiz-toggle .icon-bar:nth-child(3){top:0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);; } .ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(1){top:7px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);} .ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(2){opacity:0;} .ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(3){top:-7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);; } .mainmenu-new .mobile-menu span.mobile-toggle{width:36px; height:36px; position:absolute; right:0px; top:0px; background-color:#ededed; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; -ms-transition:all 400ms ease; transition:all 400ms ease;; } .mainmenu-new .mobile-menu span.mobile-toggle:after, .mobile-toggle:before{content:""; background-color:#000; height:16px; width:2px; position:absolute; left:17px; top:10px; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; -ms-transition:all 400ms ease; transition:all 400ms ease;; } .mainmenu-new .mobile-menu span.mobile-toggle:before{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; -ms-transition:all 400ms ease; transition:all 400ms ease;; } .mainmenu-new .mobile-menu span.mobile-toggle.ebiz-subopen:after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);; } .mainmenu-new .mobile-menu span.mobile-toggle.ebiz-subopen:before{opacity:0; background-color:#fff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul{text-align:right; padding:20px 0 0;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding: 10px 20px; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1{display:inline-block; float:none;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:hover a { border-bottom: 2px solid #ea252f !important; padding-bottom: 8px !important;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:hover ul li a, .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:hover ul li ul li a { border-bottom: none !important; } .mainmenu-new .hs-menu-wrapper ul{float:left; padding:0; width:100%; min-width:250px;} .mainmenu-new .hs-menu-wrapper > ul > li > a{max-width:none; width:auto; font-size:14px;letter-spacing: 1.1px;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{display:block;font-size: 16px;max-width:none;min-width:auto;overflow:visible;text-align:left;text-overflow:inherit;white-space:inherit;width:auto;} .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{font-size: 14px; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{left: 0px; width: auto; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:last-child ul.hs-menu-children-wrapper{left:auto; right:0;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper{ opacity:1; visibility: visible; } @media (min-width: 992px) { .lang-head .mainmenu-new { width: 100% !important; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:last-child a { background-color: #ec2528; box-sizing: border-box !important; color: #fff; display: inline-block; letter-spacing: 1.1px; text-align: center; text-transform: uppercase; padding: 10px 20px; margin-left: 10px; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:last-child a:after, .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a:after { background: none; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:last-child:hover a { background-color: #58595b; color: #FFF !important; border-bottom: none !important;} .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a { border: 2px solid #58595b; color: #58595b; display: inline-block; letter-spacing: 1.1px; padding: 8px 18px; text-transform: uppercase; font-weight: 400; margin-left: 50px; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2):hover a { background-color: #58595b; color: #fff !important; border-bottom: 0 !important; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:last-child a:ahover, .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a:hover { color: #FFF; } } .flag-icon-cn{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/cn.svg?t=1539958103461)} .flag-icon-gb{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/gb.svg?t=1539958103461)} .flag-icon-de{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/de.svg?t=1539958103461)} .flag-icon-es{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/es.svg?t=1539958103461)} .flag-icon-fr{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/fr.svg?t=1539958103461)} .flag-icon-pt{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/pt.svg?t=1539958103461)} .flag-icon-pl{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/pl.svg?t=1539958103461)} .flag-icon-us{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/us.svg?t=1539958103461)} .flag-icon-it{background-image:url(https://2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/it.svg)} .flag-icon-kr{background-image:url(https://2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/kr.svg)} .header{left:0;position:absolute;top:0;width:100%!important; background-color:#fff; z-index:10;} .header > div{padding:20px 0 20px 0;} .header.newheader > div { padding: 20px 0 0; } .header .logo{width:150px;} .header .custom-menu-wrapper{margin:0; width:calc(100% - 150px);} .header .custom-menu-wrapper .language{text-align:right; height: 22px; margin-top: -20px; margin-bottom: 24px;} .header .custom-menu-wrapper .language li{display:inline-block;} .header .custom-menu-wrapper .language li a{font-size:12px; letter-spacing:0.9px; text-transform:uppercase; margin:0 0 0 21px;} .header .custom-menu-wrapper .language li:first-child a{margin:0;} .header .custom-menu-wrapper .language li.icon-login a:before{content:"P";margin-right:.5em; color:#8C8D90;} .header .custom-menu-wrapper .language li .flag-icon{display:inline-block;width:23px;margin-left:4px;height:17px;vertical-align:middle;position:relative;top:-2px; background-size: 23px auto;background-repeat: no-repeat; background-position: 50% center;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1:first-child li.hs-menu-depth-2 .mobile-toggle{display:none;} .newheader .language.new li.icon-before a img { max-height: 19px; max-width: 17px; height: auto; width: auto; margin-right: 5px; vertical-align: text-top; } .newheader .language.new li.icon-before a .nav-icon.default { display: inline-block; } .newheader .language.new li.icon-before a .nav-icon.hover { display: none; } .newheader .language.new li.icon-before a:hover .nav-icon.default { display: none; } .newheader .language.new li.icon-before a:hover .nav-icon.hover { display: inline-block; } .newheader .mobile-menu script { display: none; } @media (min-width:768px) { .container, .row-fluid .container[class*="span"]{width:750px;} } @media (min-width:992px) { .container, .row-fluid .container[class*="span"]{width:970px;} } @media (min-width:1200px) { .container, .row-fluid .container[class*="span"]{width:1160px;} } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li a img, .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li a img { max-height: 19px; max-width: 17px; height: auto; width: auto; margin-right: 15px; vertical-align: text-top; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li a .nav-icon.default, .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li a .nav-icon.default { display: inline-block; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li a .nav-icon.hover, .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li a .nav-icon.hover { display: none; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li a:hover .nav-icon.default, .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li a:hover .nav-icon.default { display: none; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li a:hover .nav-icon.hover, .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li a:hover .nav-icon.hover { display: inline-block; } @media (min-width:992px) { .flya-desktop-menu { display: block !important; } .flya-mobile-menu { display: none !important; } .logo-mobile { display: none !important; } .ebiz-toggle, .mainmenu-new .mobile-menu span.mobile-toggle{display:none;} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {opacity:1; visibility:visible;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1.hs-item-has-children a:after{ width: 11px; height: 9px; margin: 0 0 0 4px; vertical-align: middle; content: ''; opacity: .5; display: inline-block; background: url(https://2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/flyability-2019/images/has-child.svg) no-repeat center / 100% auto; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1.hs-item-has-children ul li a:after{ background: none; display: none; } .hs-home-page .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-menu-depth-1.hs-item-has-children:after { text-shadow: 1px 1px 10px #fff; /* -webkit-filter:invert(1); filter:invert(1); */ } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper{ /* box-shadow: 5px 5px 0 0 #ec2528; */} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:first-child:hover > ul.hs-menu-children-wrapper{ display: flex !important; flex-wrap: wrap; width: 700px; left: -100px; position: absolute; height: auto; padding: 20px 20px 40px 20px; } #header.newheader.sticky .logo { padding-bottom: 0px; } .newheader .container .row-fluid { display: flex; align-items: flex-end; } .newheader .logo { padding-bottom: 20px; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:first-child:hover > ul.hs-menu-children-wrapper { box-shadow: 0px 1px 10px #0000000F; background-color: #FFF; left: -200px; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:hover > ul.hs-menu-children-wrapper { top: 50px; } .newheader.sticky .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:hover > ul.hs-menu-children-wrapper { top: 60px; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper { box-shadow: 0px 1px 10px #0000000F; background-color: #FFF; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children a { padding-bottom: 20px !important; } .newheader.sticky .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children a { padding-top: 20px; } .newheader.sticky .container .row-fluid { display: flex; align-items: center; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:hover a { padding-bottom: 18px !important; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper { min-width: 600px; padding: 30px; left: -200px; display: flex; flex-wrap: wrap; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li { width: 33%; float: left; display: inline-block; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper { min-width: 500px; padding: 30px; left: -300px; display: flex; flex-wrap: wrap; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li { width: 50%; float: left; display: inline-block; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li ul li a { padding-top: 0; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li { overflow: hidden; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li a { position: relative; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:first-child>ul.hs-menu-children-wrapper li:hover a { color: #42454a !important; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li { width: calc(100% / 3); float: left; border-right: 1px solid #d1d1d1; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li:last-child { border: none; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li a { font-weight: 700; height: 60px; cursor: default; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li ul li:hover a { color: #ea252f !important; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li ul li a { font-weight: 400; height: auto; cursor: pointer; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li ul { top: 0px; left: 0 !important; position: relative; box-shadow: none !important; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li ul li { width: 100%; border: none; } .mainmenu-new .hs-menu-wrapper > ul > li > ul{background-color:#fafafa; box-shadow:0px 0px -2px -2px #EC2528; min-width:250px; } .mainmenu-new .hs-menu-wrapper > ul > li:last-child > ul{min-width:100px; } .newheader .sub { display: none; box-shadow: 0px -4px 10px #0000000F; background-color: #FFF; position: absolute; top: 30px; left: 0; width: auto; padding: 20px 20px 10px 20px; border: 0.5px solid #7070702E; } .newheader .sub:before { position: absolute; left: 50%; transform: translateX(-50%); top: -15px; width: 0; height: 0; content: ''; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #FFF; } .newheader ul.language.new li a { padding-left: 13px; padding-right: 13px; } .newheader .custom-menu-wrapper .language li a { font-size: 12px !important; } .newheader .dropdown:hover .sub {display: block; } .newheader .sub li { display: block !important; text-align: left; margin-bottom: 10px;} .newheader .custom-menu-wrapper .language li ul li a { text-transform: unset; font-size: 14px; position: relative; } .newheader .dropdown ul li a:after { content: '' !important; } .newheader .dropdown { position: relative; padding-bottom: 10px; } .newheader .menu-row { float: left; width: 100%; display: flex; align-items: center; } .newheader .mainmenu-new { width: calc(100% - 420px) !important; } .newheader .header-cta { float: left; } } .header-cta.border a { background: transparent; border: 1px solid #58595b !important; color: #58595b; margin-left: auto; margin-right: auto; display: block !important; } .header-cta.border a:hover { background: #58595b; border: 1px solid #58595b !important; color: #fff; } .header-cta { width: 200px !important; margin: 0 0 0 10px !important; } .header-cta a { background-color: #ec2528; box-sizing: border-box !important; color: #fff; display: inline-block; font-size: 15px; letter-spacing: 1.1px; text-align: center; text-transform: uppercase; padding: 10px 18px; margin-top: 10px; width: 200px; border: 1px solid #ec2528; } .newheader .header-cta a { margin-top: 0; } .mainmenu { width: calc(100% - 210px) !important; } .header.sticky .header-cta a { margin-top: 0; } .header-cta a:hover { background-color: #58595b; color: #FFF; border: 1px solid #58595b; } @media (max-width:1629px){ .header .custom-menu-wrapper .language li a{font-size:14px;} } @media (max-width:1199px){ .mainmenu-new .hs-menu-wrapper > ul > li > a{font-size:14px; letter-spacing:1px; display: block; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{padding:10px !important; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1.hs-item-has-children:after{margin:-3px 0 0 -10px;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{left:0;} } .header .logo .logo-desktop.darkbg{display:none;} @media (max-width:991px){ .newheader .container { width: 100% !important; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal ul , .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal ul li, .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { display: block; width: 100%; } .newheader .container .row-fluid { justify-content: flex-end; } .newheader .custom-menu-wrapper .flya-mobile-menu .language.new { display: block !important; } .flya-desktop-menu { display: none !important; } .flya-mobile-menu { display: block !important; } .newheader .header-cta { width: auto !important; float: left; } .newheader .header-cta script { display: none !important; } .newheader .header-cta a:after { border: none !important; } .newheader .header-cta a:hover { color: #FFF !important; } .newheader .header-cta.border { margin-right: 15px !important; } .header.newheader > div, #header.newheader.sticky > div { padding: 15px 0; } .header .logo .logo-desktop{display:none;} .header>div { background: #FFF; } .container, .row-fluid .container[class*="span"]{padding-left: 15px;} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{position:static; opacity:1; visibility: visible; display:none; width:100%;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul{display:none;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: relative; display: none; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul{background-color:#fff;height:calc(100vh - 65px);left:0;position:absolute;top:60px;width:100%;padding:20px 20px 0;overflow:auto;-webkit-overflow-scrolling: touch;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li{float:none; display:block;margin:0 0 10px;text-align:left;clear: both;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { font-size: 14px; letter-spacing: 1px; } .hs-home-page .mainmenu-new .hs-menu-wrapper>ul>li>a { text-shadow: none; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{color: #8c8d90; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li .hs-menu-children-wrapper{padding: 0 0 0 20px;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.login-links{border-top:1px solid #d2d5da;margin:15px 0 0;padding:15px 0 0;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-3 { padding-left: 20px; margin: 0; padding-top: 0; padding-bottom: 0; } .side-nav{left: 3px;} .side-nav a{height:20px;width:1px;} .side-nav a.active{width:3px;} .header .custom-menu-wrapper .language{float:none;width:auto;} .header .custom-menu-wrapper .language li a{margin:0;} .header .custom-menu-wrapper .language li.icon-login a:before{display:none;} .header .custom-menu-wrapper .language li.icon-login a:after{content:"P";margin-left:10px;color:#8C8D90;font-family:"icomoon"!important;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;text-transform:none;} .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(3) a { margin-left: 10px !important; margin-bottom: 10px; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.login-links { border: none !important; } .lang-head .mainmenu-new { width: 100% !important; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a { background-color: #ec2528; box-sizing: border-box !important; color: #fff; display: inline-block; letter-spacing: 1.1px; text-align: center; text-transform: uppercase; padding: 10px 20px; margin-left: 10px; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a:after, .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a:after { background: none; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2):hover a { background-color: #58595b; color: #FFF !important; border-bottom: none !important;} .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(3) a { border: 2px solid #58595b; color: #58595b; display: inline-block; letter-spacing: 1.1px; padding: 8px 18px; text-transform: uppercase; font-weight: 400; margin-left: 50px; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(3):hover a { background-color: #58595b; color: #fff !important; border-bottom: 0 !important; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a:hover, .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(3) a:hover { color: #FFF; } } @media (max-width: 550px) { .newheader .header-cta { width: 100% !important; margin: 10px 0 !important; display: block; float: left; } .newheader .header-cta a { width: 100% !important; } } /* * * END 2021 NEW HEADER * * */ .mainmenu a:hover { color: #ec2528 !important; } .menu-extra-container ul li a:hover { border: none; } .ebiz-toggle{padding:10px 0; background-color:transparent; float:right; border:none; cursor:pointer; width: 43px;} .ebiz-toggle .icon-bar{margin: auto; background-color:#EC2528; border-radius:1px; display:block; height:3px; position:relative; width:22px; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; -ms-transition:all 400ms ease; transition:all 400ms ease;; } .ebiz-toggle .icon-bar + .icon-bar{margin-top:4px;} .ebiz-toggle .icon-bar:nth-child(1), .ebiz-toggle .icon-bar:nth-child(3){top:0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);; } .ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(1){top:7px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);} .ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(2){opacity:0;} .ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(3){top:-7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);; } .mainmenu .mobile-menu span.mobile-toggle, .mainmenu-new.mobile ul span.mobile-toggle {width:36px; height:36px; position:absolute; right:0px; top:0px; background-color:#ededed; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; -ms-transition:all 400ms ease; transition:all 400ms ease;; } .mainmenu .mobile-menu span.mobile-toggle:after, .mobile-toggle:before, .mainmenu-new.mobile ul span.mobile-toggle:after{content:""; background-color:#000; height:16px; width:2px; position:absolute; left:17px; top:10px; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; -ms-transition:all 400ms ease; transition:all 400ms ease;; } .mainmenu .mobile-menu span.mobile-toggle:before, .mainmenu-new.mobile ul span.mobile-toggle:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; -ms-transition:all 400ms ease; transition:all 400ms ease;; } .mainmenu .mobile-menu span.mobile-toggle.ebiz-subopen:after, .mainmenu-new.mobile ul span.mobile-toggle.ebiz-subopen:after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);; } .mainmenu .mobile-menu span.mobile-toggle.ebiz-subopen:before, .mainmenu-new.mobile ul span.mobile-toggle.ebiz-subopen:before{opacity:0; background-color:#fff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul{text-align:right; padding:20px 0 0;} .hs-home-page-en .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul{ padding:20px 0 0;} .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding: 10px 20px; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1{display:inline-block; float:none;} .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:hover a { border-bottom: 2px solid #ea252f !important; padding-bottom: 8px !important;} .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:hover ul li a, .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:hover ul li ul li a { border-bottom: none !important; } .mainmenu .hs-menu-wrapper ul{float:left; padding:0; width:100%; min-width:250px;} .mainmenu .hs-menu-wrapper > ul > li > a{max-width:none; width:auto; font-size:14px;letter-spacing: 1.1px;} .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{display:block;font-size: 16px;max-width:none;min-width:auto;overflow:visible;text-align:left;text-overflow:inherit;white-space:inherit;width:auto;} .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{font-size: 14px; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{left: 0px; width: auto; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:last-child ul.hs-menu-children-wrapper{left:auto; right:0;} .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper{ opacity:1; visibility: visible; } @media (min-width: 992px) { .lang-head .mainmenu { width: 100% !important; } .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:last-child a { background-color: #ec2528; box-sizing: border-box !important; color: #fff; display: inline-block; letter-spacing: 1.1px; text-align: center; text-transform: uppercase; padding: 10px 20px; margin-left: 10px; } .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:last-child a:after, .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a:after { background: none; } .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:last-child:hover a { background-color: #58595b; color: #FFF !important; border-bottom: none !important;} .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a { border: 2px solid #58595b; color: #58595b; display: inline-block; letter-spacing: 1.1px; padding: 8px 18px; text-transform: uppercase; font-weight: 400; margin-left: 50px; } .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2):hover a { background-color: #58595b; color: #fff !important; border-bottom: 0 !important; } .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:last-child a:ahover, .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a:hover { color: #FFF; } } .flag-icon-cn{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/cn.svg?t=1539958103461)} .flag-icon-gb{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/gb.svg?t=1539958103461)} .flag-icon-de{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/de.svg?t=1539958103461)} .flag-icon-es{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/es.svg?t=1539958103461)} .flag-icon-fr{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/fr.svg?t=1539958103461)} .flag-icon-pt{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/pt.svg?t=1539958103461)} .flag-icon-pl{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/pl.svg?t=1539958103461)} .flag-icon-us{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/us.svg?t=1539958103461)} .flag-icon-it{background-image:url(https://2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/it.svg)} .header{left:0;position:absolute;top:0;width:100%!important; background-color:#fff; z-index:10;} .header > div{padding:20px 0 20px 0;} .header.newheader > div { padding: 20px 0 0; } .header .logo{width:150px;} .header .custom-menu-wrapper{margin:0; width:calc(100% - 150px);} .header .custom-menu-wrapper .language{text-align:right; height: 22px; margin-top: -20px; margin-bottom: 24px;} .header .custom-menu-wrapper .language li{display:inline-block;} .header .custom-menu-wrapper .language li a{font-size:12px; letter-spacing:0.9px; text-transform:uppercase; margin:0 0 0 21px;} .header .custom-menu-wrapper .language li:first-child a{margin:0;} .header .custom-menu-wrapper .language li.icon-login a:before{content:"P";margin-right:.5em; color:#8C8D90;} .header .custom-menu-wrapper .language li .flag-icon{display:inline-block;width:23px;margin-left:4px;height:17px;vertical-align:middle;position:relative;top:-2px; background-size: 23px auto;background-repeat: no-repeat; background-position: 50% center;} .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1:first-child li.hs-menu-depth-2 .mobile-toggle{display:none;} .newheader .language.new li.icon-before a img { max-height: 19px; max-width: 17px; height: auto; width: auto; margin-right: 5px; vertical-align: text-top; } .newheader .language.new li.icon-before a .nav-icon.default { display: inline-block; } .newheader .language.new li.icon-before a .nav-icon.hover { display: none; } .newheader .language.new li.icon-before a:hover .nav-icon.default { display: none; } .newheader .language.new li.icon-before a:hover .nav-icon.hover { display: inline-block; } .newheader .mobile-menu script { display: none; } @media (min-width:768px) { .container, .row-fluid .container[class*="span"]{width:750px;} } @media (min-width:992px) { .container, .row-fluid .container[class*="span"]{width:970px;} } @media (min-width:1200px) { .container, .row-fluid .container[class*="span"]{width:1160px;} } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li a img, .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li a img { max-height: 19px; max-width: 17px; height: auto; width: auto; margin-right: 15px; vertical-align: text-top; } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li a .nav-icon.default, .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li a .nav-icon.default { display: inline-block; } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li a .nav-icon.hover, .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li a .nav-icon.hover { display: none; } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li a:hover .nav-icon.default, .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li a:hover .nav-icon.default { display: none; } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li a:hover .nav-icon.hover, .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li a:hover .nav-icon.hover { display: inline-block; } @media (min-width:992px) { .logo-mobile { display: none !important; } .ebiz-toggle, .mainmenu .mobile-menu span.mobile-toggle{display:none;} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {opacity:1; visibility:visible;} .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1.hs-item-has-children a:after{ width: 11px; height: 9px; margin: 0 0 0 4px; vertical-align: middle; content: ''; opacity: .5; display: inline-block; background: url(https://2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/flyability-2019/images/has-child.svg) no-repeat center / 100% auto; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1.hs-item-has-children ul li a:after{ background: none; display: none; } .hs-home-page .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-menu-depth-1.hs-item-has-children:after { text-shadow: 1px 1px 10px #fff; /* -webkit-filter:invert(1); filter:invert(1); */ } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper{ /* box-shadow: 5px 5px 0 0 #ec2528; */} .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:first-child:hover > ul.hs-menu-children-wrapper{ display: flex !important; flex-wrap: wrap; width: 700px; left: -100px; position: absolute; height: auto; padding: 20px 20px 40px 20px; } #header.newheader.sticky .logo { padding-bottom: 0px; } .newheader .container .row-fluid { display: flex; align-items: flex-end; } .newheader .logo { padding-bottom: 20px; } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:first-child:hover > ul.hs-menu-children-wrapper { box-shadow: 0px 1px 10px #0000000F; background-color: #FFF; left: -200px; } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:hover > ul.hs-menu-children-wrapper { top: 50px; } .newheader.sticky .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:hover > ul.hs-menu-children-wrapper { top: 60px; } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper { box-shadow: 0px 1px 10px #0000000F; background-color: #FFF; } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children a { padding-bottom: 20px !important; } .newheader.sticky .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children a { padding-top: 20px; } .newheader.sticky .container .row-fluid { display: flex; align-items: center; } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:hover a { padding-bottom: 18px !important; } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2):hover > ul.hs-menu-children-wrapper { min-width: 600px; padding: 30px; left: -200px; } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2):hover > ul.hs-menu-children-wrapper li { width: 33%; float: left; display: inline-block; } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3):hover > ul.hs-menu-children-wrapper { min-width: 500px; padding: 30px; left: -300px; } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3):hover > ul.hs-menu-children-wrapper li { width: 50%; float: left; display: inline-block; } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li ul li a { padding-top: 0; } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li { overflow: hidden; } .newheader .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li a { position: relative; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:first-child>ul.hs-menu-children-wrapper li:hover a { color: #42454a !important; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li { width: calc(100% / 3); float: left; border-right: 1px solid #d1d1d1; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li:last-child { border: none; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li a { font-weight: 700; height: 60px; cursor: default; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li ul li:hover a { color: #ea252f !important; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li ul li a { font-weight: 400; height: auto; cursor: pointer; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li ul { top: 0px; left: 0 !important; position: relative; box-shadow: none !important; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li ul li { width: 100%; border: none; } .mainmenu .hs-menu-wrapper > ul > li > ul{background-color:#fafafa; box-shadow:0px 0px -2px -2px #EC2528; min-width:250px; } .mainmenu .hs-menu-wrapper > ul > li:last-child > ul{min-width:100px; } .newheader .sub { display: none; box-shadow: 0px -4px 10px #0000000F; background-color: #FFF; position: absolute; top: 30px; left: 0; width: auto; padding: 20px 20px 10px 20px; border: 0.5px solid #7070702E; } .newheader .sub:before { position: absolute; left: 50%; transform: translateX(-50%); top: -15px; width: 0; height: 0; content: ''; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #FFF; } .newheader ul.language.new li a { padding-left: 13px; padding-right: 13px; } .newheader .custom-menu-wrapper .language li a { font-size: 12px !important; } .newheader .dropdown:hover .sub {display: block; } .newheader .sub li { display: block !important; text-align: left; margin-bottom: 10px;} .newheader .custom-menu-wrapper .language li ul li a { text-transform: unset; font-size: 14px; position: relative; } .newheader .dropdown ul li a:after { content: '' !important; } .newheader .dropdown { position: relative; padding-bottom: 10px; } .newheader .menu-row { float: left; width: 100%; display: flex; align-items: center; } .newheader .mainmenu { width: calc(100% - 420px) !important; } .newheader .header-cta { float: left; } } @media (max-width:1629px){ .header .custom-menu-wrapper .language li a{font-size:14px;} } @media (max-width:1199px){ .mainmenu .hs-menu-wrapper > ul > li > a{font-size:14px; letter-spacing:1px; display: block;} .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{padding:10px !important; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1.hs-item-has-children:after{margin:-3px 0 0 -10px;} .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{left:0;} } @media (max-width:991px){ .newheader .header-cta { width: auto !important; float: left; } .newheader .header-cta a:after { border: none !important; } .newheader .header-cta a:hover { color: #FFF !important; } .newheader .header-cta.border { margin-right: 15px !important; } .header.newheader > div, #header.newheader.sticky > div { padding: 15px 0; } .hs-home-page #header.sticky .logo-desktop.darkbg { display: none !important; } .hs-home-page #header.sticky .logo-mobile { display: block !important; } .header .logo .logo-desktop{display:none;} .header>div { background: #FFF; } .container, .row-fluid .container[class*="span"]{padding-left: 15px;} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{position:static; opacity:1; visibility: visible; display:none; width:100%;} .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul{display:none;} .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: relative; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul{background-color:#fff;height:calc(100vh - 65px);left:0;position:absolute;top:60px;width:100%;padding:20px 20px 0;overflow:auto;-webkit-overflow-scrolling: touch;} .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul.mobile-menu li{float:none; display:block;margin:0 0 10px;text-align:left;clear: both;} .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { font-size: 14px; letter-spacing: 1px; } .hs-home-page .mainmenu .hs-menu-wrapper>ul>li>a { text-shadow: none; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{color: #8c8d90; } .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul.mobile-menu li .hs-menu-children-wrapper{padding: 0 0 0 20px;} .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul.mobile-menu li.login-links{border-top:1px solid #d2d5da;margin:15px 0 0;padding:15px 0 0;} .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul.mobile-menu li.hs-menu-depth-3 { padding-left: 20px; margin: 0; padding-top: 0; padding-bottom: 0; } .side-nav{left: 3px;} .side-nav a{height:20px;width:1px;} .side-nav a.active{width:3px;} .header .custom-menu-wrapper .language{float:none;width:auto;} .header .custom-menu-wrapper .language li a{margin:0;} .header .custom-menu-wrapper .language li.icon-login a:before{display:none;} .header .custom-menu-wrapper .language li.icon-login a:after{content:"P";margin-left:10px;color:#8C8D90;font-family:"icomoon"!important;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;text-transform:none;} .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a { margin-left: 10px !important; margin-bottom: 10px; } .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul.mobile-menu li.login-links { border: none !important; } .lang-head .mainmenu { width: 100% !important; } .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a { background-color: #ec2528; box-sizing: border-box !important; color: #fff; display: inline-block; letter-spacing: 1.1px; text-align: center; text-transform: uppercase; padding: 10px 20px; margin-left: 10px; } .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a:after, .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a:after { background: none; } .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2):hover a { background-color: #58595b; color: #FFF !important; border-bottom: none !important;} .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(3) a { border: 2px solid #58595b; color: #58595b; display: inline-block; letter-spacing: 1.1px; padding: 8px 18px; text-transform: uppercase; font-weight: 400; margin-left: 10px; } .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(3):hover a { background-color: #58595b; color: #fff !important; border-bottom: 0 !important; } .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a:hover, .lang-head .mainmenu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(3) a:hover { color: #FFF; } } /* * * 2021 NEW HEADER * * * */ .mainmenu-new .hs-menu-wrapper > ul > li > a { padding: 10px 20px; } .mainmenu-new a:hover { color: #ec2528 !important; } .menu-extra-container ul li a:hover { border: none; } .ebiz-toggle{padding:10px 0; background-color:transparent; float:right; border:none; cursor:pointer; width: 43px;} .ebiz-toggle .icon-bar{margin: auto; background-color:#EC2528; border-radius:1px; display:block; height:3px; position:relative; width:22px; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; -ms-transition:all 400ms ease; transition:all 400ms ease;; } .ebiz-toggle .icon-bar + .icon-bar{margin-top:4px;} .ebiz-toggle .icon-bar:nth-child(1), .ebiz-toggle .icon-bar:nth-child(3){top:0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);; } .ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(1){top:7px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);} .ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(2){opacity:0;} .ebiz-toggle.ebiz-menuopen .icon-bar:nth-child(3){top:-7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);; } .mainmenu-new .mobile-menu span.mobile-toggle{width:36px; height:36px; position:absolute; right:0px; top:0px; background-color:#ededed; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; -ms-transition:all 400ms ease; transition:all 400ms ease;; } .mainmenu-new .mobile-menu span.mobile-toggle:after, .mobile-toggle:before{content:""; background-color:#000; height:16px; width:2px; position:absolute; left:17px; top:10px; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; -ms-transition:all 400ms ease; transition:all 400ms ease;; } .mainmenu-new .mobile-menu span.mobile-toggle:before{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; -ms-transition:all 400ms ease; transition:all 400ms ease;; } .mainmenu-new .mobile-menu span.mobile-toggle.ebiz-subopen:after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);; } .mainmenu-new .mobile-menu span.mobile-toggle.ebiz-subopen:before{opacity:0; background-color:#fff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul{text-align:right; padding:20px 0 0;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding: 10px 20px; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1{display:inline-block; float:none;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:hover a { border-bottom: 2px solid #ea252f !important; padding-bottom: 8px !important;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:hover ul li a, .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:hover ul li ul li a { border-bottom: none !important; } .mainmenu-new .hs-menu-wrapper ul{float:left; padding:0; width:100%; min-width:250px;} .mainmenu-new .hs-menu-wrapper > ul > li > a{max-width:none; width:auto; font-size:14px;letter-spacing: 1.1px;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{display:block;font-size: 16px;max-width:none;min-width:auto;overflow:visible;text-align:left;text-overflow:inherit;white-space:inherit;width:auto;} .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{font-size: 14px; display: flex; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{left: 0px; width: auto; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:last-child ul.hs-menu-children-wrapper{left:auto; right:0;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper{ opacity:1; visibility: visible; } @media (min-width: 992px) { .lang-head .mainmenu-new { width: 100% !important; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:last-child a { background-color: #ec2528; box-sizing: border-box !important; color: #fff; display: inline-block; letter-spacing: 1.1px; text-align: center; text-transform: uppercase; padding: 10px 20px; margin-left: 10px; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:last-child a:after, .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a:after { background: none; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:last-child:hover a { background-color: #58595b; color: #FFF !important; border-bottom: none !important;} .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a { border: 2px solid #58595b; color: #58595b; display: inline-block; letter-spacing: 1.1px; padding: 8px 18px; text-transform: uppercase; font-weight: 400; margin-left: 50px; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2):hover a { background-color: #58595b; color: #fff !important; border-bottom: 0 !important; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:last-child a:ahover, .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a:hover { color: #FFF; } } .flag-icon-cn{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/cn.svg?t=1539958103461)} .flag-icon-gb{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/gb.svg?t=1539958103461)} .flag-icon-de{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/de.svg?t=1539958103461)} .flag-icon-es{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/es.svg?t=1539958103461)} .flag-icon-fr{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/fr.svg?t=1539958103461)} .flag-icon-pt{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/pt.svg?t=1539958103461)} .flag-icon-pl{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/pl.svg?t=1539958103461)} .flag-icon-us{background-image:url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/us.svg?t=1539958103461)} .flag-icon-it{background-image:url(https://2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/it.svg)} .header{left:0;position:absolute;top:0;width:100%!important; background-color:#fff; z-index:10;} .header > div{padding:20px 0 20px 0;} .header.newheader > div { padding: 20px 0 0; } .header .logo{width:150px;} .header .custom-menu-wrapper{margin:0; width:calc(100% - 150px);} .header .custom-menu-wrapper .language{text-align:right; height: 22px; margin-top: -20px; margin-bottom: 24px;} .header .custom-menu-wrapper .language li{display:inline-block;} .header .custom-menu-wrapper .language li a{font-size:12px; letter-spacing:0.9px; text-transform:uppercase; margin:0 0 0 21px;} .header .custom-menu-wrapper .language li:first-child a{margin:0;} .header .custom-menu-wrapper .language li.icon-login a:before{content:"P";margin-right:.5em; color:#8C8D90;} .header .custom-menu-wrapper .language li .flag-icon{display:inline-block;width:23px;margin-left:4px;height:17px;vertical-align:middle;position:relative;top:-2px; background-size: 23px auto;background-repeat: no-repeat; background-position: 50% center;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1:first-child li.hs-menu-depth-2 .mobile-toggle{display:none;} .newheader .language.new li.icon-before a img { max-height: 19px; max-width: 17px; height: auto; width: auto; margin-right: 5px; vertical-align: text-top; } .newheader .language.new li.icon-before a .nav-icon.default { display: inline-block; } .newheader .language.new li.icon-before a .nav-icon.hover { display: none; } .newheader .language.new li.icon-before a:hover .nav-icon.default { display: none; } .newheader .language.new li.icon-before a:hover .nav-icon.hover { display: inline-block; } .newheader .mobile-menu script { display: none; } @media (min-width:768px) { .container, .row-fluid .container[class*="span"]{width:750px;} } @media (min-width:992px) { .container, .row-fluid .container[class*="span"]{width:970px;} } @media (min-width:1200px) { .container, .row-fluid .container[class*="span"]{width:1160px;} } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li a img, .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li a img { max-height: 19px; max-width: 17px; height: auto; width: auto; margin-right: 15px; vertical-align: text-top; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li a .nav-icon.default, .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li a .nav-icon.default { display: inline-block; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li a .nav-icon.hover, .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li a .nav-icon.hover { display: none; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li a:hover .nav-icon.default, .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li a:hover .nav-icon.default { display: none; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2) > ul.hs-menu-children-wrapper li a:hover .nav-icon.hover, .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3) > ul.hs-menu-children-wrapper li a:hover .nav-icon.hover { display: inline-block; } @media (min-width:992px) { .flya-desktop-menu { display: block !important; } .flya-mobile-menu { display: none !important; } .logo-mobile { display: none !important; } .ebiz-toggle, .mainmenu-new .mobile-menu span.mobile-toggle{display:none;} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {opacity:1; visibility:visible;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1.hs-item-has-children a:after{ width: 11px; height: 9px; margin: 0 0 0 4px; vertical-align: middle; content: ''; opacity: .5; display: inline-block; background: url(https://2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/flyability-2019/images/has-child.svg) no-repeat center / 100% auto; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1.hs-item-has-children ul li a:after{ background: none; display: none; } .hs-home-page .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-menu-depth-1.hs-item-has-children:after { text-shadow: 1px 1px 10px #fff; /* -webkit-filter:invert(1); filter:invert(1); */ } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper{ /* box-shadow: 5px 5px 0 0 #ec2528; */} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:first-child:hover > ul.hs-menu-children-wrapper{ display: flex !important; flex-wrap: wrap; width: 700px; left: -100px; position: absolute; height: auto; padding: 20px 20px 40px 20px; } #header.newheader.sticky .logo { padding-bottom: 0px; } .newheader .container .row-fluid { display: flex; align-items: flex-end; } .newheader .logo { padding-bottom: 20px; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:first-child:hover > ul.hs-menu-children-wrapper { box-shadow: 0px 1px 10px #0000000F; background-color: #FFF; left: -200px; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:hover > ul.hs-menu-children-wrapper { top: 50px; } .newheader.sticky .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:hover > ul.hs-menu-children-wrapper { top: 60px; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper { box-shadow: 0px 1px 10px #0000000F; background-color: #FFF; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children a { padding-bottom: 20px !important; } .newheader.sticky .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children a { padding-top: 20px; } .newheader.sticky .container .row-fluid { display: flex; align-items: center; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:hover a { padding-bottom: 18px !important; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2):hover > ul.hs-menu-children-wrapper { min-width: 600px; padding: 30px; left: -200px; display: flex; flex-wrap: wrap; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(2):hover > ul.hs-menu-children-wrapper li { width: 33%; float: left; display: inline-block; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3):hover > ul.hs-menu-children-wrapper { min-width: 500px; padding: 30px; left: -300px; display: flex; flex-wrap: wrap; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:nth-child(3):hover > ul.hs-menu-children-wrapper li { width: 50%; float: left; display: inline-block; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li ul li a { padding-top: 0; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li { overflow: hidden; } .newheader .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li a { position: relative; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:first-child>ul.hs-menu-children-wrapper li:hover a { color: #42454a !important; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li { width: calc(100% / 3); float: left; border-right: 1px solid #d1d1d1; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li:last-child { border: none; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li a { font-weight: 700; height: 60px; cursor: default; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li ul li:hover a { color: #ea252f !important; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li ul li a { font-weight: 400; height: auto; cursor: pointer; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li ul { top: 0px; left: 0 !important; position: relative; box-shadow: none !important; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:first-child > ul.hs-menu-children-wrapper li ul li { width: 100%; border: none; } .mainmenu-new .hs-menu-wrapper > ul > li > ul{background-color:#fafafa; box-shadow:0px 0px -2px -2px #EC2528; min-width:250px; } .mainmenu-new .hs-menu-wrapper > ul > li:last-child > ul{min-width:100px; } .newheader .sub { display: none; box-shadow: 0px -4px 10px #0000000F; background-color: #FFF; position: absolute; top: 30px; left: 0; width: auto; padding: 20px 20px 10px 20px; border: 0.5px solid #7070702E; } .newheader .sub:before { position: absolute; left: 50%; transform: translateX(-50%); top: -15px; width: 0; height: 0; content: ''; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #FFF; } .newheader ul.language.new li a { padding-left: 13px; padding-right: 13px; } .newheader .custom-menu-wrapper .language li a { font-size: 12px !important; } .newheader .dropdown:hover .sub {display: block; } .newheader .sub li { display: block !important; text-align: left; margin-bottom: 10px;} .newheader .custom-menu-wrapper .language li ul li a { text-transform: unset; font-size: 14px; position: relative; } .newheader .dropdown ul li a:after { content: '' !important; } .newheader .dropdown { position: relative; padding-bottom: 10px; } .newheader .menu-row { float: left; width: 100%; display: flex; align-items: center; } .newheader .mainmenu-new { width: calc(100% - 420px) !important; } .newheader .header-cta { float: left; } } @media (max-width:1629px){ .header .custom-menu-wrapper .language li a{font-size:14px;} } @media (max-width:1199px){ .mainmenu-new .hs-menu-wrapper > ul > li > a{font-size:14px; letter-spacing:1px; display: block;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{padding:10px !important; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1.hs-item-has-children:after{margin:-3px 0 0 -10px;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{left:0;} } .header .logo .logo-desktop.darkbg{display:none;} @media (max-width:991px){ .newheader .container { width: 100% !important; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal ul , .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal ul li, .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal ul li a { display: block; width: 100%; } .newheader .container .row-fluid { justify-content: flex-end; } .newheader .custom-menu-wrapper .flya-mobile-menu .language.new { display: block !important; } .flya-desktop-menu { display: none !important; } .flya-mobile-menu { display: block !important; } .newheader .header-cta { width: auto !important; float: left; } .newheader .header-cta script { display: none !important; } .newheader .header-cta a:after { border: none !important; } .newheader .header-cta a:hover { color: #FFF !important; } .newheader .header-cta.border { margin-right: 15px !important; } .header.newheader > div, #header.newheader.sticky > div { padding: 15px 0; } .hs-home-page #header.sticky .logo-desktop.darkbg { display: none !important; } .hs-home-page #header.sticky .logo-mobile { display: block !important; } .header .logo .logo-desktop{display:none;} .header>div { background: #FFF; } .container, .row-fluid .container[class*="span"]{padding-left: 15px;} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper{position:static; opacity:1; visibility: visible; display:none; width:100%;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul{display:none;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: relative; display: none; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.show li ul { display: block !important; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul{background-color:#fff;height:calc(100vh - 65px);left:0;position:absolute;top:60px;width:100%;padding:20px 20px 0;overflow:auto;-webkit-overflow-scrolling: touch;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li{float:none; display:block;margin:0 0 10px;text-align:left;clear: both;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { font-size: 14px; letter-spacing: 1px; } .hs-home-page .mainmenu-new .hs-menu-wrapper>ul>li>a { text-shadow: none; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{color: #8c8d90; } .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li .hs-menu-children-wrapper{padding: 0 0 0 20px;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.login-links{border-top:1px solid #d2d5da;margin:15px 0 0;padding:15px 0 0;} .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-3 { padding-left: 20px; margin: 0; padding-top: 0; padding-bottom: 0; } .side-nav{left: 3px;} .side-nav a{height:20px;width:1px;} .side-nav a.active{width:3px;} .header .custom-menu-wrapper .language{float:none;width:auto;} .header .custom-menu-wrapper .language li a{margin:0;} .header .custom-menu-wrapper .language li.icon-login a:before{display:none;} .header .custom-menu-wrapper .language li.icon-login a:after{content:"P";margin-left:10px;color:#8C8D90;font-family:"icomoon"!important;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;text-transform:none;} .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a { margin-left: 10px !important; margin-bottom: 10px; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.login-links { border: none !important; } .lang-head .mainmenu-new { width: 100% !important; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a { background-color: #ec2528; box-sizing: border-box !important; color: #fff; display: inline-block; letter-spacing: 1.1px; text-align: center; text-transform: uppercase; padding: 10px 20px; margin-left: 10px; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a:after, .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a:after { background: none; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2):hover a { background-color: #58595b; color: #FFF !important; border-bottom: none !important;} .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(3) a { border: 2px solid #58595b; color: #58595b; display: inline-block; letter-spacing: 1.1px; padding: 8px 18px; text-transform: uppercase; font-weight: 400; margin-left: 50px; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(3):hover a { background-color: #58595b; color: #fff !important; border-bottom: 0 !important; } .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(2) a:hover, .lang-head .mainmenu-new .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-menu-depth-1:nth-last-child(3) a:hover { color: #FFF; } } @media (max-width: 550px) { .newheader .header-cta { width: 100% !important; margin: 10px 0 !important; display: block; float: left; } .newheader .header-cta a { width: 100% !important; } } /* * * END 2021 NEW HEADER * * */ @media (max-width:767px){ .header .logo{float: left;} .container, .row-fluid .container[class*="span"]{padding-left:15px;} .header .custom-menu-wrapper{float:right;margin:-4px 0 0;width:42px;} } .header-cta.border a { background: transparent; border: 1px solid #58595b !important; color: #58595b; margin-left: auto; margin-right: auto; display: block !important; } .header-cta.border a:hover { background: #58595b; border: 1px solid #58595b !important; color: #fff; } .header-cta { width: 200px !important; margin: 0 0 0 10px !important; } .header-cta a { background-color: #ec2528; box-sizing: border-box !important; color: #fff; display: inline-block; font-size: 15px; letter-spacing: 1.1px; text-align: center; text-transform: uppercase; padding: 10px 18px; margin-top: 10px; width: 200px; border: 1px solid #ec2528; } .newheader .header-cta a { margin-top: 0; } .mainmenu { width: calc(100% - 210px) !important; } .header.sticky .header-cta a { margin-top: 0; } .header-cta a:hover { background-color: #58595b; color: #FFF; border: 1px solid #58595b; } .custom-menu-wrapper .menu-row .row-fluid { align-items: center; display: flex; } @media (max-width: 991px) { .header .container .row-fluid { display: flex; align-items: center; } .custom-menu-wrapper .menu-row .row-fluid { flex-direction: row-reverse; } .custom-menu-wrapper .menu-row { width: 100% !important; } .header-cta { width: calc(100% - 150px) !important; margin: 0 !important; text-align: center; } .header-cta a { margin-top: 0; } .mainmenu { width: 150px !important; } .header .custom-menu-wrapper { width: calc(100% - 150px) !important; } } @media (max-width: 550px) { .mainmenu { width: 44px !important; } .header-cta { width: calc(100% - 44px) !important; padding: 0 10px; } .header-cta a { font-size: 12px; width: auto; padding: 10px; } } /* =============== Base =============== */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { min-height: 100%; margin: 0; padding: 0; } body { text-rendering: optimizeLegibility; font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 1.3em; color: #58595b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(255,255,255,0); } /* Page Center */ .container-fluid .row-fluid .page-center { float: none; max-width: 1160px; margin: 0 auto; } /* Highlighted Text */ ::-moz-selection { color: #fff; background: #39f; text-shadow: none; } ::selection { color: #fff; background: #39f; text-shadow: none; } /* =============== Typography =============== */ /* Basic text */ p { margin: 0; margin-bottom: 1em; } small {} strong {} em {} cite {} code {} pre {} sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Headings */ h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; font-weight: 600; line-height: 1.2em; text-rendering: optimizeLegibility; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1 { font-weight: 900; font-size: 2em; text-transform: uppercase; } h2 { font-size: 1.8em; line-height: 1.25em; font-weight: 300; color: #ea252f; } h3 { font-weight: 900; font-size: 2em; text-transform: uppercase; margin: 0; margin-bottom: 1em; } h4 { font-size: 1em; text-transform: uppercase; padding-top: 1em; margin-bottom: 1.5em; } h5 { font-size: .75em; text-transform: uppercase; letter-spacing: .05em; font-weight: 400; } h6 { font-size: 0.67em; font-weight: bold; } .heading-wrapper h2 { margin-bottom: 20px; color: #58595b; text-transform: uppercase; } @media (max-width: 767px) { .heading-wrapper h2 { font-size: 1.4em; line-height: 1.1em; margin-bottom: 10px; } } /* Anchor Links */ a { color: #818285; -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -ms-transition: color .4s ease; transition: color .4s ease; text-decoration: none; } a:hover, a:focus { outline: 0; cursor: pointer; color: #ea252f; } /* Lists */ ul, ol {} ul ul, ul ol, ol ol, ol ul {} li {} /* Block Quotes */ blockquote { margin: 0; font-size: 1.8em; line-height: 1.25em; font-weight: 300; text-transform: uppercase; } blockquote p {} blockquote small {} /* Horizontal Rules */ hr { color: #ccc; background-color: #ccc; height: 1px; border: none; } /* Basic Form Fields */ input, textarea, select, button { font-family: "proxima-nova",sans-serif; } /* =============== EU Cookie Confirmation Bar =============== */ /* Confirmation Outer Wrapper*/ #hs-eu-cookie-confirmation {} /* Confirmation Inner Wrapper*/ #hs-eu-cookie-confirmation-inner {} #hs-eu-cookie-confirmation-inner p{} /* Confirmation Button */ #hs-en-cookie-confirmation-buttons-area {} a#hs-eu-confirmation-button {} /* ============== Invert Color Style ============== */ .invert-color { background-color: #3f3f3f; color: #fff; } .invert-color h1, .invert-color h2, .invert-color h3, .invert-color h4, .invert-color h5 { color: #fff; } .invert-color a { text-decoration: underline; color: #fff; } .invert-color a:hover { text-decoration: underline; color: #ea252f; } /* ========================================================================== 3. COS STRUCTURE ========================================================================== */ /* =============== Structure =============== */ /* The outer wrappers of your website */ .header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {} /* The inner wrappers of your website */ .header-container, .body-container, .footer-container {} /* =============== Header =============== */ .header-container-wrapper {} .header-container {} .header-container-wrapper .page-center { padding-left: 30px; padding-right: 30px; } .cm-logo img { max-height: 108px; } .custom-header { background: #fff; padding: 30px 0; } .widget-span.custom-menu-wrapper { text-align: right; } ul.language { list-style: none; margin: -1px 0 0; padding: 0; } ul.language li { float: none; display: inline-block; margin-left: 25px; letter-spacing: .08em; } .header .custom-menu-wrapper .language.new { text-align: right; height: auto; margin-top: -10px; margin-bottom: 0px; position: relative; } .header .custom-menu-wrapper .language.new li a, ul.language.new li.popup-modal { margin: 0; } ul.language.new li { margin-left: 0; } ul.language.new li a { margin: 0; padding-left: 10px; padding-right: 10px; position: relative; line-height: 1em; } ul.language.new li a:hover { border: none !important; } ul.language.new li a:after { content: '|'; position: absolute; top: 3px; right: 0; color: #818285 !important; } ul.language.new li ul li a:after { content: '' !important; top: 0; position: unset !important; } ul.language.new li:last-child a:after { content: ''; } ul.language li a { height: 100%; padding-bottom: 2px; padding-top: 3px; line-height: 1em; font-size: .75em; text-transform: uppercase; } ul.language li a:not(:hover) { color: #818285; } ul.language .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; display: inline-block; width: 1.33333333em; line-height: 1em; margin-left: 4px; height: 12px; vertical-align: middle; position: relative; top: -1px; } ul.language-footer .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; } .flag-icon-us { background-image: url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/us.svg); } li.icon-login a:before { content: "P"; margin-right: .5em; } ul.language li.popup-modal { margin: 0 0 0 21px; } span.flag.flag-icon.flag-icon-gb { margin: 0; } .popup-wrapper { top: 0; left: 0; width: calc(100% + 13px); height: 100%; z-index: 1043; position: fixed; outline: 0 !important; -webkit-backface-visibility: hidden; overflow-x: hidden; overflow-y: auto; background: rgba(11,11,11,.8); display: none; } .popup-inner { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .popup { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; cursor: auto; } .popup-inner:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .popup-content { display: block; position: relative; background: #FFF; padding: 0; max-width: 300px; margin: 20px auto; width: 300px; height: 420px; } ul.lang { margin: 0; padding: 0; display: block; width: 100%; } ul.lang li { display: block; list-style: none; width: 100%; max-width: 300px; } ul.lang li a { display: block; width: 100%; height: 61px; font-size: 14px; text-indent: 20px; font-weight: bold; text-transform: uppercase; line-height: 61px; border-bottom: .5px solid #e4e4e4; background: url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/lang-radio.png) no-repeat 95% 50%; } ul.lang li a:not(:hover) { color: #58595b; } ul.lang li a:hover { color: #ff6863 !important; } ul.lang li:first-child a { background: #ff6863 url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/lang-radio-active.png) no-repeat 95% 50%; color: #fff !important; } .popup-content .lang > li a:hover { border-bottom: .5px solid #e4e4e4; } ul.lang li:last-child a { border-color: transparent; } ul.lang li:last-child a:hover { border-color: transparent; } ul.lang li:nth-child(2) a, ul.lang li:nth-child(3) a, ul.lang li:nth-child(4) a, ul.lang li:nth-child(5) a, ul.lang li:nth-child(6) a { border-bottom-color: #e4e4e4; } .lang-label { display: inline-block; width: 140px; float: left; margin-right: 29.33px; } .popup .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; } .popup .flag.flag-icon { font-size: 19px; margin-left: 4px; border-radius: 2px; background-size: cover; } .flag-icon:before { content: "\00a0"; } .flag-icon-cn { background-image: url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/cn.svg); } .flag-icon-gb { background-image: url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/gb.svg); } .flag-icon-de { background-image: url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/de.svg); } .flag-icon-es { background-image: url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/es.svg); } .flag-icon-fr { background-image: url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/fr.svg); } .flag-icon-pt { background-image: url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/pt.svg); } .flag-icon-pl { background-image: url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/pl.svg); } ul.lang li.lang-2 a .lang-label { margin: 0; } .mfp-close { overflow: visible; cursor: pointer; text-decoration: none; text-align: center; opacity: .65; font-style: normal; font-size: 28px; font-family: Arial,Baskerville,monospace; color: #fff; top: -30px; right: -30px; z-index: 1048; position: absolute; background: #000; border-radius: 5px; width: 26px; height: 26px; line-height: 25px; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; box-shadow: none; touch-action: manipulation; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .popup-active .popup-wrapper { display: block; } .header-container-wrapper .page-center > div > div { width: auto; margin-left: -30px; } .widget-span.cm-logo { width: 33.333333333333%; float: left; padding-left: 30px; } /* =============== Content =============== */ .body-container-wrapper {} .body-container {} .body-container-wrapper .page-center { padding: 30px; } .content-wrapper {} .main-content {} .sidebar{} .sidebar.right{} .sidebar.left{} /* =============== Footer =============== */ .footer-container-wrapper {} .footer-container {} #request { text-transform: uppercase; color: white; background: #818285; text-align: center; padding: .5em 1em; float: right; font-size: 1em; letter-spacing: .05em; transition: background .4s ease; } .custom-back-to-top { position: fixed; width: 100%; left: 0; bottom: 0; z-index: 99; } .custom-back-to-top-inner { max-width: 1160px; margin: 0 auto; padding: 0 30px; } a#back-to-top { text-transform: uppercase; color: white; background: #818285; text-align: center; padding: .5em 1em; font-size: 1em; letter-spacing: .05em; transition: background .4s ease; display: inline-block; } a#back-to-top:hover, #request:hover{ background: #ea252f; } .copyright { text-align: center; font-size: 11px; color: #aaa; padding: 30px 30px 29px; line-height: 1.3em; width: 100%; } .copyright a:not(:hover) { color: #aaa; } .cm-top-footer { background: #333233; padding: 30px 0 39px; font-size: 18px; color: #fff; line-height: 1.4em; } .cm-top-footer .page-center { padding: 0 30px; } .cm-top-footer .page-center > div > div { margin-left: -30px; width: auto; } .cm-top-footer .widget-span.span4 { width: 33.333333333333%; float: left !important; padding-left: 30px; margin: 0 !important; } .cm-top-footer h3{ color: #fff; font-weight: 900; font-size: 1.5em; margin-bottom: 30px; text-transform: uppercase; } .cm-top-footer p { margin: 0; } .cm-top-footer a:not(:hover) { color: #ccc; white-space: nowrap; } .cm-top-footer a { display: block; } ul#menu-social { list-style: none; margin: 0; padding: 0; } ul#menu-social li { display: inline-block; float: left; width: 25%; margin-right: 1em; margin-bottom: .5em; } ul#menu-social li a:before { display: block; width: 100%; font-size: 24px; } .icon-facebook a:before { content: "\66"; } .icon-linkedin a:before { content: "\6e"; } .icon-twitter a:before { content: "\74"; } .icon-youtube a:before { content: "\79"; } .cm-footer-menu .hs-menu-wrapper ul li { display: block; float: none !important; } /* ========================================================================== 4. MAIN NAVIGATION ========================================================================== */ /* =============== Custom Menu Primary =============== */ /* Parent List */ .custom-menu-primary { padding: 30px 0 0; } .custom-home-pages .hs-home-fixed-header .custom-menu-primary { padding: 0; } .custom-menu-primary .hs-menu-wrapper > ul{ display: block; } .custom-menu-primary .hs-menu-wrapper > ul > li{ float: none !important; display: inline-block; margin-left: 21px; letter-spacing: .08em; } .custom-menu-primary .hs-menu-wrapper > ul > li > a{ color: #818285; float: left; line-height: 46px; font-size: 14px; text-transform: uppercase; height: 46px; border-bottom: 2px solid transparent; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover, .custom-menu-primary .hs-menu-wrapper > ul > li.active > a{ color: #ea252f !important; border-bottom: 2px solid #ea252f !important; } /* Child List */ .custom-menu-primary .hs-menu-wrapper > ul ul{ background-color: #fff; } .custom-menu-primary .hs-menu-wrapper > ul ul li{} .custom-menu-primary .hs-menu-wrapper > ul ul li a{} .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{} .custom-menu-primary ul > li.hs-item-has-children > a:after { content: '\f107 '; display: inline-block; font-family: FontAwesome; margin-left: 4px; font-size: 18px; vertical-align: middle; color: #818285; } .custom-menu-primary ul > li.hs-item-has-children {position:relative;} .custom-menu-primary ul > li.hs-item-has-children:hover ul.hs-menu-children-wrapper { display: block !important; position: absolute; text-align: left; min-width: 220px; background: #fff; left: -13px !important; border-bottom: 3px solid #58595b;top: 46px !important; } .custom-menu-primary ul > li.hs-item-has-children:hover ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 { display: block; border-bottom: 1px dotted #58595b; padding: 12px 12px; } .custom-menu-primary ul > li.hs-item-has-children:hover ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2:last-child { border: none; padding-bottom:7px;} .custom-menu-primary ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a {color:#58595b;font-weight:300;font-size:14px;padding-bottom:5px;} .custom-menu-primary ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover{font-weight:400;color:#ea252f;} .hs-menu-children-wrapper.ChildSecond.open li.hs-menu-item.hs-menu-depth-2:last-child { border-bottom: 2px solid #bfbfc1 !important; } /* Override max width on menu links */ .custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width:768px) { .custom-menu-primary .hs-menu-wrapper, .custom-menu-primary .hs-menu-wrapper > ul ul { display:block !important; } .widget-span.custom-mobile-header { display: none; } } /* =============== Mobile Toggle Menu =============== */ /* Hide button on Desktop */ .mobile-trigger, .child-trigger{ display: none; } body .widget-span.custom-mobile-menu a.ChildSecondTrigger{width:20px !important;} @media (max-width: 767px){ /* Menu Reset */ .custom-menu-primary, .custom-menu-primary .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li, .custom-menu-primary .hs-menu-wrapper > ul li a{ display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color:#fff; } /* ===== Mobile Toggle Button ===== */ .mobile-trigger { display: inline-block !important; cursor: pointer; position: absolute; top: 14px; right: 0; -webkit-transform: translate3d(0,0,0); z-index: 1200; width: 40px; } .mobile-trigger:hover{} .bar-icon { height: 2px; width: 20px; background: #ea252f; display: block; opacity: 1; margin-top: 4px; -webkit-transition: -webkit-transform .15s linear; -moz-transition: -moz-transform .15s linear; -ms-transition: -ms-transform .15s linear; transition: transform .15s linear; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .mobile-open .bar-icon:nth-child(1) { -webkit-transform: rotate(45deg) translate3d(5px,5px,0); -o-transform: rotate(45deg) translate3d(5px,5px,0); -ms-transform: rotate(45deg) translate3d(5px,5px,0); -moz-transform: rotate(45deg) translate3d(5px,5px,0); transform: rotate(45deg) translate3d(4px,4px,0); } .mobile-open .bar-icon:nth-child(2) { opacity: 0; } .mobile-open .bar-icon:nth-child(3) { -webkit-transform: rotate(-45deg) translate3d(4px,-4px,0); -o-transform: rotate(-45deg) translate3d(5px,-5px,0); -ms-transform: rotate(-45deg) translate3d(5px,-5px,0); -moz-transform: rotate(-45deg) translate3d(5px,-5px,0); transform: rotate(-45deg) translate3d(4px,-5px,0); } .custom-mobile-header { background: #fff; } .widget-span.custom-mobile-menu ul li a { padding: 0 !important; border: 0 !important; line-height: normal !important; display: inline-block !important; width: 100% !important; } .widget-span.custom-mobile-menu ul li ul li.hs-menu-item.hs-menu-depth-1.hs-item-has-children a.ChildSecondTrigger{width:20px !important; } .widget-span.custom-mobile-menu ul li {padding: 15px 0 !important; text-align: left; border-bottom: 2px solid #bfbfc1; line-height: 24px;display:inline-block !important;cursor:pointer;} .widget-span.custom-mobile-menu ul li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.open { border-bottom: none; padding-bottom: 0 !important; } .widget-span.custom-mobile-menu ul li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.open ul.hs-menu-children-wrapper.ChildSecond.open{display:block !important;} .widget-span.custom-mobile-menu ul li:hover{border-bottom:2px solid #ea252f;} a.ChildSecondTrigger { position: absolute; z-index: 1; right: 19px; width: 100% !important; text-align: right !important; } .widget-span.custom-mobile-menu ul li:hover > a , .widget-span.custom-mobile-menu ul.language li:hover a{color:#ea252f;} .widget-span.custom-mobile-menu ul li a:hover{border:none !important;} .ChildSecond.open, .ChildThird.open { right: 0; background-color: #fff; cursor: pointer; margin: 37px 0 0 !important; position: relative !important; list-style: none !important; display: block !important; left: 0 !important; padding: 0 !important; } .hs-menu-children-wrapper.ChildSecond.open li.hs-menu-item.hs-menu-depth-2 {border-bottom: 2px dotted #bfbfc1 !important;} } /* ========================================================================== 5. BLOG ========================================================================== */ /* =============== General Blog Styles =============== */ /* Blog Post and Listing Body Class */ .blog {} /* Blog Post */ .hs-blog-post {} .custom-banner { height: 45vh; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat; } .widget-span.custom-top-content-wrapper .page-center { max-width: 920px; } .widget-span.custom-top-content-wrapper .page-center > div > div { margin-left: -30px; overflow: hidden; width: auto; } .widget-span.custom-top-content-wrapper .page-center > div > div > div.span6 { width: 50%; margin: 0; padding-left: 30px; } .custom-post-title h1 { font-weight: 900; font-size: 2em; text-transform: uppercase; color: #818285; margin-bottom: .5em; } .textbody { padding-bottom: 30px; margin-bottom: 0; font-size: 1.25em; line-height: 1.5em; } .textbody p { margin: 0; } .post-body p { line-height: 1.5em; } .post-body p a:not(.topic-link) { color: #ea252f; } .post-body div > iframe, .post-body div > img { padding-bottom: 1em; } .post-body blockquote { text-align: center; } .post-body blockquote p { line-height: 1.25em; } .widget-span.custom-social-icons-tags { width: calc(100% + 30px); margin-left: -30px !important; float: none; overflow: hidden; } .custom-social-icons-tags > div { width: 50%; float: left; padding-left: 30px; } .custom-social-icons-tags h4 { border-top: 1px solid #58595b; padding-top: 1em; margin-bottom: 1.5em; } .custom-social-icons-tags .topic-link { text-transform: uppercase; } span.social a { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 10px; } span.social { font-size: 18px; } span.social a:nth-child(3) { margin-right: 14px; margin-left: 4px; } .custom-download-pdf { padding: 79px 33px 30px; } .custom-download-pdf a { font-size: 15px; text-align: center; font-weight: 400; text-transform: uppercase; background: transparent; padding: 8px 0; border: 1px solid #666; margin: 0; letter-spacing: .08em; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; min-width: 210px; display: inline-block; line-height: 24px; position: relative; } .custom-download-pdf a:after { content: "r"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'icomoon' !important; } .hs-blog-post.blog .blog-content { max-width: 860px; margin: 0 auto; float: none; } .custom-related-post-slider { background: #e7e9ea; padding-bottom: 2em; float: left; width: 100%; } .custom-related-post-slider h3 { margin-bottom: 1em; padding: 0 15px; } /* Blog Listing */ .hs-blog-listing {} .hs-blog-listing .body-container-wrapper { background: #e7e9ea; padding-bottom: 2em; } .hs-blog-listing.blog .blog-content { width: calc(100% + 30px); margin-left: -30px; overflow: hidden; clear: both; text-align: left; } .hs-blog-listing .post-listing { overflow: hidden; padding: 17px 0 0; } /* Blog Columns Wrapper */ .blog .content-wrapper {} /* =============== Blog Content Column =============== */ .blog .blog-content {} /* Use this to style the main wrapper for the blog listing pages */ .blog-listing-wrapper {} /* Use this to style the main wrapper for the blog post pages */ .blog-post-wrapper {} /* Blog Title */ .hs-blog-header h1 {} .hs-blog-header h1 a{} .related-post-body p { margin: 0 0 15px; } /* Blog Post Title */ .post-header h2, h2.post-listing-simple, .related-title h2 { padding: 20px 0 0 0; width: 100%; text-transform: uppercase; font-size: 1em; font-weight: 900; margin-bottom: 10px; } .post-header h2 a, h2.post-listing-simple a{ text-decoration: none !important; } span.filter-link-count { display: none; } /* Blog Author and Avatar */ #hubspot-author_data {} #hubspot-author_data:after { content: ''; display: block; clear: both; } #hubspot-author_data a.author-link {} #hubspot-author_data .hs-author-avatar { max-width: 70px; padding: 10px 10px 10px 0; } #hubspot-author_data .hs-author-avatar img { height: auto !important; max-width: 100%; } /* Use this to set up different styling for your blog posts */ .blog-listing-wrapper .post-listing .post-item { width: 33.333333333333%; float: left; padding-left: 30px; margin-bottom: 30px; } .post-item-inner, .related-post-item { background: white; margin-bottom: 30px; padding: 0 10px; } .related-post-item-outer { margin: 0 15px; } .custom-related-post-slider .page-center { padding: 30px 15px 0; } h2.hs-blog-title { padding: 20px 0 0 0; width: 100%; text-transform: uppercase; font-size: 1em; font-weight: 900; margin-bottom: 10px; } .hs-featured-image-content-wrapper:hover h2.hs-blog-title a{ color: #ea252f; } .hs-blog-banner-area { height: 45vh; overflow: hidden; background-position: center; } .blog-listing-wrapper .post-listing .post-item .post-body { padding: 0 10px 40px; background: white; } .hs-blog-top-content-wrapper { background: #fff; } .hs-blog-top-content-wrapper .hs-blog-top-right-column.hs-blog-top-columns p { font-size: 18px; line-height: 1.5em; margin: 0 0 1em; text-align: justify; } .hs-blog-top-content-wrapper .hs-blog-top-left-column.hs-blog-top-columns h3 { margin-bottom: 1em; } .hs-blog-top-content-wrapper .hs-blog-top-left-column.hs-blog-top-columns p { margin: 0 0 1em; font-size: 1.8em; line-height: 1.25em; font-weight: 300; } /* Post Featured Image on Listings Page */ .hs-featured-image-wrapper {} .hs-featured-image-wrapper .hs-featured-image-link {} .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{ border-width: 0; max-width: 100%; height: auto; width: auto; display: block !important; float: none; margin: 0; } .featured-image { width: 100%; height: 100%; object-fit: cover; min-height: 220px; } .hs-featured-image-wrapper { width: 100%; } /* Read More Link */ a.more-link { display:block; margin:15px 0; } /* Blog Topics List */ .hs-blog-listing #hubspot-topic_data, p.pop-topics{ padding: 10px 0; /*float: left;*/ width: 100%; text-transform: uppercase; font-size: 1em; margin: 0; } a.topic-link, p.pop-topics span{ color: white; font-size: .75em; padding: 0 .5em; background: #aaa; letter-spacing: .05em; font-weight: 600; display: inline-block; margin-bottom: 1px; } .related-post-body { padding: 15px 0; } /* Blog Social Sharing Icons */ .hs-blog-social-share { margin-top: 20px; padding: 10px 0 0 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: auto; } .body-container .hs-blog-social-share li{ background: none; padding: 0; } #comment-form .hs_subscribe li { list-style: none; padding: 0; } body.hs-blog-listing .blog-listing-wrapper .post-listing .post-item { float: left; } body.hs-blog-listing .blog-listing-wrapper .post-listing .post-item:nth-child(3n+4) { clear: left; } @media(max-width: 767px) { body.hs-blog-listing .blog-listing-wrapper .post-listing .post-item:nth-child(3n+4) { clear: none; } body.hs-blog-listing .blog-listing-wrapper .post-listing .post-item:nth-child(2n+3) { clear: left; } } @media(max-width: 480px) { body.hs-blog-listing .blog-listing-wrapper .post-listing .post-item:nth-child(2n+3) { clear: none; } } /* Blog Commments */ #comments-listing { border: 1px solid #ccc; margin-bottom: 30px; margin-top: 30px; } #comments-listing.no-comments { border: none; } .comment { margin: 10px 0; border-top: 1px solid #ccc; padding: 15px 0; } .comment.depth-0 { border-bottom: 1px solid #000 !important; border-top: medium none !important; margin: 0 10px 10px !important; padding: 0 15px !important; } .comment-body { border-bottom: medium none; display: block; padding: 0; } .comment-reply-to{ margin-bottom: 15px; } .comment-from h4 { margin: 0; padding-top: 15px; } .comment-date { display: block !important; font-size: 13px; text-align: left; } .comment-from { font-weight: bold; } .comment-body { padding: 10px 0; } .custom_listing_comments{ border: 1px solid #E2E2E2; display: block; line-height: 165%; padding: 15px; line-height:26.4px; } /* Pagination */ .blog-pagination { padding: 30px 30px; } .blog-pagination a { display:none; } .blog-pagination a.previous-posts-link {} .blog-pagination a.all-posts-link {} .blog-pagination a.next-posts-link {} /* Blog All Posts Page */ .hs-content-path-blog-all {} div.post-listing-simple { padding: 0 30px; } div.post-listing-simple .post-item {} h2.post-listing-simple {} h2.post-listing-simple a {} div.post-listing-simple .post-item-inner { background: transparent; padding: 0; margin: 0; } div#infscr-loading { display: none!important; } /* =============== Blog Sidebar =============== */ .blog .blog-sidebar {} /* Blog Modules */ .blog .blog-sidebar .widget-span {} .blog .blog-sidebar .cell-wrapper{ margin:0 0 30px; } /* =============== Blog Author Page and Author Bio =============== */ .hs-blog-listing .hs-author-profile { border-bottom: 1px solid #ccc; padding: 0 0 20px 0; overflow: hidden; width: calc(100% - 60px); margin: 0 auto 20px; } .hs-blog-post .hs-author-profile { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0 20px 0; margin: 20px 0 20px 0; } h3.hs-author-listing-header { padding: 0 30px; } .hs-author-profile .hs-author-profile:after { content: ''; display: block; clear: both; } /* Author Avatar */ .hs-author-profile .hs-author-avatar { float: left; margin-right: 15px; max-width: 100px; } .hs-author-profile .hs-author-avatar img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; max-width: 100%; } /* Author Bio Wrapper*/ .hs-author-profile .hs-author-bio { overflow: hidden; } /* Author Name */ .hs-author-profile h2.hs-author-name { margin: 0 0 10px 0; } /* Author Social Follow Me */ .hs-author-profile .hs-author-social-section {} .hs-author-profile .hs-author-social-label {} .hs-author-profile .hs-author-social-links {} .hs-author-profile .hs-author-social-link {} .hs-author-profile .hs-social-facebook {} .hs-author-profile .hs-social-linkedin {} .hs-author-profile .hs-social-twitter {} .hs-author-profile .hs-social-google-plus {} /* =============== Per Blog Customization =============== */ /* Jobs */ .job-post h2 { font-weight: bold; color: #58595b; } /* ========================================================================== 6. FORMS ========================================================================== */ /* =============== Global Form Styles =============== */ /* Form Field */ .hs-form-field {} /* Descriptions */ .hs-field-desc {} /* Labels and Legends */ label {} body .hs-form-field > label, .widget-type-google_search label, #comment-form li.hs-form-booleancheckbox label { display: block; margin-bottom: 4px; } .hs-form fieldset.form-columns-2 .hs-form-field { width: calc(50% - 12px) !important; margin: 0 6px; } .hs-form fieldset.form-columns-1 .hs-form-field { margin: 0 6px; } /* One Line Inputs */ input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"], textarea, select { padding: 8px; background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #c1c1c1; color: #58595b; font-size: 16px; width: 100%; display: block; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; line-height: normal; outline: 0 !important; margin-bottom: 15px; } select { background: #fff url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_January2018/Images/select.svg) right center no-repeat; border-radius: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="file"]:focus, textarea:focus, select:focus { outline: 0; border: 1px solid #666 !important; } /* Separate Styles for Multiple Line Inputs */ textarea {} textarea:focus {} /* Separate Styles for Drop Downs */ select {} select:focus {} /* Multiple Selection Inputs */ form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; } form.hs-form .hs-form-field ul.inputs-list li input {} input[type="radio"] {} input[type="checkbox"] {} /* Required */ input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {} input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {} /* Error */ .hs-error-msgs label{ color: #e80000; margin-top: -20px; display: block; line-height: 24px; } fieldset .hs-form-field > label span.hs-form-required{display:none;} /* Placeholder Text */ ::-webkit-input-placeholder { color: #58595b; opacity: 1; } /* Webkit Browsers */ :-moz-placeholder { color: #58595b; opacity: 1; } /* Firefox 18- */ ::-moz-placeholder { color: #58595b; opacity: 1; } /* Firefox 19+ */ :-ms-input-placeholder { color: #58595b; opacity: 1; } /* IE10 */ .hs-meet-flyability-section2-form ::-webkit-input-placeholder { color: #58595b; opacity: 1; } /* Webkit Browsers */ .hs-meet-flyability-section2-form :-moz-placeholder { color: #58595b; opacity: 1; } /* Firefox 18- */ .hs-meet-flyability-section2-form ::-moz-placeholder { color: #58595b; opacity: 1; } /* Firefox 19+ */ .hs-meet-flyability-section2-form :-ms-input-placeholder { color: #58595b; opacity: 1; } /* IE10 */ /* =============== Multi Column Form =============== */ .hs-form fieldset.form-columns-1 {} .hs-form fieldset.form-columns-1 .hs-form-field {} .hs-form fieldset.form-columns-2 {} .hs-form fieldset.form-columns-2 .hs-form-field {} .hs-form fieldset.form-columns-3 {} .hs-form fieldset.form-columns-3 .hs-form-field {} /* Multiple Selection Inputs */ form.hs-form .hs-form-field ul.inputs-list li input {} input[type="radio"] {} input[type="checkbox"] {} form.hs-form fieldset { max-width: none; } /*form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; }*/ form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; } form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; } form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; } form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; padding-right: 25px; } form.hs-form fieldset.form-columns-3 .hs-form-field:last-child { padding: 0; } form.hs-form .legal-consent-container { font-size: 80%; margin: 10px 5px 30px 5px; } @media (max-width: 400px) { form.hs-form fieldset .hs-form-field { padding: 0; } form.hs-form fieldset.form-columns-3 .hs-form-field, form.hs-form .form-columns-2 .hs-form-field .hs-input, form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; } form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } /* =============== Blog Comment Form =============== */ /* Label */ #comment-form .hs-form-field > label {} #comment-form label {} /* Inputs */ #comment-form input[type="submit"] { margin-top: 15px; } #comment-form input[type="text"] {} #comment-form input[type="text"]:focus {} #comment-form textarea {} #comment-form textarea:focus {} #comment-form input[type="checkbox"] {} /* =============== Blog Subscription Form =============== */ /* Label */ #hs_form_target_blog_subscription .hs-form-field > label {} #hs_form_target_blog_subscription label {} /* Inputs */ #hs_form_target_blog_subscription input[type="email"] {} #hs_form_target_blog_subscription input[type="email"]:focus {} #hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] { width: auto; margin-right: 10px; } /* =============== Google Search Form =============== */ /* Label */ .widget-type-google_search label {} /* Input */ .widget-type-google_search input[type="text"] {} .widget-type-google_search input[type="focus"] {} /* ========================================================================== 7. BUTTONS ========================================================================== */ /* =============== All Global Buttons (Excluding CTAs) =============== */ .hs-button.primary, input[type="submit"], input[type="button"] { cursor: pointer; -webkit-appearance: none; text-decoration: none !important; display: inline-block; text-transform: uppercase; background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #c1c1c1; color: #58595b; font-size: 16px; margin: 0px 6px; padding: 8px 25px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; line-height: normal; outline: 0 !important; font-family: arial; margin-bottom: 15px; white-space: normal !important; } .hs-button.primary:hover, input[type="submit"]:hover, input[type="button"]:hover {} .hs-button.primary:focus, input[type="submit"]:focus, input[type="button"]:focus { border: 1px solid #666 !important; } /* =============== Form Module Button =============== */ .hs_cos_wrapper_type_form .hs-button.primary.large {} .hs_cos_wrapper_type_form .hs-button.primary.large:hover {} .hs_cos_wrapper_type_form .hs-button.primary.large:focus {} /* =============== Blog Comment Button =============== */ #add-comment-button.hs-button.primary {} #add-comment-button.hs-button.primary:hover {} #add-comment-button.hs-button.primary:focus {} /* =============== Blog Subscription Button =============== */ #hs_form_target_blog_subscription .hs-button.primary.large {} #hs_form_target_blog_subscription .hs-button.primary.large:hover {} #hs_form_target_blog_subscription .hs-button.primary.large:focus {} /* =============== Google Search Button =============== */ .widget-type-google_search .hs-button.primary {} .widget-type-google_search .hs-button.primary:hover {} .widget-type-google_search .hs-button.primary:focus {} /***********Video Banner Area ***************/ .hero-banner-container, .tech-logo-container { clear: both; width: 100%; padding: 0; float: left; margin: 0; } .jquery-background-video-wrapper { position: relative !important; overflow: hidden; min-height: 760px; height: 80vh !important; z-index: 1 !important; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; margin: -1px 0 0; } .edited .jquery-background-video-wrapper { height: 100%; } @media (max-width: 767px) { .edited .jquery-background-video-wrapper { min-height: 450px; } } .jquery-background-video { position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; -o-object-fit: contain; object-fit: contain; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .edited .jquery-background-video { -o-object-fit: cover; object-fit: cover; } .js .jquery-background-video { opacity: 0; -webkit-transition: opacity 300ms linear; transition: opacity 300ms linear; } .js .jquery-background-video.is-visible { opacity: 1; max-width: none !important; } .video-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; /*background: url(//www.flyability.com/wp-content/themes/flyability_master/) left top repeat;*/ opacity: .3; } .page-width { width: 92%; max-width: 960px; margin: 0 auto; height: 100%; display: table; max-height: 85%; } .video-hero--content { display: table-cell; vertical-align: middle; position: relative; text-align: center; color: #FFF; margin: 0; height: 80%; text-shadow: 0 0 5px rgba(0,0,0,0.4); font-size: 18px; } .video-hero--content h1, .video-hero--content h2 { margin: 0 0 10px; font-family: "proxima-nova",sans-serif; font-weight: 300; text-shadow: 2px 3px 6px rgba(0,0,0,0.9) } .video-hero--content h1 { font-size: 45px; line-height: 54px; font-weight: 500; margin: 0 auto 5px auto; } .video-hero--content h2 { font-size: 29.7px; line-height: 46px; color: #fff; } .btn-container { max-width: 785px; margin: 45px auto 0 auto; } .video-hero--content p { font-size: 20px; margin: 0; } .bbutton { width: auto; max-width: 15rem; min-width: 15rem; display: inline-block; margin: 25px 25px 9px 25px; padding: 0; font-size: 15px; height: 38px; color: #fff; line-height: 38px; text-transform: uppercase; background: rgba(69,69,69,.8); border: 1px solid rgba(69,69,69,.8); } .discover-eli.bbutton { margin-left: 0; } .discover-app.bbutton { margin-right: 0; } .newsletter.bbutton { background: transparent; border: 1px solid #9e9e9e !important; color: #fff; margin-left: auto; margin-right: auto; display: block !important; } .fancybox.bbutton.newsletter { display: block; } .bbutton:hover, .newsletter.bbutton:hover { background: #ea252f; border: 1px solid #ea252f !important; color: #fff; } .bbutton .fa { padding-left: 4px; font-size: 19px !important; line-height: 14px !important; vertical-align: middle !important; } .scroll-btn { display: block; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; } .scroll-btn .mouse { position: relative; display: block; width: 83px; height: 45px; margin: 0 auto 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_January2018/Images/banner-darrow.png) no-repeat bottom center; } .jquery-background-video-pauseplay { position: absolute; background: transparent; border: 0; box-shadow: none; width: 20px; height: 20px; top: 15px; right: 15px; padding: 0; cursor: pointer; outline: 0 !important; } .jquery-background-video-pauseplay:after, .jquery-background-video-pauseplay:before { content: ""; position: absolute; left: 0; top: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .jquery-background-video-pauseplay.pause:before, .jquery-background-video-pauseplay.pause:after { border-top: 10px solid #FFF; border-bottom: 10px solid #FFF; border-left: 5px solid #FFF; } .jquery-background-video-pauseplay span { display: none; } .jquery-background-video-pauseplay.pause:after { left: 10px; } .jquery-background-video-pauseplay.play:before { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #FFF; } .hs-home-page .custom-header { position: absolute; z-index: 1000; background: transparent; } .hs-home-page .custom-menu-primary .hs-menu-wrapper > ul > li > a { color: #fff; } .hs-home-page .widget-span.cm-logo a { background: none,transparent url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_January2018/Images/flyability_logo_home.svg) center left no-repeat; display: block; } .hs-home-page .cm-logo img { max-height: 108px; visibility: hidden; } .menu-extra-container { position: relative; display: block; } /*.menu-extra-container ul {*/ /* margin: 0;*/ /* padding: 0 107px 0 0;*/ /* list-style: none;*/ /* text-align: right;*/ /*}*/ .menu-extra-container ul li { display: inline-block; letter-spacing: .08em; } .menu-extra-container ul li a { color: #818285; line-height: 46px; font-size: 14px; text-transform: uppercase; height: 46px; } .hs-home-page .custom-header .custom-menu-primary { padding: 32px 0 0; } .menu-extra-container ul li a { height: 100%; padding-bottom: 2px; padding-top: 3px; } .menu-extra-container ul li a:hover { color: #ea252f; border-bottom: 2px solid #ea252f; } .hs-newsletter-form .newsl-desc { display: inline-block; float: left; width: 100%; max-width: 253px; padding: 255px 30px 28px 30px; background: #333233 url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_January2018/Images/mail-ico.jpg) no-repeat 30px 30px; color: #fff; text-align: center; font-weight: 500; } .hs-newsletter-form .newl-mc { display: inline-block; float: left; width: 100%; max-width: 585px; padding: 43px 58px 27px 58px; background-color: #d9d9da; margin-left: 0 !important; } .hs-newsletter-form .newl-mc h2 { text-transform: uppercase; font-weight: 600; color: #58585a; display: block; text-align: left; margin: 0; padding: 0 0 34px 0; font-size: 27px; } .hs-newsletter-form span.hs-form-required, .hs-bottom-form span.hs-form-required{ display: none !important; } .hs-newsletter-form form.hs-form input[type="email"], .hs-newsletter-form form.hs-form input[type="text"] { border-width: 0 0 1px 0; border-style: solid; border-color: #454545; font-size: 16px; line-height: 22px; padding: 13px; margin-bottom: 8px; background: transparent; width: 100%; max-width: 375px; } .hs-newsletter-form form.hs-form input[type="email"] { margin-bottom: 30px; } .hs-newsletter-form form.hs-form input[type="email"]:focus, .hs-newsletter-form form.hs-form input[type="text"]:focus { border-width: 0 0 1px 0 !IMPORTANT; outline: none; } form.hs-form .hs-form-booleancheckbox { position: relative; font-size: 14.94px; margin-top: 35px; margin-bottom: 24px; line-height: 18.675px; } form.hs-form input[type="checkbox"] { visibility: hidden; position: absolute; } form.hs-form .hs-form-booleancheckbox label:before { content: ""; position: absolute; background: transparent; border: 1px solid #aaa; left: 0; top: 0; width: 18px; height: 18px; } form.hs-form .hs-form-booleancheckbox span.hs-form-required { display: inline-block !important; margin: 0 0 0 3px; color: #e80000; } form.hs-form .hs-form-booleancheckbox span:before, form.hs-form .hs-form-booleancheckbox span:after { content: " "; } form.hs-form .hs-form-booleancheckbox span { margin-left: 2em; text-transform: uppercase; } form.hs-form .hs-form-booleancheckbox span a { text-decoration: underline; } form.hs-form input[type="checkbox"]:checked + span:after { top: .1em; left: .4em; content: "\2714"; font-size: .8em; position: absolute; top: 0; left: .3em; height: 1em; width: 1em; } .hs-newsletter-form form.hs-form .hs-button.primary.large { background: #ec2027; color: #fff; text-align: center; font-size: 16px; font-weight: 500; line-height: 32px; border: 0; max-width: 375px; width: 100%; margin-top: 35px; } .fancybox-lock .fancybox-overlay { background-color: rgba(119, 119, 119, 0.7) !important; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 0 20px #111 !important; -moz-box-shadow: 0 0 20px #111 !important; box-shadow: 0 0 20px #111 !important; } .fancybox-skin { position: relative; background: #d9d9da url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_January2018/Images/mc-form-bg.png) repeat-y top left; color: #444; text-shadow: none; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; padding: 0 !important; max-width: 858px !important; width: 100% !important; margin: 0 auto !important; } .fancybox-lock body { overflow: visible !important; } .fancybox-outer, .fancybox-inner { width: 100% !important; } .fancybox-wrap { width: 100% !important; left: 0 !important; right: 0 !important; } .fancybox-close { top: 18px; right: 34px; width: 26px; height: 26px; background: url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_January2018/Images/pop-close.png) no-repeat top left; } .fancybox-lock body { overflow: visible !important; } .fancybox-lock { overflow: visible !important; } .fancybox-margin { margin-right: 0 !important; } .fancybox-lock .fancybox-overlay { overflow: auto !important; } /**********Home Page Styling**********/ .hs-bottom-form-wrapper .hs-bottom-form form.hs-form { width: 100%; max-width: 530px !important; } .hs-bottom-form .hs-form fieldset.form-columns-2 .hs-form-field:first-child { padding: 0; padding-right: 15px; } .hs-bottom-form .hs-form fieldset.form-columns-2 .hs-form-field { padding-left: 15px; padding-right: 0; } .hs-bottom-form .hs_cos_wrapper_type_form .hs-button.primary.large { border: 1px solid #666; color: #666; font-size: 15px; padding: 8px 0; letter-spacing: 1.2px; max-width: 210px; width: 100%; } .hs-bottom-form .hs-recaptcha { padding-bottom: 20px; } .hs-top-content-wrapper { background: rgb(204, 204, 204); padding-top: 30px; padding-bottom: 30px; } .hs-top-content-wrapper h2 { font-size: 24px; line-height: 24px; font-weight: 300; color: rgb(88, 89, 91); margin: 0; } .hs-top-content-wrapper h2 strong { font-weight: 900; } .hs-top-content-wrapper .hs-top-row-heading { padding-top: 59px; } .hs-top-content-wrapper .hs-top-row-heading h2 { text-align: center; font-size: 24px; line-height: 27px; font-weight: 300; color: rgb(88, 89, 91); margin-bottom: 36px; } .container-fluid .row-fluid .hs-top-content-wrapper .page-center { max-width: 1232px; padding: 0px 15px; } .hs-top-row1-wrapper .row-depth-2.row-number-2 > .row-fluid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100% !IMPORTANT; } .hs-top-content-wrapper .hs-top-row1-cols.hs-top-row1-col3 { text-align: center; border-left: 1px solid rgba(88, 89, 91, 0.5); } .hs-top-content-wrapper .hs-top-row1-cols.hs-top-row1-col4 { text-align: right; border-left: 1px solid rgba(88, 89, 91, 0.5); } .hs-top-content-wrapper .hs-top-row1-cols.hs-top-row1-col5 { text-align: right; } .hs-top-content-wrapper .hs-top-row1-wrapper { padding-bottom: 45px; } .hs-top-row1-wrapper .hs-top-row1-cols { width: 18% !important; margin-left: 0 !IMPORTANT; padding: 0 5px; } .hs-top-content-wrapper .hs-top-row1-cols.hs-top-row1-col3 { width: 28% !important; } .hs-top-row2-wrapper { padding-bottom: 117px; } .hs-top-row2-wrapper .row-depth-2.row-number-2 .row-fluid { display: flex; flex-wrap: wrap; justify-content: center; } .hs-top-row2-wrapper .row-depth-2.row-number-3 .row-fluid { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 20px; } .hs-top-content-wrapper .hs-top-row2-wrapper .hs-top-row-heading h2 { margin-bottom: 25px; } .hs-top-row2-wrapper .hs-top-row2-cols.hs-top-row2-col1 { text-align: left; border: 0; } .hs-top-row2-wrapper .hs-top-row2-cols { width: 16.66%; margin-left: 0 !important; text-align: center; border-left: 1px solid rgba(88, 89, 91, 0.5); line-height: 70px; padding:0 5px; } .hs-top-row2-wrapper .hs-top-row2-cols img { vertical-align: middle; } .hs-top-row2-wrapper .hs-top-row2-cols { width: 25%; margin-left: 0 !important; text-align: center; border-left: 1px solid rgba(88, 89, 91, 0.5); line-height: 70px; } .hs-top-row2-wrapper .hs-top-row2-cols.hs-top-row2-col1 { text-align: left; border: 0; width: 10.5%; } .hs-top-row2-wrapper .hs-top-row2-cols.hs-top-row2-col3, .hs-top-row2-wrapper .hs-top-row2-cols.hs-top-row2-col3-2 { width: 14.5%; } .hs-top-row2-wrapper .hs-top-row2-cols.hs-top-row2-col4 { width: 20%; } .hs-top-row2-wrapper .hs-top-row2-cols.hs-top-row2-col5 { width: 24%; border: none; } .hs-top-row2-wrapper .hs-top-row2-cols.hs-top-row2-col6 { width: 16%; } .hs-flexible-wrapper { padding-top: 35px; background-color: #ffffff; padding-bottom: 25px; } .container-fluid .row-fluid .hs-flexible-wrapper .page-center { padding: 0px 15px; } .container-fluid .row-fluid .hs-flexible-wrapper .page-center > div { background-color: #fff; padding-left: 19px; padding-right: 19px; padding-bottom: 5px; } .hs-blog-post-wrapper { padding-top: 35px; background-color: #e7e9ea; padding-bottom: 25px; } .container-fluid .row-fluid .hs-blog-post-wrapper .page-center { padding: 0px 15px; } .container-fluid .row-fluid .hs-blog-post-wrapper .page-center > div { background-color: #fff; padding-left: 19px; padding-right: 19px; padding-bottom: 5px; } .hs-blog-post-wrapper .hs-blog-slider-right-wrapper h1 { padding-left: 10px; margin-bottom: 16px; line-height: 24px; font-size: 30px; font-weight: 900; } .hs-blog-post-wrapper .blog-list-recent-post-wrapper { padding-left: 10px; padding-right: 10px; } .hs-blog-post-wrapper .blog-list-recent-post-list-item h3.hs-blog-title { padding-top: 13px; padding-bottom: 4px; margin: 0; font-size: 18px; font-weight: bold; line-height: 24px; } .hs-blog-post-wrapper .blog-list-recent-post-list-item h3.hs-blog-title a { line-height: 18px; } .hs-blog-post-wrapper .blog-list-recent-post-list-item { padding-top: 3px; padding-bottom: 4px; background: url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_January2018/Images/border-dots.png) repeat-x bottom center; } .hs-blog-post-wrapper .blog-list-recent-post-list-item:nth-child(3) { background: none; } .hs-blog-post-wrapper .custom-recent-post-content { padding-top: 13px; padding-bottom: 4px; font-size: 15px; text-transform: none; line-height: 18px; color: #2f2e2b; font-weight: normal; text-shadow: 0 0 0; } .hs-blog-post-wrapper .custom-recent-post-content p { margin: 0 0 15px; } .hs-blog-post-wrapper .custom-recent-post-content p a { color: #2f2e2b; } .hs-blog-link { margin: 0; } .hs-blog-link a { color: #ec2027; font-size: 12px; display: block; font-weight: bold; } .hs-blog-post-wrapper h3 { font-weight: 900; font-size: 27px; margin-bottom: 30px; color: #58595b; line-height: 32.4px; } .hs-bottom-form-wrapper form.hs-form .hs-form-booleancheckbox { margin-top: 20px; } .container-fluid .row-fluid .hs-section1-wrapper .page-center { padding-top: 35px; padding-bottom: 0; } .custom-home-pages .hs-section1-row1-left-col.hs-section1-row1-cols { margin-top: 50px; } .custom-home-pages .hs-section1-row1-cols { margin-bottom: 35px; } .custom-home-pages .hs-section1-row1-left-col.hs-section1-row1-cols h1 { line-height: 1.2em; font-size: 3em; font-weight: 600; margin-bottom: 0; text-transform: uppercase; color: #ea252f; margin: 0; padding: 0; } .custom-home-pages .hs-section1-row1-left-col.hs-section1-row1-cols h4 { font-size: 1.5em; border: 0; padding-top: 0; margin-bottom: 1.5em; } .custom-home-pages .hs-section1-row1-left-col.hs-section1-row1-cols ul { padding-left: 0; margin: 0; list-style: none; } .custom-home-pages .hs-section1-row1-left-col.hs-section1-row1-cols ul li { font-size: 1.5em; font-weight: 300; border-bottom: 1px solid #818285; padding-bottom: 1em; margin-bottom: 1em; line-height: 1; } .custom-home-pages .hs-section1-row1-left-col.hs-section1-row1-cols ul li:last-child { margin-bottom: 0px; } .custom-home-pages .hs-section1-row2-cols { margin-bottom: 35px; } .custom-home-pages .hs-section1-row2-left-col.hs-section1-row2-cols p { margin: 0; font-size: 1.8em; line-height: 1.25em; font-weight: 300; } .custom-home-pages .hs-section1-row2-right-col.hs-section1-row2-cols p { margin: 0; line-height: 1.5em; } .custom-home-pages .hs-section1-row3-wrapper { margin-top: 0; margin-bottom: 50px; /*padding-top: 50px;*/ } .custom-home-pages .hs-section1-row3-wrapper .hs_3col_img_w_content_wrap { padding-top: 50px !important; } .custom-home-pages .hs-section1-row3-top-heading { margin-bottom: 35px; } .custom-home-pages .hs-section1-row3-top-heading p { margin: 0; font-size: 1.8em; line-height: 1.25em; font-weight: 300; } .custom-home-pages .hs-section1-row3-top-heading h3 { margin-bottom: 0px !important; } .custom-home-pages .hs-section1-row3-cols { text-align: center; } .custom-home-pages .hs-section1-row3-cols p { margin: 0 0 35px; line-height: 1.5em; } .custom-home-pages .hs-section1-row3-cols img { margin-bottom: 35px; } .custom-home-pages .hs_3col_img_w_content_wrap { text-align: center !important; padding: 0px 0 0px !important; } .custom-home-pages .hs_3col_img_w_content_wrap .page-center { padding: 0 !important; } .custom-home-pages .hs_3col_img_w_top_wrap h3, .hs_3col_img_w_top_wrap h4 { margin: 0 !important; } .custom-home-pages .hs_3col_img_w_content_wrap .hs_3col_img_w_content-wrapper p { line-height: 1.5em !important; margin: 0 0 35px !important; } .custom-home-pages .hs_3col_img_w_content-wrapper { text-align: center; margin: 0 !important; } .custom-home-pages .hs_3col_img_w_content_wrap figure { margin: 0 0 35px !important; } .custom-home-pages .hs_3col_img_w_content_wrap .hs_3col_img_w_content-wrapper h4 { padding-top: 1em !important; margin-bottom: 1.5em !important; font-size: 1em !important; text-transform: uppercase !important; } .custom-home-pages .hs-section2-wrapper { background-color: #ededed !important; padding-top: 50px; padding-bottom: 50px; } .container-fluid .row-fluid .hs-section2-wrapper .page-center { padding-bottom: 0; padding-top: 35px; } .custom-home-pages .hs-section2-top-heading h3 { margin: 0; } .custom-home-pages .hs-section2-svg-module { margin-bottom: 35px; } .custom-home-pages .hs-section2-two-column-cols { text-align: center; margin-bottom: 35px; } .custom-home-pages .hs-section2-two-column-cols a { text-transform: uppercase; color: white; font-size: 1em; letter-spacing: .05em; transition: background .4s ease; background: #818285; text-align: center; padding: .5em 1em; display: inline-block; line-height: 1.5em; } .custom-home-pages .hs-section2-two-column-cols a:hover { background: #ea252f; color: white; } .custom-home-pages .container-fluid .row-fluid .hs-bottom-form-wrapper .page-center { padding-top: 0; } .custom-home-pages .hs-form-heading h3 { margin-bottom: 1em; line-height: 1.2em; } .custom-home-pages .hs-bottom-form h3.form-title { margin: 0; } .custom-home-pages .hs-form-heading { padding-top: 35px; margin-top: 50px; } .custom-home-pages .hs-bottom-form { padding-top: 35px; margin-top: 50px; padding-left: 30px; } .custom-home-pages .hs-bottom-form form.hs-form { width: 100%; max-width: 100% !important; } .hs-bottom-form input[type="text"], .hs-bottom-form input[type="password"], .hs-bottom-form input[type="datetime"], .hs-bottom-form input[type="datetime-local"], .hs-bottom-form input[type="date"], .hs-bottom-form input[type="month"], .hs-bottom-form input[type="time"], .hs-bottom-form input[type="week"], .hs-bottom-form input[type="number"], .hs-bottom-form input[type="email"], .hs-bottom-form input[type="url"], .hs-bottom-form input[type="search"], .hs-bottom-form input[type="tel"], .hs-bottom-form input[type="color"], .hs-bottom-form input[type="file"], .hs-bottom-form textarea, .hs-bottom-form select { max-width: 100%; width: 100% !important; } .hs-bottom-form textarea { min-height: 200px !important; } .hs-bottom-form form.hs-form .hs-form-booleancheckbox { font-size: 16px; line-height: 24px; margin: 0px; } .hs body .hs-bottom-form form.hs-form .hs-form-field > label { margin-bottom: 0px !important; } .custom-home-pages .hs-bottom-form-wrapper form.hs-form .hs-form-booleancheckbox { margin-top: 0px !important; margin-bottom: 0px !important; } .custom-home-pages .hs-bottom-form .hs_cos_wrapper_type_form .hs-button.primary.large { margin-top: 0px !important; border-color: #c1c1c1; color: #58595b; font-size: 16px; padding: 8px; } .custom-home-pages.hs-home-page .custom-header .custom-menu-primary { padding-top: 56px; } .custom-home-pages .widget-span.cm-logo { padding-left: 0; } .hs-full-width-page .body-container-wrapper h1 { font-weight: 900; margin: 0; margin-bottom: 1em; } .hs-full-width-page .body-container-wrapper h2 { font-weight: 600; margin: 0; margin-bottom: 1em; line-height: 1.2em; font-size: 1.5em; } .hs-full-width-page .body-container-wrapper h3 { margin: 0; margin-bottom: 1em; line-height: 1.2em; font-weight: 900; font-size: 2em; text-transform: uppercase; } .hs-full-width-page .main-content{ line-height: 1.5em; margin-bottom: 30px; } .hs-full-width-page .container-fluid .row-fluid .page-center { padding-bottom: 15px; } .hs-banner-width-image { height: 45vh; width: 100%; background-position: center 35%; background-size: cover; background-repeat: no-repeat; overflow: hidden; } .hs-contact-page .hs-row1-wrapper .hs-main-content-wrapper { line-height: 1.5em; } .hs-contact-page .hs-main-content-wrapper h3 { margin-bottom: 1em; } .hs-contact-page .hs-main-content-wrapper h4 { padding-top: 1em; margin-bottom: 1.5em; } .hs-contact-page .hs-row1-right-column-wrapper { margin-top: 48px; padding-left: 30px; padding-right: 32px; } .hs-contact-page form.hs-form .hs-form-booleancheckbox span.hs-form-required { color: #58595b; } .hs-contact-page .hs-row1-right-column-wrapper form.hs-form .hs-form-booleancheckbox label:before { display: none; } .hs-contact-page .hs-row1-right-column-wrapper form.hs-form .hs-form-booleancheckbox span { margin-left: 7px; text-transform: uppercase; } .hs-contact-page .hs-row1-right-column-wrapper form.hs-form input[type="checkbox"] { visibility: visible; position: static; margin-left: 0; } .hs-contact-page .hs-row1-right-column-wrapper form.hs-form .hs-form-booleancheckbox span:before, .hs-contact-page .hs-row1-right-column-wrapper form.hs-form .hs-form-booleancheckbox span:after { display: none; } .hs-contact-page .hs-row1-right-column-wrapper .hs-bottom-form .hs_cos_wrapper_type_form .hs-button.primary.large { display: block; width: 100%; max-width: 100%; margin: 0; } .hs-contact-page .hs-main-content-wrapper .h3.form-title { margin: 0; } .hs-contact-page .hs-main-content-wrapper .hs-bottom-form-wrapper .h3.form-title { font-weight: 900; font-size: 27px; line-height: 32.4px; margin: 0 0 30px; } /*.hs-contact-page .hs-row1-right-column-wrapper form.hs-form .hs-form-field ul.inputs-list { margin: 0; }*/ .hs-contact-page .hs-bottom-form .hs-form-field { margin-bottom: 25px; } .hs-contact-page .hs-bottom-form .hs-error-msgs { margin-bottom: 0; } .hs-contact-page .hs-bottom-form .hs-error-msgs label { margin-top: 0; } .hs-contact-page .hs-bottom-form .hs-input { margin-bottom: 0 !important; } .hs-contact-page .hs-row1-right-column-wrapper form.hs-form .hs-form-booleancheckbox { margin-top: 0px; margin-bottom: 0px; } .hs-home-page-en .hs-error-msgs label { color: #c5222e !important; font-size: 9.9px; font-weight: normal; text-transform: uppercase; } .hs-support-page blockquote { margin: 0; font-size: 1.8em; line-height: 1.25em; font-weight: 300; } .hs-support-section1 { background: #e7e9ea; padding-bottom: 2em; } .hs-support-page .hs_2col_equ_module .span6 { width: 50%; margin: 0; float: left; padding-left: 30px; line-height: 1.5em; } .hs-support-page .hs_2col_equ_module blockquote { padding: 0; margin: 0; font-size: 1.8em; line-height: 1.25em; font-weight: 300; } .hs-support-page .hs_2col_equ_module_inner { margin-left: -30px; } .hs-support-page .hs-support-section2-content h3 { margin-bottom: 1em; } .hs-support-page .call { max-width: 210px; color: #666; font-size: 15px; text-align: center; font-weight: 400; text-transform: uppercase; background: transparent; padding: 8px 0; border: 1px solid #666; margin: 0; letter-spacing: .08em; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; width: 100%; display: block; line-height: 24px; } .hs-support-page .call:hover { color: #ea252f; } .hs-support-section3 { background: #e7e9ea; padding-bottom: 47px; } .hs-support-my-flyability { padding-bottom: 47px; } .hs-support-page h4 { padding-top: 1em; margin-bottom: 1.5em; } /*.hs-support-page .body-container ul { margin: 16px 0; padding-left: 40px; }*/ .hs-support-page .body-container h3 { margin-bottom: 1em; } .hs-support-section4-flexi img { margin-bottom: 30px; } .hs-support-section4 { padding-bottom: 10px; } .hs-support-on-site { background: #e7e9ea; padding-bottom: 10px; } .hs-support-page .call:hover { color: #ea252f; } .hs-support-section5 { background: #e7e9ea; padding-bottom: 2em; } .hs-two-col-right-image-wrapper .hs-two-col-image.col1 { width: 33.333333333333%; } .hs-two-col-right-image-wrapper .hs-two-col-image { padding-left: 30px; float: left; line-height: 1.5em; margin-bottom: 30px; } .hs-two-col-right-image-wrapper { margin-left: -30px; } .hs-two-col-right-image-wrapper .hs-two-col-image.col2 { width: 66.666666666667%; } .hs-two-col-right-image-wrapper .hs-two-col-image.col1 blockquote { font-size: 1.6em; } .hs-company-page .header-container-wrapper .hs__elios__body_menu_inner .page-center > div > div { margin-left: 0; } .hs-meet-flyability .jquery-background-video-wrapper { min-height: 600px; height: auto !important; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20.3%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .hs-meet-flyability .page-width.hs__letf_content { margin: 0; background-color: rgba(69,69,69,0.5) !important; padding-top: 35px; position: relative; max-width: 100%; width: 83.33333333%; margin-left: 8.33333333%; margin-right: 0; } .hs-meet-flyability .page-width.hs__letf_content .video-hero--content { text-align: center; color: #fff; } .hs-meet-flyability .page-width.hs__letf_content h1 { color: #fff; line-height: 1.2em; margin-bottom: 20px; } .hs-meet-flyability .page-width.hs__letf_content h2 { line-height: 36px; margin-bottom: 35px; font-weight: 600; font-size: 28.8px; } .hs-meet-flyability .page-width.hs__letf_content .hs_btn_container { margin-bottom: 35px; font-size: 16px; line-height: 24px; } .hs-meet-flyability .jquery-background-video-pauseplay { display: none; } .hs-meet-flyability-section1 { padding-top: 35px; padding-bottom: 35px; } .hs-meet-flyability-section1-content { line-height: 1.5em; } .hs-meet-flyability .body-container .page-center { padding-top: 0 !important; padding-bottom: 0 !important; } .hs-meet-flyability-section1-content p:last-child { margin-bottom: 0; } .hs-meet-flyability-section2-form .hs-form-field>label { display: none; } .hs-meet-flyability .body-container h3 { margin-bottom: 1em; } .hs-meet-flyability-section2-form .hs-input { max-width: 100%; } .hs-meet-flyability-section2-form .hs-form-field { padding: 0px 5px 0px 30px; } .hs-meet-flyability-section2-form textarea.hs-input { min-height: 200px; } .hs-meet-flyability-section2-form .hs_submit { padding: 0 30px; margin-top: 21px; margin-bottom: 10px; } .hs-meet-flyability-section2-form .hs-button { padding: 8px; max-width: 210px; width: 100%; } .hs-meet-flyability-section2 { margin-bottom: 25px; } .hs-meet-flyability-section3-content iframe { position: relative; min-width: 320px; height: 580px; } .hs-meet-flyability-section3 { margin-bottom: 30px; } .hs-meet-flyability-section4 .hs_2col_equ_w_left_img_wrap .span6 { width: 50% !important; margin: 0 0 35px !important; padding: 0 15px; } .hs-meet-flyability-section4 .hs_2col_equ_w_left_img_wrap .hs_2col_equ_w_left_img_wrap_inner { margin: 0 -16px; } .hs-meet-flyability-section4 .hs_2col_equ_w_left_img_wrap .hs_content_wrap h4 { padding-top: 1em; margin-bottom: 0; } .hs-meet-flyability-section4 .hs_2col_equ_w_left_img_wrap .hs_content_wrap h5 { margin-bottom: 20px; } .hs-meet-flyability-section2-form .hs_error_rollup { padding: 0 30px; } .hs-contact-page .hs-row1-left-content{ line-height: 1.5em; } .hs-content-form.hs-bottom-form .form-title { margin: 0; } .hs-support-page .hs_2col_equ_module .span6 p { line-height: inherit; } .hs-company-page .body-container-wrapper { line-height: 1.5em; } .hs-company-page .body-container-wrapper h1 { font-weight: 300; font-size: 1.8em; line-height: 1.25em; margin: 0; margin-bottom: 1em; } .hs-company-page .hs-row2-wrapper { background: #e7e9ea; padding-bottom: 2em; } .hs-row2-image-module { margin-bottom: 30px; } .hs-company-page .hs-row2-cols h5{ font-size: .75em; text-transform: uppercase; letter-spacing: .05em; font-weight: 400; margin: 0; } .hs-company-page .hs-row3-col1.hs-row3-cols h1 { font-size: 1.6em; } .hs-company-page .hs-row3-col2.hs-row3-cols h4 { padding-top: 3px; } .hs-company-page .hs-row3-col2.hs-row3-cols ul { margin: 0; padding: 0; list-style: none; } .hs-company-page .hs-row3-col2.hs-row3-cols ul li { font-size: 1em; border-top: 1px solid #58595b; padding-top: .5em; padding-bottom: 0; margin-bottom: 0; font-weight: 600; line-height: 1.2em; clear: both; } .hs-company-page .hs-row3-col2.hs-row3-cols ul li span.icon { margin-right: 1em; margin-bottom: 2em; margin-top: 3px; float: left; } .hs-company-page .hs-row3-col3.hs-row3-cols h3 { margin-bottom: 30px !important; } .hs-company-page .hs-row3-col1.hs-row3-cols { margin-top: 0px; } .hs-company-page .hs-row4-wrapper { background: #e7e9ea; padding-bottom: 2em; } .hs-company-page .hs-row4-col1.hs-row4-cols h2 { margin-bottom: 1em; font-size: 1.6em; line-height: 1.25em; font-weight: 300; color: #58595b; } .hs-company-page .hs-row4-heading h1 { padding-top: 1em; margin-bottom: 0; font-size: 1.25em; text-transform: uppercase; font-weight: 600; line-height: 1.2em; } .hs-company-page .hs-row4-heading p.secondary-header { font-weight: 400; margin-bottom: 1.5em; font-size: 1em; text-transform: uppercase; } .hs-company-page .hs-row4-content p { line-height: 1.3em; } .hs-company-page .hs-row6-left-content.hs-row6-cols h1 { font-size: 1.6em; line-height: 1.23em; margin-bottom: 1em; } .hs-company-page .hs-row6-left-content.hs-row6-cols h2 { color: #ea252f; margin-bottom: 0; } .hs-company-page .hs-row7-wrapper { background: #fff url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_January2018/Images/filter-shade.jpg) repeat-x top center; } .hs-company-page .hs-row8-wrapper { padding-bottom: 2em; } .hs-company-page .hs-top-heading h4 { padding-top: 1em; } .hs-company-page .hs-row1-cols, .hs-company-page .hs-row2-cols, .hs-company-page .hs-row3-col1.hs-row3-cols, .hs-company-page .hs-row7-two-column-wrapper, .hs-company-page .hs-row6-cols { margin-bottom: 30px; } .hs-company-page .hs-row1-cols p:last-child, .hs-company-page .hs-row2-cols p:last-child, .hs-company-page .hs-row3-cols p:last-child, .hs-company-page .hs-row7-two-column-wrapper p{ margin: 0; } a.custom-button { width: 100%; color: #666; font-size: 15px; text-align: center; font-weight: 400; text-transform: uppercase; background: transparent; padding: 8px 0; border: 1px solid #666; margin: 0; letter-spacing: .08em; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; max-width: 210px; display: block; } a.custom-button:hover { color: #ea252f; } .hs-row7-bottom-content a.custom-button { margin-bottom: 60px; } .hs-row7-bottom-content h4 { margin: 0px; padding: 0px; } .container-fluid .row-fluid .hs-row7-wrapper .page-center { padding-bottom: 24px; } .hs-blog-slider-right-container .hs-blog-title a:hover { opacity: .85; } .hs-blog-slider-right-container .hs-blog-title a { color: #58595b; transition: all .2s ease-in-out; } .hs-blog-slider-left-container h1 { font-size: 30px; } .hs-bottom-form-wrapper .hs-bottom-form .form-title { font-size: 27px; } .hs-image-slider .hs_cos_gallery_main.slick-fixed-height-slider .slick-slide { margin: auto 0px; margin: 0; } .hs-image-slider .slick-slide-inner-wrapper > a { width: 100%; min-height: 85px; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 2em; display: block; } .hs-image-slider .slick-slide-inner-wrapper h4 { padding-top: 0px; margin-bottom: 8px; } .hs-image-slider .slick-slide-inner-wrapper p { line-height: 21px; } .hs-image-slider .hs_cos_gallery_main.slick-fixed-height-slider .slick-slide .slick-slide-inner-wrapper { margin: 0 auto; padding-left: 15px; padding-right: 15px; } .hs-image-slider .hs_cos_gallery_main { padding: 0px; } .hs-image-slider button.slick-prev.slick-arrow { left: -40px; } .hs-image-slider button.slick-next.slick-arrow { background-position: right center; right: -40px; } .hs-image-slider button.slick-arrow { background: transparent url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_January2018/Images/img_nav.svg?t=1515839616251) left center; color: #fff; cursor: pointer; display: block; float: left; width: 54px; height: 54px; position: absolute; top: 44%; margin-top: 0; text-indent: -999px; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; z-index: 99; } .hs-image-slider .hs_cos_gallery_main { padding: 0; margin-left: -15px; margin-right: -15px; } .hs-home-page-cn .hs-top-content-wrapper .hs-top-row-heading h2 { font-family: source-han-sans-traditional; } .hs-home-page-cn .hs-top-content-wrapper h2 { font-family: source-han-sans-traditional; } .hs-image-slider .slick-slider { margin-bottom: 0 !important; } .container-fluid .row-fluid .hs-row8-wrapper .page-center { padding-top: 0px; } .hs_es_page .hs-top-content-wrapper h2 { line-height: 27px; } .hs-image-slider .hs_cos_gallery_slide:hover .slick-slide-inner-wrapper h4 a { color: #ea252f; } .hs-newsletter-form .newl-mc h3.form-title { margin: 0; } /*=================================================6425757*/ body.hs__elios__page {} /*---------------------------------*/ .hs__elios__body_menu, .body_menu { min-height: 55px !important; } .hs__elios__body_menu_inner, .body_menu_inner { border-bottom: 1px solid #818285; background: #fff; width: 100% !important; left : 0; top: 0; z-index: 9; } .scroll-body .hs__elios__body_menu_inner, .scroll-body .body_menu_inner { position: fixed; } .hs__elios__body_menu .page-center, .body_menu .page-center { padding: 0 30px; } .hs__elios__body_menu .hs__elios__body_simple_menu {} .hs__elios__body_menu .hs__elios__body_simple_menu ul, .body_menu .body_simple_menu ul { display: block; min-height: 54px; text-transform: uppercase; text-align: right; font-size: 14px; } .hs__elios__body_menu .hs__elios__body_simple_menu ul li, .body_menu .body_simple_menu ul li { display: inline; padding: 0 1em; border-left: 1px solid #818285; float: none !important; margin-left: -3.3px; } .hs__elios__body_menu .hs__elios__body_simple_menu ul li:first-child, .body_menu .body_simple_menu ul li:first-child { border: 0; padding-left: 0; float: left !important; font-weight: 600; font-size: 18px; margin-left: 0; } .hs__elios__body_menu .hs__elios__body_simple_menu ul li:last-child, .body_menu .body_simple_menu ul li:last-child { padding-right: 0; } .hs__elios__body_menu .hs__elios__body_simple_menu ul li:nth-child(2), .body_menu .body_simple_menu ul li:nth-child(2) { border: 0; } .hs__elios__body_menu .hs__elios__body_simple_menu ul li a, .body_menu .body_simple_menu ul li a { color: #818285; background: #fff; height: 100%; letter-spacing: .08em; line-height: 54px; } .hs__elios__body_menu .hs__elios__body_simple_menu ul li.selected a, .hs__elios__body_menu .hs__elios__body_simple_menu ul li:first-child a, .hs__elios__body_menu .hs__elios__body_simple_menu ul li a:hover, .body_simple_menu ul li.selected a, .body_simple_menu ul li:first-child a, .body_simple_menu ul li a:hover { color: #ea252f; } .body_menu_inner li.hs-menu-depth-1.hs-item-has-children > a:after { content: '\f107 '; display: inline-block; font-family: FontAwesome; margin-left: 4px; font-size: 18px; vertical-align: middle; color: #ea252f; } .body_menu_inner li.hs-menu-depth-1.hs-item-has-children > ul { background: #fff; min-width: 200px; width: auto !important; } .body_menu_inner li.hs-menu-depth-1.hs-item-has-children > ul > li.hs-menu-item.hs-menu-depth-2 { color: #818285; background: #fff; height: 100%; letter-spacing: .08em; line-height: 54px; display: inline-block; padding: 0 20px; margin: 0; float: left !important; width: 100%; border-left: 0; } .body_menu_inner li.hs-menu-depth-1.hs-item-has-children > ul > li.hs-menu-item.hs-menu-depth-2 { border-bottom: 1px dotted #58595b } .body_menu_inner li.hs-menu-depth-1.hs-item-has-children > ul > li.hs-menu-item.hs-menu-depth-2:last-child { border-bottom: 3px solid #58595b; } .body_menu_inner li.hs-menu-depth-1.hs-item-has-children > ul > li.hs-menu-item.hs-menu-depth-2 a { font-weight: 400; font-size: 18px; color: #818285; float: left; } .body_menu_inner li.hs-menu-depth-1.hs-item-has-children > ul > li.hs-menu-item.hs-menu-depth-2 a:hover { color: #ea252f; } @media (max-width: 767px) { .body_menu_inner li.hs-menu-depth-1.hs-item-has-children > a:after { content: ""; display: none; } .body_menu_inner li.hs-menu-depth-1.hs-item-has-children > ul { display: none !important; } /*.body_menu_inner li.hs-menu-depth-1.hs-item-has-children > ul { display: none; padding: 5px 0 10px 0; min-height: 0; } .body_menu_inner li.hs-menu-depth-1.hs-item-has-children > ul > li.hs-menu-item.hs-menu-depth-2 a { letter-spacing: 0.8px; line-height: 1.4; font-size: 13px; } .body_menu_inner li.hs-menu-depth-1.hs-item-has-children > ul > li.hs-menu-item.hs-menu-depth-2 { width: auto; }*/ } /*---------------------------------*/ .hs__elios__banner_area {} .hs__elios__body_menu_inner {} .page-width.hs__letf_content { display: block; width: 100%; max-width: 1100px; padding: 5px 15px 0; } .page-width.hs__letf_content .video-hero--content { display: block; text-align: left; } .page-width.hs__letf_content h1 { color: rgb(234, 37, 47); font-size: 48px; line-height: 1; font-weight: 600; margin: 0; } .page-width.hs__letf_content h2 { font-size: 28px; line-height: 33px; margin: 0 0 20px; } .page-width.hs__letf_content .hs_btn_container {} .page-width.hs__letf_content a.hs_btn_watch { line-height: 40px; padding: 13px 0px 20px; font-size: 20px; color: rgb(255, 255, 255); transition: none; text-align: inherit; border-width: 0px; margin: 0px; letter-spacing: 0px; font-weight: 400; display: inline-block; vertical-align: middle; font-family: "Open Sans"; } .page-width.hs__letf_content a.hs_btn_watch i.fa { font-size: 60px; height: 60px; line-height: 60px; vertical-align: middle; } /*-------------Popup----------------*/ body.modal-open { overflow: hidden; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; opacity: 0; background-color: #000; } .modal-backdrop.modal-open { opacity: 0.7; z-index: 1040; } .hs__elios__banner_popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; display: block; -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -110%); -ms-transform: translate(0, -110%); -o-transform: translate(0, -110%); transform: translate(0, -110%); } .hs__elios__banner_popup.is_active { overflow-x: hidden; overflow-y: auto; padding-right: 17px; -webkit-transform: translate(0, 0%); -ms-transform: translate(0, 0%); -o-transform: translate(0, 0%); transform: translate(0, 0%); } .hs__elios__banner_popup>.cell-wrapper { position: relative; margin: 30px auto; max-width: 1130px; width: 100%; -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .hs__elios__banner_popup.is_active>.cell-wrapper { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .hs__elios__banner_popup>.cell-wrapper>span { display: block; position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); background: none; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .hs__elios__banner_popup>.cell-wrapper>span { display: block; position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); background: none; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .hs__elios__banner_popup .modal-header { padding: 25px 25px 15px 25px; text-align: right; } .hs__elios__banner_popup .modal-header button { cursor: pointer; float: none; margin: 0; font-size: 36px; color: #fff; font-weight: 300; text-shadow: none; opacity: 1; background: none; border: 0; outline: none; } .hs__elios__banner_popup .modal-body { position: relative; padding: 0 25px 25px 25px; } .hs__elios__banner_popup .modal-body .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .hs__elios__banner_popup .modal-body iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*_________________________________*/ /*-------------------------------*/ .hs__elios__row__1 { padding: 30px 0 30px; text-align: center; background-color: #fff; } .hs__elios__row__1 .widget-type-rich_text { max-width: 703px; margin: 0 auto !important; float: none; position: relative; left: -15px; } .hs__elios__row__1 .widget-type-rich_text p { font-size: 18px; line-height: 24px; } .hs__elios__row__1 .widget-type-rich_text a.hs_btn_red { color: #ea252f; display: inline-block; margin: 34px 0 20px; font-size: 16px; } .hs__elios__row__1 .widget-type-rich_text a.hs_btn_red i { font-size: 20px; line-height: 16px; font-family: FontAwesome; font-style: normal; padding-right: 15px; } /*-------------------------------*/ .hs__elios__row__2 {} .hs_banner_w_content_wrap { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .hs_banner_w_content_wrap .hs_mobile_banner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0; } .hs_banner_w_content_wrap .hs_banner_w_content_wrap_inner { padding-bottom: 170px; position: relative; } .hs_banner_w_content_wrap .hs_banner_inner_wrap { padding-top: 55px; } .hs__elios__row__2_flexi .hs_banner_w_content_wrap .hs_banner_inner_wrap * { color: #fff; } .hs_banner_w_content_wrap .hs_banner_inner_wrap h3 { font-weight: 900; font-size: 2em; text-transform: uppercase; margin: 0; } .hs_banner_w_content_wrap .hs_banner_inner_wrap h4 { margin-bottom: 35px; font-size: 1.8em; line-height: 1.25em; font-weight: 300; padding-top: 0; } .hs_banner_w_content_wrap .hs_banner_inner_wrap p { margin-bottom: 35px; line-height: 24px; } /*-------------------------*/ .hs_3col_img_w_content_wrap { padding: 55px 0 20px; } .hs_3col_img_w_top_wrap {} .hs_3col_img_w_content_wrap h3 { margin: 0; } .hs_3col_img_w_content_wrap h4 { margin: 0; font-size: 1.8em; line-height: 1.25em; font-weight: 300; padding-top: 0; } .hs_3col_img_w_content-wrapper { text-align: center; margin: 20px 0 0; } .hs_3col_img_w_content-wrapper .span4 {} .hs_3col_img_w_content-wrapper .span4 figure { margin: 15px 0 35px; } .hs_3col_img_w_content-wrapper h4 { padding-top: 1em; margin-bottom: 1.5em; font-size: 1em; font-weight: 600; } .hs_3col_img_w_content-wrapper p { margin-bottom: 35px; line-height: 24px; } /*-------------------------*/ .hs__elios__row__2 .hs-section2-wrapper { background-color: #ededed; padding: 50px 0 20px; } .hs__elios__row__2 .hs-section2-top-heading h3 { margin: 0; } .hs__elios__row__2 {} .hs__elios__row__2 .hs-section2-svg-module { margin-bottom: 35px; } .hs__elios__row__2 .hs-section2-two-column-cols { text-align: center; margin: 3px 0 65px; } .hs__elios__row__2 .hs-section2-two-column-cols a, a.hs-cta-btn { display: inline-block; margin: 0 auto; float: none; background-color: #ed1d23; min-width: 224px; text-align: center; padding: 13px 20px; font-size: 15px; color: #fff; text-transform: uppercase; } .hs__elios__row__2 .hs-section2-two-column-cols a:hover, a.hs-cta-btn:hover { background-color: #323232; color: #FFF; } a.hs-cta-lnk, a.hs-cta-lnk:hover { color: #ea252f; } /*________________________________*/ .hs__elios__row__3_wrap {} .hs__elios__row__3_wrap .hs_banner_w_content_wrap_inner { padding: 50px 0 340px; } .hs__elios__row__3_wrap .hs__elios__row__7_top_pane .hs_banner_w_content_wrap_inner { padding-top: 0; padding-bottom: 250px; } .hs_banner_w_content_wrap .hs_banner_inner_wrap a.hs_btn_red { color: #ea252f; margin: 0; font-size: 16px; text-align: right; display: block; padding: 18px 25px 0; } .hs_banner_w_content_wrap .hs_banner_inner_wrap a.hs_btn_red i.fa { font-size: 20px; line-height: 16px; font-family: FontAwesome; font-style: normal; padding-left: 15px; } .hs_banner_w_content_wrap.hs_right .span6.hs_col_1 { float: right; } /*-------------------------------*/ .hs__elios__row__3 {} .hs__elios__row__3_bottom_pane, .hs__elios__row__4_bottom_pane, .hs__elios__row__5_bottom_pane { background-color: #3f3f3f; } .hs__elios__row__3_bottom_pane { padding: 24px 0 0; } .hs_2col_equ_w_top_img_wrap {} .hs_2col_equ_w_top_img_wrap .hs_2col_equ_w_top_img_wrap_inner { margin-left: -15px; margin-right: -15px; } .hs_2col_equ_w_top_img_wrap .span6 { width: 50%; margin: 0; padding: 0 15px 43px; } .hs_2col_equ_w_top_img_wrap .span6.hs_col_1 { border-right: 1px dotted #fff; } .hs_2col_equ_w_top_img_wrap h3.hs_title, .hs_2col_equ_w_top_img_wrap p { color: #fff; } .hs_2col_equ_w_top_img_wrap .hs_img_wrap { margin: 32px 0 35px; } .hs_2col_equ_w_top_img_wrap .hs_content_wrap p { line-height: 24px; } /*-------------------------------------*/ .hs__elios__row__3_bottom_pane .hs_3col_img_w_content_wrap { padding-top: 0; } .hs__elios__row__3_bottom_pane .hs_3col_img_w_content_wrap .page-center { padding: 29px 0; } .hs__elios__row__3_bottom_pane .hs_3col_img_w_content-wrapper p, .hs__elios__row__3_bottom_pane .hs_3col_img_w_top_wrap * { color: #fff; } .hs__elios__row__3_wrap .hs__elios__row__3_bottom_pane .page-center { padding-bottom: 20px; } .hs__elios__row__3_wrap .hs__elios__row__3_bottom_pane a.hs_close { margin-top: 60px; } /*-------------------------------*/ .hs__elios__row__4 {} .hs__elios__row__4_bottom_pane * { color: #fff; } .hs__elios__row__4_bottom_pane { padding: 25px 0 0; } .hs_2col_equ_w_left_img_wrap h3 { margin: 0; } .hs_2col_equ_w_left_img_wrap h3.hs_title { margin-bottom: 1em; line-height: 1.2em; } .hs_2col_equ_w_left_img_wrap h4.hs_subtitle { margin: 0 0 35px; font-size: 1.8em; line-height: 1.25em; font-weight: 300; } .hs_2col_equ_w_left_img_wrap .hs_content_wrap p { line-height: 24px; } .hs__elios__row__4_bottom_pane .hs_cos_wrapper_type_space { min-height: 85px; } .hs__elios__page .hs_2col_equ_w_left_img_wrap .span6.hs_col_2 { padding-top: 70px; } .hs__elios__page .hs_2col_equ_w_left_img_wrap .span6.hs_col_2.hs_top_padding { padding-top: 109px; } /*------------------------*/ .hs_4col_img_w_content_wrap { padding: 70px 0 0; } .hs_4col_img_w_content_wrap .hs_4col_img_w_content_wrap_inner { margin-left: -15px; margin-right: -15px; } .hs_4col_img_w_content_wrap .span3 { width: 25%; margin-left: 0; padding-left: 15px; padding-right: 15px; } .hs_4col_img_w_content_wrap .span3 figure { margin: 0 0 35px; } .hs_4col_img_w_content_wrap .span3 p { text-align: center; line-height: 24px; } /*-------------------------------*/ .hs__elios__row__5 {} .hs__elios__row__5_bottom_pane { background-color: #3f3f3f; padding: 25px 0 20px; } .hs__elios__row__5_bottom_pane .row-fluid .page-center { padding-bottom: 0; } .hs__elios__row__5_bottom_pane * { color: #fff; } .hs__elios__row__5_bottom_pane .hs_2col_left_modul h3 { margin: 0; } .hs__elios__row__5_bottom_pane .hs_2col_left_module h3 { margin: 0; } .hs__elios__row__5_bottom_pane .hs_2col_left_module h4 { margin: 0; font-size: 1.8em; line-height: 1.25em; font-weight: 300; } .hs__elios__row__5_bottom_pane .hs_2col_left_module p { line-height: 24px; } /*-----------Slider---------------*/ .hs__elios__row__6_bottom_row1 .hs__elios__col4 { width: 33.33333333%; padding-right: 15px; } .hs__elios__row6_slider.hs__elios__col8 { margin-left: 0; width: 66.66666667%; } .hs__elios__row6_slider.hs__elios__col8 .hs_cos_gallery_main { margin: 0; padding: 0; width: 100%; } .hs__elios__row6_slider.hs__elios__col8 .hs_cos_gallery_main>button.slick-arrow { display: none !important; } .hs__elios__row6_slider.hs__elios__col8 .hs_cos_gallery_main ul.slick-dots { margin: 0; padding: 0 5px; width: 100%; float: left; } .hs__elios__row6_slider.hs__elios__col8 .hs_cos_gallery_main ul.slick-dots li { width: 50%; float: left; margin: 0; text-align: left; line-height: 24px; height: auto; cursor: text; } .hs__elios__row6_slider.hs__elios__col8 .hs_cos_gallery_main ul.slick-dots li:last-child { width: 100%; } .hs__elios__row6_slider.hs__elios__col8 .hs_cos_gallery_main ul.slick-dots li span { color: #fff; } .hs__elios__row6_slider.hs__elios__col8 .hs_cos_gallery_main ul.slick-dots li.slick-active span, .hs__elios__row6_slider.hs__elios__col8 .hs_cos_gallery_main ul.slick-dots li:hover span { color: #ea252f; } .hs_cos_gallery_main ul.hs__slide_title { margin: 0; padding: 0 5px; list-style: none; width: 100%; float: left; } .hs_cos_gallery_main ul.hs__slide_title li { width: 50%; float: left; } .hs_cos_gallery_main ul.hs__slide_title li h6 { padding-top: 1em; margin-bottom: 1.5em; font-size: 1em; text-transform: uppercase; color: #fff; } .hs__elios__row__6_bottom_row2 { margin: 0; color: #fff; } .hs__elios__row__6_bottom_row2 .hs__elios__row__6_bottom_col4 { position: relative; top: -205px; } .hs__elios__row__6_bottom_row2 .hs__elios__row__6_bottom_col4 p { line-height: 24px; } /*-------------------------------*/ .hs__elios__row__6 {} .hs__elios__row__6 .hs_banner_w_content_wrap_inner { padding-top: 0; } .hs__elios__row__6_top_pane .hs_banner_w_content_wrap.hs_right .hs_banner_inner_wrap *:not(.hs_btn_red) { color: #fff; } .hs__elios__row__6_top_pane .hs_banner_w_content_wrap.hs_right .hs_banner_inner_wrap i.fa { color: #ea252f; } .hs__elios__row__6_bottom_pane { background-color: #3f3f3f; } .hs__elios__row__6_bottom_row1 { padding: 20px 0 0; } .hs__elios__row__6_bottom_pane .hs__elios__col4 * { color: #fff; } .hs__elios__row__6_bottom_pane .hs__elios__col4 h3 { font-weight: 900; font-size: 2em; margin: 0; } .hs__elios__row__6_bottom_pane .hs__elios__col4 p { margin: 0; font-size: 1.8em; line-height: 1.25em; font-weight: 300; } /*_______________________________*/ .hs__elios__row__8_bottom_pane, .hs__elios__row__7_bottom_pane { background-color: #3f3f3f; padding: 0 0 20px; } .hs__elios__row__8_bottom_pane .page-center, .hs__elios__row__7_bottom_pane .page-center { padding: 55px 15px 0; max-width: 1130px !important; } .hs__elios__row__7_bottom_pane .hs__elios__col4, .hs__elios__row__8_bottom_pane .hs__elios__col4 { width: 33.33333333%; } .hs__elios__row__7_bottom_pane .hs__elios__col4 h3, .hs__elios__row__8_bottom_pane .hs__elios__col4 h3 { margin: 0; color: #fff; padding-top: 0; } .hs__elios__row__7_bottom_pane .hs__elios__col4 h4, .hs__elios__row__8_bottom_pane .hs__elios__col4 h4 { margin: 0; font-size: 1.8em; line-height: 1.25em; font-weight: 300; color: #fff; padding-top: 0; } .hs__elios__row__7_bottom_pane .hs__elios__col8, .hs__elios__row__8_bottom_pane .hs__elios__col8 { margin-left: 0; color: #fff; padding: 0 10px; width: 66.66666667%; } .hs__elios__col8 .hs_2col_equ_module { margin: 35px 0 0; } .hs_2col_equ_module .span6 p { line-height: 24px; } .hs__elios__row__6_bottom_pane a.hs_close, .hs__elios__row__3_wrap a.hs_close { text-align: center; display: table; margin: 120px auto 0; } /*-------------------------------*/ .hs__elios__row__7 {} .hs__elios__row__7 .hs__elios__row__7_top_pane .hs_cos_wrapper_type_rich_text { max-width: 1100px; margin: -30px auto 0; text-align: right; position: relative; color: #fff; top: -35px; } .hs__elios__row__7 .hs__elios__row__7_top_pane .hs_cos_wrapper_type_rich_text p { font-size: 14px; line-height: 24px; margin: 0; } /*-------------------------------*/ .hs__elios__row__8 {} .hs__elios__row__3_wrap .hs__elios__row__8_top_pane .hs_banner_w_content_wrap_inner { padding: 0 0 190px; } /*----------Training--------------*/ .hs-training-specialized-training-page .hs-image-slider .slick-slide-inner-wrapper { padding: 10px 10px; /*background-color: white; margin: 0 15px !important; /* height: 400px; */ height: 270px; } .hs-training-specialized-training-page .hs-image-slider .slick-slide-inner-wrapper h4 { padding: 20px 0 0 0; } .hs-training-specialized-training-page .section-active, .hs-training-introductory-training-page .section-active { padding: 60px 0px 0px 0px; } .hs-training-specialized-training-page a.hs_btn_red, .hs-training-introductory-training-page a.hs_btn_red { color: #ea252f; margin: 0; font-size: 16px; display: block; padding: 18px 25px 0; } .hs-training-specialized-training-page .hs-training-offering-bottom-pane { color: #fff; } .hs-training-specialized-training-page .hs-training-offering-bottom-pane .hs_2col_equ_w_left_img_wrap .span6.hs_col_2 { padding-top: 70px; } .hs-training-specialized-training-page .hs-training-offering-bottom-pane .hs_cos_wrapper_type_space { min-height: 85px; } .hs-training-specialized-training-page .hs-training-offering-bottom-pane a.hs_close { text-align: center; display: table; margin: 120px auto 0; } /*------------Blog Post------------------*/ .custom-top-content-wrapper .csm-left-content-with-right-image { text-align: right; padding: 30px 4px 0 0; margin: 45px 0 0; } .custom-top-content-wrapper .csm-left-content-with-right-image img { vertical-align: middle; margin-left: 15px; } /*--------------------------*/ .blog-content-slider .hs_cos_gallery_thumbnails { padding: 0; margin: 0 0 40px; } .blog-content-slider .hs_cos_gallery_thumbnails .slick-slide .hs_cos_gallery_slide.slick-slide { width: 33.33% !important; height: 100%; min-height: 165px; margin-right: 30px; margin-bottom: 30px; overflow: hidden; width: calc(33.33% - 20px) !important; } .blog-content-slider .hs_cos_gallery_thumbnails .slick-slide .hs_cos_gallery_slide.slick-slide:nth-child(3n) { margin-right: 0; } .blog-content-slider .hs_cos_gallery_thumbnails .slick-slide .hs_cos_gallery_slide.slick-slide .slick-slide-inner-wrapper { cursor: zoom-in; left: 0; } .blog .vex-overlay.hs-gallery { background-color: #fff; } .blog .vex-content.hs-gallery { top: 44px; } .blog .vex-content.hs-gallery button.slick-arrow { background: none; top: 45.5%; margin-top: -50px; width: 70px; height: 100px; position: absolute; z-index: 9; } .blog .vex-content.hs-gallery button.slick-arrow:before { content: ""; background: url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_January2018/Images/default-skin.svg) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; top: 35px; background-color: rgba(253,253,251,.3); height: 30px; width: 32px; position: absolute; opacity: 0.85; } .blog .vex-content.hs-gallery button.slick-arrow:hover:before { opacity: 1; } .blog .vex-content.hs-gallery button.slick-prev.slick-arrow:before { left: 6px; background-position: -138px -44px; } .blog .vex-content.hs-gallery button.slick-next.slick-arrow:before { right: 6px; background-position: -94px -44px; } .blog .vex-content.hs-gallery .vex-close { background: url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_January2018/Images/default-skin.svg) 0 0 no-repeat; background-position: 0 -44px; right: 20px; top: 0; width: 40px; height: 40px; } .blog .vex-content.hs-gallery .vex-close:before, .blog .vex-content.hs-gallery .vex-close:after { display: none; } /*----------------------------*/ .custom-related-post-slider .slider.autoplay>button.slick-arrow { background: transparent url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_January2018/Images/img_nav.svg) left center; color: #fff; cursor: pointer; display: block; float: left; width: 54px; height: 54px; position: absolute; top: 44%; margin-top: 0; text-indent: -999px; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .custom-related-post-slider .slider.autoplay>button.slick-prev.slick-arrow { left: -40px; } .custom-related-post-slider .slider.autoplay>button.slick-next.slick-arrow { background-position: right center; right: -40px; } .custom-related-post-slider ul.slick-dots li { margin: 0; } .custom-related-post-slider ul.slick-dots li>button { -moz-border-radius: 100%; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; -webkit-backface-visibility: visible; -webkit-border-radius: 30px; -webkit-transition: opacity 200ms ease; background: #ccc; opacity: 1; border-radius: 30px; display: block; height: 10px; margin: 5px 7px; transition: opacity 200ms ease; width: 7px; height: 7px; z-index: 50; padding: 0; } .custom-related-post-slider ul.slick-dots { display: none !important; } .custom-related-post-slider ul.slick-dots li.slick-active>button, .custom-related-post-slider ul.slick-dots li:hover>button { background: #ea252f; } .custom-related-post-slider ul.slick-dots li>button:before { display: none; } .tp-parallax-wrap.tp-parallax-container { transform: none !important; } .hs-home-page-en form.hs-form .hs-form-booleancheckbox span, .hs-contact-page .hs-bottom-form-wrapper form.hs-form .hs-form-booleancheckbox span{ font-size: 14.94px; line-height: 18.675px; } .hs-home-page-en form.hs-form .hs-form-booleancheckbox span a { text-decoration: underline; color: #58595b; } /*===============================Blog*/ .hs-blog-slider-left-container { padding-bottom: 28px; } .hs-recent-post-list-item { margin-right: 30px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; box-sizing: border-box; max-width: 345px; max-height: 499px; height: 100%; position: relative; min-height: 499px !important; overflow: hidden; } .hs-recent-post-list-item .hs_rec_post_img { display: none; } .hs-recent-post-list-item::before { height: 200%; background: rgba(224,239,249,0); background: -moz-linear-gradient(top,rgba(224,239,249,0) 0,rgba(51,50,51,1) 100%); background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(224,239,249,0)),color-stop(100%,rgba(51,50,51,1))); background: -webkit-linear-gradient(top,rgba(224,239,249,0) 0,rgba(51,50,51,1) 100%); background: -o-linear-gradient(top,rgba(224,239,249,0) 0,rgba(51,50,51,1) 100%); background: -ms-linear-gradient(top,rgba(224,239,249,0) 0,rgba(51,50,51,1) 100%); background: linear-gradient(to bottom,rgba(224,239,249,0) 0,rgba(51,50,51,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0eff9',endColorstr='#333233',GradientType=0); content: ""; display: block; width: 100%; /* position: absolute; */ padding-top: 200%; } .hs-recent-post-list-item p#hubspot-topic_data { position: absolute; left: 0; right: 0; top: 0; padding: 0 22px; margin: 6px 0 0; } .hs-recent-post-list-item p#hubspot-topic_data span { color: #fff !important; font-family: proxima-nova !important; font-size: 12px !important; line-height: 18px; padding: 5px; text-transform: uppercase; font-weight: bold; margin-right: 1px; background: #aaa; } /*.hs-recent-post-list-item p#hubspot-topic_data span:first-child { background: #ec2027; }*/ .hs-recent-post-list-item .hs-recent-header-wrapper { position: absolute; bottom: 0; width: 100%; padding: 60px 0 20px; } .hs-recent-post-list-item .hs-recent-header-wrapper h3 { color: #fff; max-width: 100%; width: 100%; margin-bottom: 0; padding: 0 54px 0 22px; font-size: 24px; line-height: 25px; font-family: proxima-nova; font-weight: bold; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,.4); } .hs-recent-post-list-item .hs-recent-header-wrapper h3 a { color: #fff; } .hs-recent-post-list-item .hs-recent-header-wrapper h3 a:hover { opacity: 0.85; } .hs-recent-post-list-item .hs-recent-header-wrapper a.hs-rec_post_link { padding-right: 0; margin-right: 0; padding-left: 16px; display: table; position: absolute; right: 15px; bottom: 24px; background: url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_January2018/Images/read-more.png) no-repeat top left; width: 29px; height: 29px; } .hs-recent-post-list-item .hs-recent-header-wrapper a.hs-rec_post_link:hover { background-position: 0 -51px; } .hs-recent-post-main-wrapper .slick-dots { position: absolute; bottom: -42px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .hs-recent-post-main-wrapper .slick-dots li { position: relative; display: inline-block; margin: 5px 7px; padding: 0; cursor: pointer; width: 37px; height: 7px; } .hs-recent-post-main-wrapper .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 37px; height: 7px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #999899 !important; border-color: #999899 !important; transition: none; opacity: 1 !important; } .hs-recent-post-main-wrapper .slick-dots li.slick-active button:before { background-color: #333233 !important; border-color: #333233 !important; } .hs-recent-post-main-container p.hs-recent-bottom-link a { color: #ec2027; font-size: 12px; display: block; font-weight: bold; text-transform: uppercase; } .hs-recent-post-main-container p.hs-recent-bottom-link { margin-bottom: 0; max-width: 50px; float: right; margin-top: -9px; margin-right: 231px; position: relative; z-index: 8; } .custom-home-pages .hs-blog-slider-left-wrapper { width: 100% !important; float: none !important; } .landing-page.one-column .body-container form, .error-template.one-column .body-container form, .password-template.one-column .body-container form, .subscription-template.one-column .body-container form{ width: 50%; } [class^="icon-"] a::before, [class*=" icon-"] a::before, .icon { font-family: "icomoon" !important; font-style: normal; font-variant-alternates: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: normal; line-height: 1; text-transform: none; } .body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin: 10px 0; } ul.hs-error-msgs.inputs-list { list-style: none; padding: 0; } .custom-menu-primary .hs-menu-wrapper > ul > li.selected a { color: #ea252f !important; border-bottom: 1px solid #ea252f; } /*---------------------------------------*/ .custom-home-pages .hs_3col_img_w_top_wrap { text-align: left; margin-bottom: 35px; } /* ========================================================================== 8. MISCELLANEOUS ========================================================================== */ /* Styles that do not fit into any of the available sections above can go here. */ @media (max-width: 1400px){ .hs-meet-flyability .jquery-background-video-wrapper { padding: 0px 9%; } } @media (max-width: 1175px){ .hs-meet-flyability .jquery-background-video-wrapper { padding: 0 15px; } } @media (max-width: 991px){ ul.language.new li a:after { content: ''; } .hs-meet-flyability .page-width.hs__letf_content h2 { font-weight: normal; } .hs-meet-flyability .page-width.hs__letf_content { background-color: transparent !important; } .hs-meet-flyability .jquery-background-video { display: none !important; } } @media (min-width: 640px) { .btn-container .bbutton { min-width: 270px; display: inline-block; border-color: transparent; } .btn-container .discover-eli.bbutton { margin-right: 25px; } } @media (min-width: 768px) { .page-width { margin: 100px auto 0 auto; } .no-padding .page-width { margin: 0 auto; } .menu-extra-container ul li a { line-height: 4.5em; font-size: .75em; } .hs-blog-slider-left-wrapper { width: 66.66666667% !important; padding-left: 15px; padding-right: 15px; padding-top: 35px; } .hs-blog-slider-right-wrapper { width: 33.33333333% !important; margin-left: 0 !important; padding-left: 15px; padding-right: 15px; padding-top: 35px; } .hs-home-fixed-header .custom-menu-primary .hs-menu-wrapper > ul { display: block; float: right; margin-top: 18px; } .hs-home-fixed-header .custom-menu-primary .hs-menu-wrapper > ul > li { float: left !important; display: inline-block; margin: 0px; letter-spacing: .08em; line-height: 54px; } .hs-home-page.custom-home-pages .hs-home-fixed-header .custom-menu-primary .hs-menu-wrapper > ul > li > a { color: #818285; line-height: 17px; border-left: 1px solid #818285; height: inherit; padding: 0 14px; border-bottom: 0 !important; letter-spacing: .08em; } .hs-home-page.custom-home-pages .hs-home-fixed-header .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover, .hs-home-page.custom-home-pages .hs-home-fixed-header .custom-menu-primary .hs-menu-wrapper > ul > li.active.active-branch > a{ color: #ea252f; } .hs-home-fixed-header .custom-menu-primary .hs-menu-wrapper > ul > li:last-child > a { padding-right: 0 !important; } .hs-home-fixed-header .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(2) > a { border-left: 0px !important; } .hs-home-fixed-header .custom-menu-primary .hs-menu-wrapper > ul > li:first-child > a { border-left: 0 !important; padding-left: 0 !important; } .hs-home-fixed-header { top: -200px; transition: top .5s; display: block; position: absolute; min-height: 55px !important; border-bottom: 1px solid #818285; } .scroll-body .hs-home-fixed-header { background: #fff; position: fixed; top: 0; left: 0; width: 100% !important; z-index: 99; right: 0; } .hs-home-fixed-header .hs-fixed-logo img { max-height: 50px; display: none; } .hs-home-fixed-header .hs-fixed-logo a { display: inline-block; width: 150px; height: 36px; margin-top: 9px; text-indent: -999999px; background-size: 100%; background: none, transparent url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/mobile-logo.svg) left center no-repeat; } .custom-home-pages .header-container-wrapper .page-center > div > div { width: 100%; margin-left: 0px; } } @media (max-width: 1040px) { .hs-top-content-wrapper h2 { font-size: 18px; line-height: 18px; } } @media (min-width: 992px) and (max-width: 1105px) { .hs-meet-flyability .hs__elios__body_menu .hs__elios__body_simple_menu ul li, .body_menu .body_simple_menu ul li { padding: 0 0.6em; } .hs-meet-flyability .hs__elios__body_menu .hs__elios__body_simple_menu ul li:first-child, .body_menu .body_simple_menu ul li:first-child{ font-size: 14px; } } @media (max-width: 991px) and (min-width: 768px){ .hs-meet-flyability .hs__elios__body_menu .hs__elios__body_simple_menu ul li:first-child, .hs-meet-flyability .hs__elios__body_menu .hs__elios__body_simple_menu ul, .body_menu .body_simple_menu ul li:first-child, .body_menu .body_simple_menu ul { font-size: 11px; } .hs-meet-flyability .hs__elios__body_menu .hs__elios__body_simple_menu ul li, .body_menu .body_simple_menu ul li { padding: 0 0.5em; } } @media (max-width: 959px) and (min-width: 768px){ .video-hero--content h1 { font-size: 36px; line-height: 58.5px; } .video-hero--content h2 { font-size: 27px; line-height: 36px; } } @media (max-width: 919px) { .hs-newsletter-form .newsl-desc { max-width: 100%; display: block; padding-top: 70px; padding-bottom: 50px; background: #333233 url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_January2018/Images/mail-ico-99x99.jpg) no-repeat 58px 44px; } .hs-newsletter-form .newl-mc { max-width: 100%; } .hs-newsletter-form .newsl-desc p { float: left; margin-left: 170px; line-height: 26px; text-align: left; } .fancybox-wrap { padding-left: 15px; padding-right: 15px; } } @media (max-width: 767px) { .hs-home-fixed-header { display: none !important; } .hs-top-content-wrapper .hs-top-row2-wrapper .hs-top-row2-cols { width: 50% !important; float: left !important; margin-left: 0 !important; margin-bottom: 45px; } .hs-top-row1-wrapper .hs-top-row1-cols { width: 100% !important; margin-left: 0 !important; float: none !important; border: 0px !important; margin-bottom: 15px; text-align: center !important; } .hs-top-row2-wrapper .hs-top-row2-cols.hs-top-row2-col3, .hs-top-row2-wrapper .hs-top-row2-cols.hs-top-row2-col3-2 { border: none; } .hs-top-content-wrapper .hs-top-row1-cols.hs-top-row1-col3 { display: none !important; } .hs-top-row1-wrapper .row-depth-2.row-number-2 > .row-fluid { display: block !important; text-align: center; } .hs-top-row2-wrapper { padding-bottom: 0; } .hs-top-content-wrapper { padding-bottom: 0px; } .hs-top-content-wrapper .hs-top-row2-wrapper .hs-top-row-heading { padding-top: 10px; } .hs-top-content-wrapper .hs-top-row-heading h2 { font-size: 20px; line-height: 20px; } .hs-top-content-wrapper h2 { font-size: 12px; line-height: 12px; } .js .jquery-background-video { opacity: 0 !important; } .video-hero--content h1 { font-size: 33.75px !important; line-height: 33.75px !important; margin-bottom: 5px; } .video-hero--content h2 { font-size: 22.5px !important; line-height: 27.9px !important; margin-bottom: 10px; } .btn-container { margin-top: 0px } .bbutton { margin: 10px 0 0 !important; font-size: 14px; height: 40px; line-height: 40px; display: block !important; max-width: 100% !important; } .scroll-btn .mouse { width: 25px; height: 45px; margin-bottom: 5px; } .btn-container .newsletter.bbutton { margin-bottom: 40px; } .hs-top-row2-wrapper .hs-top-row2-cols.hs-top-row2-col1 { text-align: center; } .hs-support-page .hs_2col_equ_module .span6 { width: 100%; float: none; padding: 0; } .hs-support-page .hs_2col_equ_module_inner { margin: 0; } .hs-two-col-right-image-wrapper .hs-two-col-image.col1 { width: 100%; } .hs-two-col-right-image-wrapper .hs-two-col-image { padding: 0; } .hs-two-col-right-image-wrapper { margin: 0; } .hs-two-col-right-image-wrapper .hs-two-col-image.col2 { width: 100%; } .hs-meet-flyability-section4 .hs_2col_equ_w_left_img_wrap .span6 { width: 100% !important; } .hs-meet-flyability .page-width.hs__letf_content { width: 100%; margin-left: 0; } .hs-meet-flyability-section2-form .hs_submit { padding: 0; } .hs-meet-flyability-section2-form .hs_submit { padding: 0 30px; } .hs-home-page-en form.hs-form .hs-form-booleancheckbox span, .hs-contact-page .hs-bottom-form-wrapper form.hs-form .hs-form-booleancheckbox span { font-size: 12px; line-height: 15px; display: block; } .jquery-background-video-pauseplay { display: none !important; } .cm-footer-menu .hs-menu-wrapper ul li > a { white-space: normal !important; } .page-width { max-height: 81%; } /*.jquery-background-video-wrapper { min-height: 525px; }*/ .hs-banner-width-image { background-position: center center; } .hs-row3-col3.hs-row3-cols { float: left; width: 100%; } .hs-company-page .hs-row3-col3.hs-row3-cols h3 { margin: 25px 0 30px !important; text-align: left; } .hs__elios__body_menu .hs__elios__body_simple_menu ul li a, .body_menu .body_simple_menu ul li a { border-left: 0px !important; } .hs-meet-flyability-section2-form .hs-input { width: 100% !important; } } @media (max-width: 700px) { .hs-top-content-wrapper { padding-bottom: 40px; } } @media (max-width: 600px) { form.hs-form fieldset .hs-form-field { padding: 0px !important; } form.hs-form fieldset.form-columns-3 .hs-form-field { width: 100%; padding: 0; } .hs-form fieldset.form-columns-2 .hs-form-field { width: 100% !important; padding: 0 !important; } .hs-meet-flyability-section2-form .hs_error_rollup, .hs-meet-flyability-section2-form .hs_submit { padding: 0; } } @media (max-width: 494px) { .video-hero--content h1 { font-size: 28px; line-height: 40px; margin-bottom: 10px; } } @media (max-width: 480px) { body { font-size: 13px; } .hs-meet-flyability .page-width.hs__letf_content h1 { font-size: 39px; line-height: 46.8px; } .hs-meet-flyability .page-width.hs__letf_content h2 { font-size: 23.4px; line-height: 29.25px; } .hs-meet-flyability .page-width.hs__letf_content .hs_btn_container { font-size: 13px; line-height: 19.5px; } .hs-meet-flyability .jquery-background-video-wrapper { padding: 0 5px; } .hs-meet-flyability-section3-content iframe { min-width: 100%; max-width: 320px; } .hs-top-content-wrapper .hs-top-row2-wrapper .hs-top-row2-cols { width: 100% !important; float: left !important; margin-left: 0 !important; margin-bottom: 15px; border: 0px !important; text-align: center; } } @media (max-width: 400px){ .hs_recaptcha { overflow-x: auto; } } /**********Style2 css Responsive************/ @media(max-width: 1240px) { .custom-related-post-slider .slider.autoplay>button.slick-arrow { z-index: 999; } .custom-related-post-slider .slider.autoplay>button.slick-prev.slick-arrow { left: 15px; } .custom-related-post-slider .slider.autoplay>button.slick-next.slick-arrow { right: 15px; } .custom-related-post-slider ul.slick-dots { display: block !important; } } @media(max-width: 1199px) { .hs__elios__row__7 .hs__elios__row__7_top_pane .hs_cos_wrapper_type_rich_text { padding: 0 15px; } } @media(max-width: 991px) { .hs_banner_w_content_wrap .hs_mobile_banner { opacity: 1; } .hs__elios__row__1 .widget-type-rich_text { max-width: 100%; } .hs_banner_w_content_wrap .hs_banner_inner_wrap .span6.hs_col_1 { width: 100%; } .hs__elios__row__2_flexi .hs_banner_w_content_wrap .hs_banner_w_content_wrap_inner { padding-bottom: 370px; } .hs__elios__row__3_top_pane .hs__elios__row__3_wrap .hs_banner_w_content_wrap_inner { padding: 0px 0 190px; } .hs_2col_equ_w_left_img_wrap .span6.hs_col_2.hs_top_padding, .hs_2col_equ_w_left_img_wrap .span6.hs_col_2 { padding-top: 0; } .hs_2col_left_module .span4.hs_col_1, .hs_2col_left_module .span8.hs_col_2 { width: 100%; padding: 0; margin: 0; } .hs_2col_left_module .span4.hs_col_1 { margin-bottom: 35px; } } @media(max-width: 767px) { .mobile-open .hs__elios__body_menu, .mobile-open .body_menu { z-index: 0; position: relative; } .hs__elios__body_menu, .body_menu { min-height: 55px !important; } .hs__elios__body_menu_inner, .body_menu_inner { position: fixed; top: 51px; padding-bottom: 10px; } .header>div { padding: 20px 0 10px !important; position: fixed; top: 0; width: 100%; } .hs__elios__body_menu .page-center, .body_menu .page-center { padding: 0 20px !important; } .hs__elios__body_menu .hs__elios__body_simple_menu ul, .body_menu .body_simple_menu ul { width: 100%; float: right !important; padding: 15px 0 0; text-align: center; font-size: 14px; } .hs__elios__body_menu .hs__elios__body_simple_menu ul li, .body_menu .body_simple_menu ul li { display: inline-block; width: auto; line-height: 54px; padding: 0; border: 0; } .hs__elios__body_menu .hs__elios__body_simple_menu ul li:first-child, .body_menu .body_simple_menu ul li:first-child { border: 0; padding-left: 0; float: none !important; font-weight: normal; font-size: 14px; margin-left: 0; } .hs__elios__body_menu .hs__elios__body_simple_menu ul li a, .body_menu .body_simple_menu ul li a { color: #818285; background: #fff; height: 100%; letter-spacing: .08em; line-height: 1.3; border-left: 1px solid #818285; padding: 0 1em; } .hs__elios__body_menu .hs__elios__body_simple_menu ul li:first-child a, .body_menu .body_simple_menu ul li:first-child a { border: 0; } .hs__elios__body_menu .hs__elios__body_simple_menu ul li:last-child a, .body_menu .body_simple_menu ul li:last-child a { padding-right: 20px; } .hs__elios__body_menu .hs__elios__body_simple_menu ul li:first-child a, .body_menu .body_simple_menu ul li:first-child a { padding-left: 0; } .hs__elios__page .page-width.hs__letf_content .video-hero--content { padding-top: 80px; padding: 100px 15px 0; } .hs__elios__row6_slider.hs__elios__col8 { margin-left: 0; width: 100%; } .hs__elios__row__6_bottom_row1 .hs__elios__col4 { width: 100%; margin: 0 0 35px; padding: 0; } .hs__elios__row__7_bottom_pane .hs__elios__col4, .hs__elios__row__8_bottom_pane .hs__elios__col4 { width: 100%; margin: 0 0 35px; } .hs__elios__row__7_bottom_pane .hs__elios__col8, .hs__elios__row__8_bottom_pane .hs__elios__col8 { padding: 0; width: 100%; } .hs__elios__row__8_bottom_pane a.hs_close, .hs__elios__row__7_bottom_pane a.hs_close { text-align: center; display: table; margin: 120px auto 0; } .hs_4col_img_w_content_wrap .span3 { width: 100%; margin: 0 0 35px; text-align: center; } .hs_2col_equ_w_left_img_wrap .span6.hs_col_2 { padding-top: 35px !important; } .hs_2col_equ_w_left_img_wrap img { width: 90%; } .hs_2col_equ_w_top_img_wrap .span6 { width: 100%; margin: 0; } .hs_2col_equ_w_top_img_wrap .span6.hs_col_1 { border-right: 0; margin: 0 0 35px; } .hs__elios__row__1 .widget-type-rich_text { left: 0; } .hs_banner_w_content_wrap .hs_banner_inner_wrap a.hs_btn_red { padding-right: 60px; position: relative; } .hs_banner_w_content_wrap .hs_banner_inner_wrap a.hs_btn_red i.fa { position: absolute; right: 20px; top: 50%; } .hs_2col_equ_w_left_img_wrap img { width: auto; } .hs_cos_gallery_main ul.hs__slide_title, .hs__elios__row6_slider.hs__elios__col8 .hs_cos_gallery_main ul.slick-dots { display: none !important; } .custom-top-content-wrapper .csm-left-content-with-right-image { text-align: left; padding: 10px 0 0 40px; margin: 0; } .blog-content-slider .hs_cos_gallery_thumbnails .slick-slide .hs_cos_gallery_slide.slick-slide { width: 100% !important; } .blog-content-slider .hs_cos_gallery_thumbnails .slick-slide .hs_cos_gallery_slide.slick-slide:nth-child(2n) { margin-right: 0; } .blog-content-slider .hs_cos_gallery_thumbnails .slick-slide .hs_cos_gallery_slide.slick-slide:nth-child(3n) { margin-right: 0; } .hs__elios__row__6_bottom_row2 .hs__elios__row__6_bottom_col4 { top: 0; } .hs__elios__row__7 .hs__elios__row__7_top_pane .hs_cos_wrapper_type_rich_text { padding: 0 20px; } } @media(max-width: 479px) { .hs__elios__body_menu .hs__elios__body_simple_menu ul li a, .body_menu .body_simple_menu ul li a { letter-spacing: 0.8px; line-height: 1.4; padding: 0 0.5em; font-size: 13px; } } /* ========================================================================== 9. MEDIA QUERIES ========================================================================== */ /* =============== Screen sizes smaller than .page-center =============== */ @media(max-width: 1240px) { .hs-image-slider button.slick-next.slick-arrow { right: -10px; } .hs-image-slider button.slick-prev.slick-arrow { left: -10px; } } @media (max-width: 1110px) { ul.language li.popup-modal { margin: 0 0 0 11px; } .custom-menu-primary .hs-menu-wrapper > ul > li { margin-left: 11px; } .cm-logo a { display: block; margin-top: 2px; } .widget-span.cm-logo > div { display: table; width: 100%; height: 108px; } .widget-span.cm-logo > div > span { display: table-cell; vertical-align: middle; height: 100%; } } @media (max-width: 1180px) and (min-width: 1025px){ .hs-recent-post-main-container p.hs-recent-bottom-link { margin-right: 31%; } } @media (max-width: 1024px) { .hs-home-page-en .hs-recent-post-main-container p.hs-recent-bottom-link { margin-right: 0; } .hs-home-page-en .hs-recent-post-list-item { margin-right: 0; max-width: 100%; } .hs-home-page-en .hs-recent-post-main-wrapper .slick-dots { padding-right: 50px; } .hs-image-slider button.slick-next.slick-arrow { right: 15px; } .hs-image-slider button.slick-prev.slick-arrow { left: 15px; } .hs-home-page-cn .video-hero--content h1 { line-height: 50px; } .hs-home-page-cn .video-hero--content h2 { font-size: 30px; line-height: 35px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { white-space: normal; } } @media (max-width: 767px) { .hs-recent-post-main-container p.hs-recent-bottom-link { margin-right: 0; } .hs-recent-post-list-item { margin-right: 0; max-width: 100%; } .hs-recent-post-main-wrapper .slick-dots { padding-right: 50px; } } @media (max-width: 1010px) { ul.language li.popup-modal { margin: 0 0 0 6px; } .custom-menu-primary .hs-menu-wrapper > ul > li { margin-left: 6px; } .cm-logo a { display: block; margin-top: 1px; } } @media (max-width: 955px) { ul.language li a { letter-spacing: 0; } ul.language .flag-icon { margin: 0 0 0 4px; } ul.language li.popup-modal { margin: 0 0 0 1px; } .custom-menu-primary .hs-menu-wrapper > ul > li > a { font-size: 13px; letter-spacing: 0; } .custom-menu-primary .hs-menu-wrapper > ul > li { margin-left: 1px; } .cm-logo img { padding: 0 1.5px; } .checkbox-row span.fakelabel span { width: calc(100% - 40px); } } @media (max-width: 870px) and (min-width: 768px) { ul#menu-social li { width: auto; } } /* =============== Landscape tablet and smaller devices =============== */ @media (max-width: 767px) { .landing-page.one-column .body-container form, .error-template.one-column .body-container form, .password-template.one-column .body-container form, .subscription-template.one-column .body-container form{ width: 100%; } .hs-blog-listing .hs-author-profile { width: calc(100% - 60px) !important; float: none !important; } .hs-form { margin-bottom: 30px } #comment-form .hs-form { margin-bottom: 0; } .blog-sidebar { padding-top: 30px; } .hs-author-profile .hs-author-bio, .hs-author-profile .hs-author-social-section, .hs-author-profile .hs-author-avatar, .hs-blog-listing .hs-author-profile{ width: 100%; float: left; } .hs-author-profile .hs-author-avatar img { margin-bottom: 5px; } .widget-span.custom-header { display: none; } .menu-logo img { max-height: 108px; } .widget-span.custom-mobile-menu { position: fixed; top: 0; bottom: 0; left: inherit; right: -100%; width: 270px; background: #fff; overflow-x: hidden; overflow-y: auto; z-index: 1000; min-height: 100%; padding: 30px 0 30px 25px; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; } .mobile-open .widget-span.custom-mobile-menu { right: 0; } .mobile-open { overflow: hidden; } .widget-span.custom-mobile-menu ul { padding: 0; margin: 0; list-style: none; } .widget-span.custom-mobile-menu ul li { width: 100%; display: block; margin: 0; float: none; letter-spacing: .08em; } .widget-span.custom-mobile-menu ul li a { padding-bottom: 2px; padding-top: 3px; color: #818285; text-transform: uppercase; float: left; width: 100%; padding: 18px 0; letter-spacing: .1em; margin-bottom: 0; text-align: left; border-bottom: 2px solid #bfbfc1; line-height: 24px; } .popup-content .lang > li a:hover { border-bottom: .5px solid #e4e4e4!important; } .popup-content .lang > li a { border-bottom: .5px solid #e4e4e4!important; } ul.lang li:last-child a { border-color: transparent!important; } ul.lang li:last-child a:hover { border-color: transparent!important; } .popup-content { height: 428px; } .custom-menu-mobile { padding: 30px 0 0; } .widget-span.custom-mobile-menu ul li a:hover { color: #ea252f; border-bottom: 2px solid #ea252f; } li.icon-login a:before { content: none; } .body-container-wrapper .page-center { padding: 30px 20px; } .custom-mobile-logo img { max-height: 50px; display: none; } .custom-mobile-logo a { float: left; height: 50px; z-index: 999; width: 155px; background-size: 100%; background: none,transparent url(//2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Flyability_Dec2017/image/mobile-logo.svg) left center no-repeat; } .widget-span.custom-mobile-menu ul.language li a { height: 100%; padding-bottom: 2px; padding-top: 3px; line-height: 46px; color: #818285; } .widget-span.custom-mobile-logo { width: 100%; padding-left: 20px; float: left; } .menu-logo { padding: 19px 14px 18px 5px; } .widget-span.custom-mobile-menu ul.language li .flag-icon.flag-icon-us { height: auto; margin: 0 0 0 0; } .widget-span.custom-mobile-header { background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; } /* .header-container-wrapper { min-height: 50px !important; position: relative; z-index: 999; } */ .custom-back-to-top-inner { padding: 0 20px; } .cm-top-footer .widget-span.span4 { width: 50%; padding-left: 20px; margin-bottom: 30px !important; } .cm-top-footer .page-center > div > div { margin-left: -20px; } .cm-top-footer .page-center { padding: 0 20px; } ul#menu-social li { margin-right: 17px; } .cm-top-footer .widget-span.span4.cm-footer-menu-wrapper { padding-left: 25px; } .blog-listing-wrapper .post-listing .post-item { width: 50%; } .custom-related-post-slider .page-center { padding: 30px 7px 0; } .widget-span.custom-top-content-wrapper .page-center > div > div > div.span6 { width: 100%; } #recaptcha_area, #recaptcha_table { width: 318px!important; overflow-x: auto !important; max-width: 100% !important; } input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"], textarea, select { max-width: 100%; } .cm-social-icons ul li a { font-size: 16px !important; } } @media (max-width: 653px) and (min-width: 481px) { .copyright { padding: 20px 30px 39px; } } @media (max-width: 600px) { .cm-top-footer .widget-span.span4.cm-social-icons { width: 100%; } .custom-home-pages .hs-bottom-form { padding-left: 0px; } .custom-home-pages .hs-bottom-form-wrapper form.hs-form .hs-form-booleancheckbox { padding-left: 2em; } } /* =============== Landscape phones and smaller devices =============== */ @media (max-width: 480px) { .cm-top-footer .widget-span.span4 { width: 100%; } .cm-top-footer .widget-span.span4.cm-footer-menu-wrapper { padding-left: 20px; } ul#menu-social li { margin-right: 18px; } a#back-to-top { padding: 6.500px 13px; line-height: 16px; font-size: 13px; } .blog-listing-wrapper .post-listing .post-item { width: 100%; } .custom-post-title h1 { font-size: 26px; } .textbody { font-size: 16.25px; } .custom-social-icons-tags > div { width: 100%; margin-bottom: 12px; } .widget-span.custom-social-icons-tags { font-size: 13px; } .custom-social-icons-tags h4 { margin-bottom: 17px; } .custom-download-pdf { padding: 47px 33px 30px; } span.social { font-size: 18px; padding-top: 2px; display: inline-block; } .blog .body-container { font-size: 13px; } .custom-back-to-top-inner { font-size: 13px; } #request { line-height: 16px; } .hs_2col_equ_w_top_img_wrap .hs_content_wrap p, .hs_3col_img_w_content-wrapper p, .hs_banner_w_content_wrap .hs_banner_inner_wrap p { font-size: 13px; } .hs_2col_equ_module .span6 p, .hs__elios__row__6_bottom_row2 .hs__elios__row__6_bottom_col4 p, .hs__elios__row__5_bottom_pane .hs_2col_left_module p, .hs_2col_equ_w_left_img_wrap .hs_content_wrap p, .hs_2col_equ_w_top_img_wrap .hs_content_wrap p, .hs_3col_img_w_content-wrapper p, .hs_banner_w_content_wrap .hs_banner_inner_wrap p, .hs__elios__row__1 .widget-type-rich_text p { line-height: 20px; } .hs-bottom-form form.hs-form .hs-form-booleancheckbox { font-size: 13px; line-height: 19.5px; } .hs-home-page.custom-home-pages.hs_pl_page .video-hero--content h1 { font-size: 24px !important; } .hs-home-page.custom-home-pages.hs_pl_page .video-hero--content h2 { font-size: 17px !important; } ul#menu-social li { display: block; float: none; width: 100%; vertical-align: top; } ul#menu-social li a:before { display: inline-block; width: auto; font-size: 24px; vertical-align: text-bottom; margin: 0 8px 0 0; } } @media (max-width: 360px) { .popup-content { left: -16px; margin: 0 auto; max-width: 270px; } } form .hs-hardware_id, form .hs-hardware_id>label { position: relative; } form .hs-hardware_id>.hs-field-desc { opacity: 0; visibility: hidden; position: absolute; right: 0; top: -30px; width: 182px; background-color: #58595b; color: #FFF; padding: 5px; font-size: 12px; } form .hs-hardware_id>label:after { content: '\f05a'; font-family: FontAwesome; position: absolute; top: 0; right: 0; padding-right: 25px; height: 20px; width: 15px; font-size: 16px; } form .hs-hardware_id>label:hover ~ .hs-field-desc { opacity: 1; visibility: visible; } /***********************************hm-css************************************/ .related-image img { height: 220px; width: 100%;object-fit: cover;} /************************************ Traning page ******************************************/ .traning-page h2 { color: #58595b; text-transform: uppercase; margin-bottom: 35px; } div#map { margin-bottom: 80px; } .traning-page span.icon { display: inline-block; vertical-align: middle; } .traning-page .hs-two-col-image.col1 >a { margin-bottom: 20px; display: inline-block; position: relative; } .new-cta a { color: #ed2026; text-transform: uppercase; font-weight: 400; position: absolute; left: 0; right: 0; bottom: 0; } .new-cta a:after { display: inline-block; content: '\f055'; font-family: FontAwesome; font-size: 20px; color: #ed2026; font-weight: 400; margin-left: 9px; vertical-align: middle; } /*.traning-page .hs_3col_img_w_content-wrapper.clearfix{display:flex;flex-wrap:wrap;}*/ .traning-page .hs_3col_img_w_content-wrapper.clearfix>.span4 { position: relative;padding-bottom:20px; } .traning-page .hs-information-section-wrapper { padding: 60px 0; } .traning-page form.hs-form .hs-form-booleancheckbox{margin-top:0;margin-bottom:0;} .traning-page form.hs-form .hs-form-field ul.inputs-list{margin-top:0;} .section-3-main{background:#e6e6e6;} .traning-page .section-3-main .hs_3col_img_w_content-wrapper.clearfix>.span4,.traning-page .hs-support-section5 .hs_3col_img_w_content-wrapper.clearfix>.span4{padding-bottom:0;} .traning-page .section-3-main .hs_3col_img_w_content-wrapper p{margin-bottom:15px;} .traning-page .section-3-main .why-trained-flex { margin: 8% 0 6%;} .traning-page .hs-support-section5 .hs_3col_img_w_content-wrapper p{margin-bottom:5px;} .traning-page form.hs-form .hs-form-booleancheckbox span{margin-left:2em;} .widget-span.custom-mobile-menu ul li a.ChildSecondTrigger { float: right; padding-right:20px; } /* 2021 */ .flex-page { color: #323332; } .hero-banner-container.updated { position: relative !important; overflow: hidden; min-height: 760px; height: 100vh !important; z-index: 1 !important; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; margin: -1px 0 0; } .hero-banner-container.updated .page-width { max-width: 980px; } .hero-banner-container.updated h2 { text-shadow: none; font-weight: bold; margin-bottom: 20px; } .hero-banner-container.updated h1 { text-shadow: none; font-weight: bold; } .hero-banner-container.updated .scroll-btn { bottom: 40px; } .hero-banner-container.updated .arrow { border-style: solid; border-color: #FFF; border-width: 0 5px 5px 0; display: inline-block; padding: 10px; } .hero-banner-container.updated .video-hero--content { padding-bottom: 20vh; } .hero-banner-container.updated .down { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .banner-wrapper { padding: 298px 100px 100px 0; background: #323232; min-height: 920px; padding-left: calc(((100% - 1060px) - 30px) / 2); color: #ffffff; display: flex; flex-wrap: wrap; } .banner-wrapper .banner-content { margin: 60px 0 60px 0; } .banner-wrapper h1 { font-size: 45px; line-height: 55px; color: #ffffff; margin-bottom: 30px; text-transform: none; text-transform: none; } .banner-wrapper p { font-size: 30px; line-height: 40px; } .banner-wrapper .banner-left-content { width: 50%; padding-right: 50px; } .banner-wrapper .banner-img { width: 50%; padding-left: 50px; } .banner-wrapper .banner-left-content img { max-width: 430px; } .banner-wrapper .banner-img img { width: 100%; } .banner-wrapper .banner-left-content .common-btn a:hover { background-color: #ffffff; color: #323232; } .common-btn a { display: inline-block; background-color: #ed1d23; min-width: 224px; text-align: center; padding: 13px 10px; font-size: 15px; color: #ffffff; text-transform: uppercase; } .common-btn a:hover { background-color: #323232; } .two-col-section { padding: 110px 0 110px; text-align: center; } .two-col-section .two-col-inner { max-width: 580px; margin: 0 auto; } .two-col-section h2 { font-size: 32px; line-height: 42px; text-transform: none; color: #323232; margin-bottom: 40px; } .two-col-section h6 { color: #323232; font-size: 24px; line-height: 34px; margin: 0; } .two-col-section .img-wrap { display: flex; align-items: center; margin-bottom: 20px; } .two-col-section .img-wrap .img-left img { max-width: 228px; height: 228px; object-fit: contain; } .two-col-section .img-wrap .img-right img { max-width: 258px; height: 258px; object-fit: contain; } .two-col-section .img-wrap .static-conetnt { width: 94px; height: 94px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: #F6F6F6; font-size: 28px; font-weight: 900; color: #323232; line-height: 38px; } .three-col-section { background: #f6f6f6; text-align: center; padding: 115px 0 120px; } .three-col-section h2 { font-size: 32px; line-height: 42px; font-weight: 900; color: #323232; text-transform: none; max-width: 580px; margin: 0 auto; } .three-col-section .three-col-inner { display: flex; justify-content: center; margin: 70px 0 90px; flex-wrap: wrap; } .three-col-section .three-col-inner .col-repeater { width: calc(33.33% - 18px); margin: 0 9px; background-color: #ffffff; padding: 60px 45px 40px; } .three-col-section .three-col-inner .col-repeater.nospace { padding: 0px 45px 40px; } .three-col-section .three-col-inner .col-repeater h3 { color: #323232; font-size: 18px; line-height: 1.5em; text-transform: none; margin: 20px 0 10px; } .inspector .three-col-section .three-col-inner .col-repeater h3 {font-size: 24px; line-height: 34px; } .three-col-section .three-col-inner .col-repeater.nospace h3 { margin: 0px 0 24px; } .imagetext-twocol { width: 100%; float: left; padding: 174px 0; } .imagetext-twocol .section-title { text-align: left; color: #323332; text-transform: none; font-weight: 900; font-size: 32px; line-height: 42px;} .imagetext-twocol .imagetext-twocol-inner { display: flex; flex-wrap: wrap; width: 100%; float: left; margin-top: 30px; } .imagetext-twocol .left-text { width: 40%; float: left; padding-top: 40px; } .imagetext-twocol .left-text p { font-size: 24px; line-height: 30px; font-weight: bold; color: #323332; } .imagetext-twocol .left-text .common-btn { margin-top: 50px; } .imagetext-twocol .common-btn.desktop { display: inline-block; } .imagetext-twocol .common-btn.mobile { display: none; } .imagetext-twocol .right-image { width: 60%; float: left; padding-left: 94px;} .three-col-section.card-background h2 { max-width: 880px; } .three-col-section.card-background .col-repeater { padding: 0; } .three-col-section.card-background .col-bg-image { height: 250px; } .three-col-section.card-background .col-icon-circle { width: 130px; height: 130px; background-color: #FFF; border-radius: 100%; margin-top: -65px; display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; float: none; } .three-col-section.card-background .col-icon img { max-width: 54px; max-height: 54px; width: auto; height: auto; } .three-col-section.card-background .col-text-sect { padding: 0 30px 60px 30px; } .logobanner { width: 100%; float: left; position: relative; padding-bottom: 40px; margin-bottom: 50px; } .logobanner h2 { color: #FFF; text-align: center; position: relative; font-weight: 900; font-size: 32px; line-height: 42px; } .logobanner h2.box-title { font-weight: bold; position: relative; padding-bottom: 70px; margin-bottom: 40px; } .logobanner h2.box-title:after { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 168px; height: 3px; background: #ED1D23; content: ''; } .logobanner h3 { color: #FFF; text-align: center; position: relative; } .logobanner .logobanner-inner { padding: 96px 100px 0px 100px; width: 100%; float: left; } .logobanner .logobanner-box { width: 900px; float: right; margin-top: 70px; background: rgba(50, 51, 50, 0.8); padding: 75px 96px; margin-bottom: -40px; } .logobanner .logobanner-box.desktop { display: block; } .logobanner .logobanner-box.mobile { display: none; } .logobanner .logo-listing { display: flex; flex-wrap: wrap; align-items: center; } .logobanner .logo-listing .logo-box { width: 25%; margin: 0; padding: 30px; text-align: center; } .logobanner .logo-listing .logo-box img { max-height: 70px; max-width: 100%; height: auto; width: auto; } .logobanner .common-btn { text-align: center; margin-top: 50px; } .ctas-wrapper { width: 100%; float: left; position: relative; padding: 174px 0; } .ctas-wrapper .cta-box h3, .ctas-wrapper .cta-box h4 { color: #FFF; text-align: left; position: relative; margin: 0;} .ctas-wrapper .cta-box h3 { font-size: 24px; line-height: 1.25em } .ctas-wrapper .cta-box h4 { padding-top: 10px; font-size: 18px; line-height: 1.25em; } .ctas-wrapper .ctas-inner { display: flex; flex-wrap: wrap; width: 100%; float: left; } .ctas-wrapper .cta-box { padding: 45px 45px 140px 45px; position: relative; } .ctas-wrapper .cta-box:before { content: ''; background: rgba(50, 51, 50, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ctas-wrapper .cta-box * { position: relative; } .ctas-wrapper .cta-box.dark h3, .ctas-wrapper .cta-box.dark h4 { color: #323332; } .ctas-wrapper .cta-wrapper-right .cta-box:first-child { margin-bottom: 20px; } .ctas-wrapper .cta-box.large { padding: 45px; height: 100%; } .ctas-wrapper .cta-wrapper-left { width: 50%; float: left; padding-right: 10px; } .ctas-wrapper .cta-wrapper-right { width: 50%; float: left; padding-left: 10px; } .ctas-wrapper .cta-box a { color: #FFF; font-size: 15px; padding: 13px 25px; display: inline-block; width: auto; margin-top: 12px; border: 2px solid #FFF; background-color: transparent; float: left; text-transform: uppercase;} .ctas-wrapper .cta-box a:hover { color: #323332; background-color: #FFF; } .ctas-wrapper .cta-box.dark a { color: #323332; border-color: #323332; } .ctas-wrapper .cta-box.dark a:hover { color: #FFF; background-color: #323332; border-color: color: #323332; } .pricing-table-wrapper { width: 100%; float: left; position: relative; padding: 174px 0; } .pricing-table-wrapper .pricing-table { display: flex; flex-wrap: wrap; } .pricing-table-wrapper .pricing-card { width: calc(100% / 3 - 13.4px); margin-right: 20px; } .pricing-table-wrapper .pricing-card:last-child { margin-right: 0px; } .pricing-table-wrapper .pricing-title { background: #323332; font-weight: bold; color: #FFF; padding: 20px; font-size: 18px; line-height: 1.25em; text-align: center; } .pricing-table-wrapper .pricing-title.red { background: #EC2528; } .pricing-table-wrapper .pricing-price { font-size: 24px; line-height: 1.25em; font-weight: bold; margin-top: 60px; margin-bottom: 43px; text-align: center; } .pricing-table-wrapper .pricing-specs { padding: 0 20px; } .pricing-table-wrapper .pricing-spec-row { text-align: center; padding: 17px 0px; border-bottom: 2px solid #F6F6F6; } .pricing-table-wrapper .pricing-spec-row:last-child { border-bottom: none; } .pricing-table-wrapper .additinal-section { margin-top: 120px; } .pricing-table-wrapper .additional-row { display: flex; flex-wrap: wrap; align-items: center; padding: 35px 74px; font-size: 18px; line-height: 1.5em; font-weight: bold; } .pricing-table-wrapper .additional-text { width: calc(100% - 360px); padding-right: 74px; } .pricing-table-wrapper .additional-cost { width: 360px; } .pricing-table-wrapper .bottom-buttons { display: flex; align-items: center; justify-content: center; margin-top: 80px; } .pricing-table-wrapper .bottom-buttons .border-button { display: inline-block; background: none; min-width: 224px; border: 2px solid #323332; text-align: center; padding: 13px 10px; font-size: 15px; color: #323332; text-transform: uppercase; margin: 10px; } .pricing-table-wrapper .bottom-buttons .border-button:hover { background: #323332; color: #FFF; } .pricing-table-wrapper .bottom-buttons .red-button { display: inline-block; background-color: #ed1d23; min-width: 224px; text-align: center; padding: 13px 10px; font-size: 15px; color: #ffffff; text-transform: uppercase; margin: 10px; } .pricing-table-wrapper .bottom-buttons .red-button:hover { background-color: #323232; } .drone-text-wrapper { display: flex; flex-wrap: wrap; align-items: center; width: 100%; float: left; padding: 174px 0; } .drone-text-wrapper .drone-left-image { width: 30%; } .drone-text-wrapper .drone-right-text { max-width: 790px; } .drone-text-wrapper h3 { color: #323332; text-transform: unset; } .drone-text-wrapper h2 { color: #323332; } .drone-text-wrapper .common-btn { margin-top: 75px; } @media (max-width: 1100px) { .logobanner .logobanner-inner { padding: 96px 50px 0px 50px; } .logobanner .logobanner-box { width: 100%; } } @media (max-width: 767px) { .hero-banner-container.updated .page-width { max-height: 100%; } .hero-banner-container.updated h2 { font-size: 24px; line-height: 30px; font-weight: 900; margin-bottom: 40px; } .hero-banner-container.updated h1 { font-size: 28px; line-height: 34px; font-weight: normal; } .imagetext-twocol { padding: 50px 0; } .imagetext-twocol .section-title { text-align: center; font-size: 20px; line-height: 28px; } .imagetext-twocol .imagetext-twocol-inner { flex-direction: column; } .imagetext-twocol .left-text { width: 100%; padding-top: 20px; text-align: center; } .imagetext-twocol .left-text p { font-size: 16px; line-height: 24px; } .imagetext-twocol .right-image { width: 100%; margin-top: 40px; padding-left: 0;} .imagetext-twocol .common-btn.desktop { display: none; } .imagetext-twocol .common-btn.mobile { display: block; margin-top: 40px; text-align: center; float: left; width: 100%; } .three-col-section.card-background { padding: 50px 0; } .three-col-section.card-background h2 { font-size: 20px; line-height: 28px; margin-bottom: 60px; } .three-col-section.card-background .three-col-inner { margin-bottom: 40px; } .three-col-section.card-background .col-repeater { width: 100%; margin-top: 20px; } .three-col-section.card-background .col-bg-image { height: 225px; } .three-col-section.card-background .col-icon-circle { width: 120px; height: 120px; margin-top: -60px; } .three-col-section.card-background .col-icon img { max-width: 45px; max-height: 45px; } .three-col-section.card-background .col-text-sect { padding: 0 30px 40px 30px; } .three-col-section.card-background .three-col-inner .col-repeater h3 { font-size: 20px; line-height: 28px; } .three-col-section.card-background .three-col-inner .col-repeater .inner-content p { font-size: 16px; line-height: 20px; } .logobanner { width: 100%; float: left; position: relative; padding-bottom: 40px; } .logobanner h2 { position: absolute; bottom: 0; left: 0; width: 100%; color: #FFF; text-align: center; font-size: 20px; line-height: 28px; display: block; width: 100%; padding: 50px 30px; background: rgba(50, 51, 50, 0.8); margin: 0; } .logobanner h2.box-title { margin-bottom: 30px; background: none; padding: 0 0 45px 0; } .logobanner h2.box-title:after { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 168px; height: 3px; background: #ED1D23; content: ''; } .logobanner h3 { color: #FFF; text-align: center; position: relative; } .logobanner .logobanner-inner { padding: 0; background-position: -90px center !important; min-height: 545px; position: relative; } .logobanner .logobanner-box { width: 100%; float: left; margin-top: 0px; background: #323332; padding: 50px 30px; margin-bottom: 0px; } .logobanner .logobanner-box.desktop { display: none; } .logobanner .logobanner-box.mobile { display: block; } .logobanner .logo-listing { justify-content: center; } .logobanner .logo-listing .logo-box { width: 25%; margin: 0; padding: 30px 15px; text-align: center; } .logobanner .logo-listing .logo-box img { max-height: 50px; max-width: 100%; height: auto; width: auto; } .logobanner .common-btn { margin-top: 30px; } .three-col-section { padding: 50px 0; } .three-col-section h2 { font-size: 20px; line-height: 28px; } .three-col-section .three-col-inner { flex-direction: column; margin: 40px 0 50px; } .three-col-section .three-col-inner .col-repeater { width: 100%; margin: 20px 0 0; } .three-col-section .three-col-inner .col-repeater.nospace { padding: 0px 55px 40px; } .three-col-section .three-col-inner .col-repeater h3 { font-size: 20px; line-height: 28px; } .three-col-section .three-col-inner .col-repeater.nospace h3 { margin: 0px 0 24px; } .three-col-section .three-col-inner .col-repeater img { max-height: 200px; height: auto; width: auto; } .ctas-wrapper { padding: 50px 0; } .ctas-wrapper .cta-box h3 { font-size: 15px; line-height: 1.25em } .ctas-wrapper .cta-box h4 { padding-top: 10px; font-size: 15px; line-height: 1.25em; } .ctas-wrapper .ctas-inner { flex-direction: column; } .ctas-wrapper .cta-box { padding: 35px; width: 100%; float: left; text-align: center; position: relative; } .ctas-wrapper .cta-box.dark h3, .ctas-wrapper .cta-box.dark h4 { color: #323332; } .ctas-wrapper .cta-wrapper-right .cta-box:first-child { margin-bottom: 20px; } .ctas-wrapper .cta-box.large { margin-bottom: 20px; } .ctas-wrapper .cta-wrapper-left { width: 100%; padding-right: 0px; } .ctas-wrapper .cta-wrapper-right { width: 100%; padding-left: 0px; } } @media (max-width: 499px) { .logobanner .logo-listing .logo-box { width: 33%; } } @media (min-width: 1241px) { .inspector .testimonial-section { background-size: 50%; } } .testimonial-section { background-repeat: no-repeat; background-size: cover; padding: 110px 0 115px; position: relative; z-index: 0; } .testimonial-section:before { content: ''; position: absolute; right: 0; top: 0; background: -moz-linear-gradient(left, rgba(30,87,153,0) 0%, rgba(50,50,50,0.89) 16%, rgba(50,50,50,1) 18%, rgba(50,50,50,1) 38%); background: -webkit-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(50,50,50,0.89) 16%,rgba(50,50,50,1) 18%,rgba(50,50,50,1) 38%); background: linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(50,50,50,0.89) 16%,rgba(50,50,50,1) 18%,rgba(50,50,50,1) 38%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#323232',GradientType=1 ); width: 70%; height: 100%; z-index: -1; } .testimonial-section .testimonial-inner { max-width: 430px; text-align: center; float: right; } .testimonial-section .testimonial-inner h2 { font-size: 28px; text-transform: none; color: #ffffff; } .testimonial-section .testimonial-inner .testimonial-slider { text-align: center; padding: 50px 0; margin-top: 50px; position: relative; } .testimonial-section .testimonial-inner .testimonial-slider:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 3px; background-color: #ffffff; max-width: 300px; margin: auto; } .testimonial-section .testimonial-inner .testimonial-slider img { margin: 0 auto; } .testimonial-section .testimonial-inner .testimonial-slider p { font-size: 18px; line-height: 28px; color: #ffffff; } .testimonial-section .testimonial-inner .testimonial-content { margin: 40px 0 0; } .testimonial-section .testimonial-inner .testimonial-slider ul.slick-dots li button { width: 13px; height: 13px; border: 3px solid #ffffff; border-radius: 100%; opacity: 1; } .testimonial-section .testimonial-inner .testimonial-slider ul.slick-dots li.slick-active button { background: #ffffff; } .testimonial-section .testimonial-inner .common-btn { margin-top: 30px; } .testimonial-section .testimonial-inner .common-btn a:hover { background-color: #ffffff; color: #323232; } .video-section { padding: 120px 0 150px; background-color: #f6f6f6; } .video-section h2 { color: #323232; text-transform: none; text-align: center; max-width: 910px; margin: 0 auto 50px; } .video-box { width: 100%; float: left; height: 625px; background-repeat: no-repeat; background-position: center top; background-size: cover; position: relative; } .video-box .mp_video { width: 100%; float: left; height: 100%; position: relative; } .video-box .mp_video video.video { height: 100%; width: 100%; object-fit: cover; outline: 0; } .video-box .mp_video video { opacity: 0; visibility: hidden; transition: all .4s; } .video-box .play { position: absolute; top: 50%; left: 0px; right: 0px; margin: auto; transform: translateY(-50%); width: 150px; height: 150px; background-image: url('https://2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Inspector%203.0/Images/new-play-btn.svg'); background-repeat: no-repeat; background-size: contain; cursor: pointer; } .video-box .mp_video .playpause i { position: relative; left: 6px; top: 2px; } .video-box iframe { height: 100%; width: 100%; } .video-box div { height: 100%; } .faq-section { background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0; text-align: center; padding: 120px 0 115px; background-attachment: fixed; width: 100%; float: left; } .faq-section:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #323232; opacity: 0.8; z-index: -1; } .faq-section h2 { color: #ffffff; letter-spacing: 0.96px; font-size: 32px; line-height: 42px; font-weight: 900; text-transform: uppercase; } .faq-section .acordion-wrapper { padding: 225px 0 40px; max-width: 1030px; margin: 0 auto; } .faq-section .acordion-wrapper .accordion-repeater { background: rgba(0, 0, 0, .44); padding: 18px 15px 18px 15px; margin-bottom: 16px; } .faq-section .acordion-wrapper .accordion-repeater h3 { letter-spacing: 0.36px; color: #ffffff; font-size: 18px; line-height: 28px; margin: 0; text-transform: none; } .faq-section .acordion-wrapper .accordion-repeater .accordion-title { position: relative; cursor: pointer; padding-right: 20px; } .faq-section .acordion-wrapper .accordion-repeater .accordion-title:after { content: '\f107'; position:absolute; top: 3px; right: 0; margin: auto; font-family: fontawesome; font-size: 18px; color: #ffffff; transition: all 0.5s; } .faq-section .acordion-wrapper .accordion-repeater .accordion-title.active:after { content: '\f106'; } .faq-section .acordion-wrapper .accordion-content { display: none; } .faq-section .acordion-wrapper .accordion-content > div { padding: 25px 0 0 0; } .faq-section .acordion-wrapper .accordion-content p { margin: 0; color: #ffffff; } .faq-section .common-btn a:hover { background-color: #ffffff; color: #323232; } /* Video Slider Module */ .traning-page .video-slider-section{background:#e6e6e6;padding:35px 0 93px;} .traning-page .video-slider-section-title h1 {color:#58595b;text-transform:uppercase;font-weight:900;margin-bottom:115px;} .traning-page .video-slider-mod img { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50px; width: 111px !important; } .traning-page a.owl-dot { font-size: 12px; text-transform: uppercase; color: #ff1900; font-weight: 700;height:10px;position:relative;top:-3px; margin-left: 11px; vertical-align: middle; display: inline-block; } .traning-page .owl-carousel .owl-item img {width: auto;max-width:100%;} .traning-page a.popup-youtube.VideoBox { background-color: #ccc; text-decoration: none; padding: 15px; display: block; width: 100%; text-align: center; } .traning-page .owl-dots {text-align: center; display: flex; justify-content: center;} .traning-page button.owl-dot { height: 10px; width: 64px; background-color: #b7b7b7 !important; z-index: 99999999; margin: 0 10px; } .traning-page button.owl-dot.active{background-color:#444444 !important;} .traning-page .video-slider-mod{background-repeat:no-repeat !important;background-size:cover !important;background-position:center !important;width:100%;height:224px;display:table;text-align:center;} .traning-page .owl-carousel .owl-stage-outer{margin-bottom:80px;} .traning-page a.owl-dot:hover{opacity:0.7;} .traning-page .my-flyability-section { padding: 65px 0 220px; } .traning-page .white-popup-block { text-align: center; position: relative; max-width: 558px; margin: 0 auto; } .traning-page a.popup-modal-dismiss { position: absolute; top: -22px; right: 0; color:#fff;} .last-section{margin-top:45px;} @media(max-width:1200px){ .traning-page .video-slider-section{ padding: 35px 0 80px;} .traning-page .video-slider-mod img{width:100px !important;} } @media(max-width:1024px){ .traning-page .video-slider-section-title h1{margin-bottom:50px;} .traning-page .owl-carousel .owl-stage-outer{margin-bottom:60px;} .traning-page .video-slider-section{ padding: 35px 0 60px;} .traning-page .video-slider-mod img{top: 75px; width: 80px !important;} .traning-page .section-3-main .page-center{padding-top:15px;padding-bottom:15px;} } @media(max-width:767px){ .traning-page .owl-carousel .owl-stage-outer{margin-bottom:40px;} .traning-page .video-slider-section{ padding: 30px 0 50px;} .video-slider-section iframe { width: 100%; padding: 20px 10px; } .traning-page .section-3-main .hs_3col_img_w_content-wrapper .span4 figure{margin:0;} .traning-page .hs-section2-two-column-cols{margin-bottom:25px !important;} .new-cta a{position:relative;} } @media(max-width:640px){ .traning-page button.owl-dot { height: 8px; width: 15px;} .traning-page .owl-carousel .owl-stage-outer{margin-bottom:25px;} .traning-page .video-slider-section{ padding: 30px 0 40px;} } div.popup-form { background: rgb(204, 204, 204); width: 800px; } div.popup-form h3 { font-size: 32px; margin: 0 0 20px; line-height: normal; color: #58595b; } .fancybox-bg { opacity: 1 !important; background: #000 !important; } div.popup-form input, div.popup-form form textarea { border-color: #FFF; background: #FFF; margin: 5px 0 20px 0; } div.popup-form span { color: #58595b; } div.popup-form input::placeholder { } div.popup-form form .hs_submit.hs-submit .actions:after { } div.popup-form form .hs_submit.hs-submit:hover .actions:after { } div.popup-form form .hs-form-checkbox label input[type="checkbox"]+span:before,div.popup-form .hs-form-booleancheckbox input[type="checkbox"]+span:before { background: #FFF; } div.popup-form form fieldset .legal-consent-container { color: #58595b; } div.popup-form form .hs_submit.hs-submit { } div.popup-form input.hs-button { font-family: proxima-nova,sans-serif; border: 0; -webkit-transition: all ease 400ms; -moz-transition: all ease 400ms; -o-transition: all ease 400ms; -ms-transition: all ease 400ms; transition: all ease 400ms; cursor: pointer; -webkit-appearance: none; background-color: #ec2528; box-sizing: border-box !important; color: #fff; display: inline-block; font-size: 18px; letter-spacing: 1.1px; padding: 7px 18px; text-align: center; text-transform: uppercase; margin: 5px 0 20px 0; } div.popup-form .hs-form-required { display: none; } div.popup-form .small-links { font-size: 12px; line-height: 1.5em; } div.popup-form input.hs-button:hover { background: #58595b; } div.popup-form .hs-submit:hover input.hs-button { } div.popup-form form .hs_submit.hs-submit:hover { } div.popup-form .fancybox-close-small svg { fill: #58595b !important; stroke: #58595b !important; stroke-width: 2px !important; } div.popup-form select { } @media (max-width: 500px) { div.popup-form h3 { font-size: 26px; } } .error-page { background-image: url('https://2602167.fs1.hubspotusercontent-na1.net/hubfs/2602167/Images/Error_img.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; width: 100%; min-height: 100vh; min-width: 100vw; color: #FFF; } .error-page .header-container-wrapper .page-center > div > div { margin-left: 0 !important; } .error-page .logo img { max-width: 150px !important; width: auto !important; height: auto !important; } .error-page .logo { padding: 50px 30px; } .error-page .main-section .page-center { max-width: 650px; } .error-page .main-section { text-align: center; } .error-page .custom_error_message { margin-top: 20vh !important; margin-top: 200px; } .error-page .custom_error_message * { font-weight: normal; } .error-page .custom_error_message h1 { margin-bottom: 0; } .error-page .custom_error_message h2 { text-transform: uppercase; color: #FFF; font-size: 1.4em; margin-bottom: 2em;} .error-page .custom_error_message p { font-size: 1.2em; } .error-page .custom_error_message a { background-color: #ec2528; box-sizing: border-box !important; color: #fff; display: inline-block; letter-spacing: 1.1px; text-align: center; text-transform: uppercase; padding: 15px 30px; margin-top: 50px; } .error-page .custom_error_message a:hover { background-color: #58595b; } @media (max-width: 699px) { .error-page .custom_error_message { margin-top: 50px !important; } .error-page .logo { text-align: center; } .error-page .logo img { max-width: 100px !important; } .error-page .custom_error_message a { margin-top: 20px; } } /*Correctif Septembre 2021*/ @media (max-width: 992px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { /* list-style: none; */ margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; } /* Stacking Horizontal Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; } .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { white-space: normal; } /* Stacking Vertical Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: static; opacity: 1; visibility: visible; } } /*22-02-2022 Fix ty page form width*/ .ty-page .hs_cos_wrapper_type_form { max-width: 1160px !important; display: flex; flex-wrap: wrap; margin: 0 auto; padding: 20px 30px !important; } .ty-page .hs_cos_wrapper_type_form h3{ width: 100%; text-align: center; } .ty-page .hs_cos_wrapper_type_form > div{ width: 100%; text-align: center; } @media screen and (max-width: 768px){ .hs-form fieldset.form-columns-1 .hs-form-field, .hs-form fieldset.form-columns-2 .hs-form-field{ margin: 0 !important; } }