/* @import url('http://example.com/example_style.css'); */ /** * CSS @imports must be at the top of the file. * Add them above this section. */ /* ========================================================================== HS COS Boilerplate v1.5.0 ========================================================================== */ /* This responsive framework is required for all styles. */ /* 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;} /* ========================================================================== Index: 1. BASE STYLES - Variables - Macros - Base - Typography 2. COS STRUCTURE - Structure - Header - Content - Footer 3. MAIN NAVIGATION - Custom Menu Primary - Mobile Menu 4. TEMPLATE MODULE CLASSES - Common Template Classes - Site Pages - Landing Pages - System Pages 5. COS COMPONENTS - Blog - Forms - Buttons 6. WEBFLOW INTERGRATION - Webflow Normalize CSS (Extracted from normalize.css) - Weblow CSS (Webflow core functionality. extracted from webflow.css) - Hubspot and Weblow Integration Reset - Site Webflow CSS (from webflow sitename.webflow.css for example lelo.webflow.css ) Note: WEBFLOW AND CSS OVERRIDE - All the class with suffix "...-column" must be used as below for example ".container-fluid .row-fluid .w-col.filter-column" - In case where you use "w-row body-row" please add "span12-reset" for example "w-row body-row span12-reset" This will reset HubSpot "span12 widget-span" by removing it and let "...-row" to take effect How does it remove it? Ans: By using jquery script from CompanyMain.js PLEASE NOTE WEBFLOW TO HUBSPOT INTEGRATION MEANS PLAYING WITH CLASSES AND AVOID RE-CODING CSS Stop wasting time on coding stuff that are already there. For example Webflow export folder comes with site full built with css, you don't need to code css again "Only use custom code in exceptional circumstances" - Please while using Anchor with webflow class please add this .container-fluid .row-fluid example: .container-fluid .row-fluid .primary-cta 7. MOBILE MEDIA QUERIES FOR DEFAULT AND CUSTOM CLASSES ========================================================================== */ /* - SMM GSSE SEARCH INTEGRATED*/ /* ========================================================================== 1. BASE STYLES ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /** * Find the most consistently used font styles, colors, and container widths * for your site and assign them to the jinja variables below for easy use * and reference. * * Apply the variable as shown below. Ignore the jingja comment tags. * * */ /* Colors */ /* */ /* */ /* */ /* */ /* */ /* */ /* Typography */ /* */ /* */ /* */ /* */ /* Containers */ /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */ /* ========================================================================== Macros ========================================================================== */ /** * Create jinja macros for CSS3 properties that need browser prefixes. * * Apply the style as shown below on it's own CSS property line. * Ignore the jinja comment tags. * * */ /** * Example of how to apply the above macro (ignore the jinja comment tags): * * a { * color: red; * font-size: 12px; * * } */ /* ========================================================================== New styles added in Theme Development (2021 - Patrick & Renier) ========================================================================== */ /* intro */ .module-wrapper { padding: 60px 0; } .content-container.intro-wrapper h2 { margin-bottom:20px; } .content-container.intro-wrapper { padding: 0px 10px 40px 10px; position: relative; z-index: 1; } .content-container.intro-wrapper h2 { overflow-wrap: break-word; } @media screen and (max-width:767px) { .content-container.intro-wrapper { margin-left: auto !important; margin-right: auto !important; width: 90%; } } @media (max-width: 400px) { h1, h2, h3, h4 { word-wrap: break-word; } } /* ----- */ /* ========================================================================== Base ========================================================================== */ /** * Box Sizing * * Applies a natural box layout model to all elements so that width and padding * are essentially combined, making responsive styles easier to manage. */ *, *: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; scroll-padding-top: 140px; } /* Website background color and default font styles */ body { background: #fff; color: #333; font-family: Raleway, sans-serif; font-size: 14px; line-height: 1.5; } /** * Page Center * * Apply .page-center to full-width modules. */ .container-fluid .row-fluid .page-center { float: none; max-width: 1020px; margin: 0 auto; } a { color: #c80c0f; text-decoration: none; font-weight: 700; } a:hover { color: #c80c0f; text-decoration: underline} a:focus { color: #c80c0f; } .widget-type-space, hr { color: #d2d2d2; background-color: #d2d2d2; height: 1px; border: none; margin-top: 20px; margin-bottom: 20px; } .line { visibility: visible; } /* Highlighted Text */ ::-moz-selection { color: #fff; background: #333; text-shadow: none; } ::selection { color: #fff; background: #333; text-shadow: none; } /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img {     max-width: initial; } /* ========================================================================== HubSpot Default Modules Style ========================================================================== */ .vex { z-index: 999999; } .hs_cos_flex-slider .caption { padding: 5px; } .hs_cos_flex-slider { margin-bottom: 31px !important; } .vex-content.hs-gallery .hs_cos_flex-slides li div.caption { padding: 5px; } .hs_cos_flex-slider .superimpose .caption { width: 100%; padding: 5px; } @media (min-width: 768px) { .hs_cos_flex-slider .hs_cos_flex-slides img { width: 100% !important; } } @media (max-width: 767px) { .hs_cos_flex-slider .caption { font-size: 1em !important; } .hs_cos_flex-slider .superimpose .caption { font-size: 18px !important; } } @media (max-width: 479px) { .hs_cos_flex-slider .superimpose .caption { font-size: 14px; } } /* ========================================================================== Typography ========================================================================== */ /* Basic text */ p {} 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; } /* Lists */ ul, ol {} ul ul, ul ol, ol ol, ol ul {} li {} ul.unstyled, ol.unstyled { list-style: none; margin: 0; padding: 0; } /* Quotes */ blockquote {} blockquote p {} blockquote small {} blockquote small:before {} q:before, q:after, blockquote:before, blockquote:after {} /* ========================================================================== 2. COS STRUCTURE ========================================================================== */ /* ========================================================================== Structure ========================================================================== */ /* The outer wrappers of your website */ .header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {} .footer-container-wrapper { } /* The inner wrappers of your website */ .header-container, .body-container, .footer-container {} /* ========================================================================== Header ========================================================================== */ .header-container-wrapper {} .header-container {} /* Logo styling */ .header-container .hs_cos_wrapper_type_logo {} .header-container .hs_cos_wrapper_type_logo a {} .header-container .hs_cos_wrapper_type_logo a img {} /* ========================================================================== Content ========================================================================== */ .body-container-wrapper {} .body-container {} /* Unique Pages ========================================================================== */ /* Homepage */ /* Contact Us */ /* About Us */ /* Landing Page */ /* Modular & Reusable Components ========================================================================== */ /* Callouts */ /* Social Media Custom Icons */ /* Additional Menus aside from the Main Nav */ /* ========================================================================== Footer ========================================================================== */ .footer-container-wrapper {} .footer-container {} /* ========================================================================== 3. MAIN NAVIGATION ========================================================================== */ /* ========================================================================== Custom Menu Primary ========================================================================== */ /* =============================================================================================== STRUTO MENU MODULE INTEGRATION (SMM V1) WITH HUBSPOT MENU =============================================================================================== =============================================================================================== */ /* ========================================================================== Custom Menu Primary ========================================================================== */ /* Top Header Setting XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* Logo background color */ /* Logo setting XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* Logo background color */ /* Desktop Extra Button XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* Set value none or block when using this button */ /* General menu setting XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* The same height goes for Menu ul and Header (.smm-header-wrapper) */ /* Set menu font color for menu bar */ /* Set menu font weight for menu bar */ /* Set ul background color */ /* Set Main Menu Header Border Bottom to 1px or 0 for none */ /* Desktop parent setting */ /* Set ul background color */ /* Set li background Color */ /* Set li background Color */ /* Set li background Color */ /* Set link Color */ /* Set link Hover Color */ /* Set menu font weight for menu bar */ /* Set border left color to the menu item */ /* Set border left to the menu item */ /* Desktop child list color setting */ /* Set ul background color */ /* Set li background Color */ /* Set li background Color */ /* Set link Color */ /* Set link Hover Color */ /* Set menu font weight for menu bar */ /* Set child height */ /* Set both value for Desktop Child Dropdown Position Push to left or centered */ /* Set dropdown position 50% for left or 1% for centered */ /* Set dropdown position 90px for left or 0px for centered */ /* Set menu font weight for menu bar */ /* Set menu font weight for menu bar */ /* Mobile Menu setting ***************/ /* Hamburger Menu setting */ /* Set Mobile Bar height */ /* Hamburger Background*/ /* Hamburger Background hover*/ /* Set the Hamburger(mobile-trigger) font-size */ /* Mobile Dropdown setting */ /* Set Mobile Menu Background Color */ /* Set background link hover Color */ /* Set link Color */ /* Set link Hover Color */ /* Set menu font weight for menu bar */ /* Set align on the menu item */ /* Border Mobile Menu */ /* Set button none to hide or block to display */ /* Mobile child color setting */ /* Set Mobile Menu Background Color */ /* Set Link Color */ /* Set Link Hover Color */ /* Set menu font weight for menu bar */ /* Other menu setting XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* Close Icon on mobile *************/ @font-face { font-family: "Flaticon"; src: url("https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/flaticons/flaticon.eot"); src: url("https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/flaticons/flaticon.eot#iefix") format("embedded-opentype"), url("https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/flaticons/flaticon.woff") format("woff"), url("https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/flaticons/flaticon.ttf") format("truetype"), url("https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/flaticons/flaticon.svg") format("svg"); font-weight: normal; font-style: normal; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: 30px; font-style: normal; } .flaticon-close6:before { content: "\e000"; } .smm-item-close i.flaticon-close6 { margin: 0 auto; margin-top: 20px; margin-bottom: 20px; text-align: center; } .smm-item-close a:hover { background: transparent !important; } /* Animation AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA */ /* Menu AAAAAAAAAAAAAAAAAAAAA */ .widget-span.smm-master-header { width: 100%; -webkit-animation: mymove 0.2s; /* Chrome, Safari, Opera */ animation: mymove 0.2s; } /* Chrome, Safari, Opera */ .widget-span.smm-master-header {-webkit-animation-timing-function: linear;} /* Standard syntax */ .widget-span.smm-master-header {animation-timing-function: linear;} /* Chrome, Safari, Opera */ @-webkit-keyframes mymove { from {top: -60px;} to {top: 0;} } /* Standard syntax */ @keyframes mymove { from {top: -60px;} to {top: 0;} } /*.nav-up { top: -60px; }*/ /*Menu Scroll Display transitions*/ /* UPDATE EXISTING STYLE */ .nav-up{ transform: translateY(-130px); -ms-transform: translateY-130px)); -o-transform: translateY(-130px)); -webkit-transform: translateY(-130px)); -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } @media (max-width: 767px) { .nav-up{ transform: translateY(-60px); -ms-transform: translateY(-60px); -o-transform: translateY(-60px); -webkit-transform: translateY(-60px); } } /* ADD NEW STYLE */ .nav-down{ transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -o-transition-duration: 200ms; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } body.mobile-open .smm-master-header.nav-up { transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; -webkit-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; -o-transition-duration: 200ms !important; -webkit-transition-duration: 0.2s !important; -moz-transition-duration: 0.2s !important; transition-duration: 0.2s !important; } /* Mobile Menu Toggle Animation */ @-webkit-keyframes topline { 50% {-webkit-transform: translateY(4.8px); transform:translateY(4.8px); } 100% { margin-top:0; -webkit-transform: rotate(45deg); transform:rotate(45deg);} } @-moz-keyframes topline { 50% {-webkit-transform: translateY(4.8px); transform:translateY(4.8px); } 100% { margin-top:0; -webkit-transform: rotate(45deg); transform:rotate(45deg);} } @-o-keyframes topline { 50% {-webkit-transform: translateY(4.8px); transform:translateY(4.8px); } 100% { margin-top:0; -webkit-transform: rotate(45deg); transform:rotate(45deg);} } @keyframes topline { 50% {-webkit-transform: translateY(4.8px); transform:translateY(4.8px); } 100% { margin-top:0; -webkit-transform: rotate(45deg); transform:rotate(45deg);} } @-webkit-keyframes bottomline { 50% {-webkit-transform: translateY(-4.8px); transform:translateY(-4.8px); } 100% { margin-top:0; -webkit-transform: rotate(-45deg); transform:rotate(-45deg);} } @-moz-keyframes bottomline { 50% {-webkit-transform: translateY(-4.8px); transform:translateY(-4.8px); } 100% { margin-top:0; -webkit-transform: rotate(-45deg); transform:rotate(-45deg);} } @-o-keyframes bottomline { 50% {-webkit-transform: translateY(-4.8px); transform:translateY(-4.8px); } 100% { margin-top:0; -webkit-transform: rotate(-45deg); transform:rotate(-45deg);} } @keyframes bottomline { 50% {-webkit-transform: translateY(-4.8px); transform:translateY(-4.8px); } 100% { margin-top:0; -webkit-transform: rotate(-45deg); transform:rotate(-45deg);} } .mobile-open a.mobile-trigger i:before { -webkit-animation:topline 0.3s ease-in-out; -moz-animation:topline 0.3s ease-in-out; animation:topline 0.3s ease-in-out; animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } .mobile-open a.mobile-trigger i:after { -webkit-animation:bottomline 0.3s ease-in-out; -moz-animation:bottomline 0.3s ease-in-out; animation:bottomline 0.3s ease-in-out; animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } .header-container-wrapper .widget-span { min-height: initial; } .widget-span.smm-master-header { display: none; position: fixed; width:100%; z-index:999999; } /* Hide transported menu */ #smm-transport .header-container-wrapper { display: none !important; } .smm-header-wrapper .widget-span { width: auto !important; margin-left: initial !important; } .smm-header-wrapper { background-color: #fff; font-family: Raleway, sans-serif; font-weight: 600; height: 80px /*calc(80px + 1px) */; border-bottom: 0 solid #D2D2D2; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .4); } .smm-footer-script { display: none !important; } .st-struto-logo img { padding: 0 10px; height: 80px; width: initial !important; } .smm-menu-wrapper { margin-left: 0 !important; } .smm-header-wrapper .smm-left { float: left !important; width: initial; } .smm-right-corner { float: left; } .smm-desktop-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul, .smm-header-wrapper .smm-right { float: right !important; width: initial; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul:last-child { } .st-struto-logo .hs_cos_wrapper_type_linked_image { display: table-cell; vertical-align: middle; height: 80px; background-color: transparent; } .st-struto-logo { width: calc( 100% + 20px ); } ul.hs-menu-children-wrapper.smm-bucket ul { display: none; } .smm-header-wrapper .smm-desktop-menu { float: left; } .smm-header-wrapper a.cta_button { height: 80px !important; /* 80px */ } .smm-cta { background: rgb(70, 70, 70); height: 80px !important; } .mobile-extra-right-button { display: none !important; } /************* More Target *************************/ .smm-target-menu-item:last-child { display: none; } @media (max-width: 1500px) { .smm-target-menu-item:last-child { display: block; } .smm-target-menu-item:last-child > li.hs-menu-item:last-child { display: none; } } ul.smm-bucket>li:last-child { display: none; } /* Reset display */ @media (min-width: 768px) { .smm-header-wrapper .smm-right-corner { display: block; } .smm-header-wrapper .smm-desktop-menu { display: block; } .smm-header-wrapper .smm-mobile-menu { display: none; } } /* Show Mobile and hide desktop menu */ @media (max-width: 767px) { .mobile-search-icon { cursor: pointer; } a.mobile-search-icon .fa { font-size: 18px; color: #c80c0f; } .smm-header-wrapper .smm-right-corner, .smm-header-wrapper .smm-desktop-menu { display: none; } .smm-header-wrapper { border-width: 0; } .smm-header-wrapper .smm-mobile-menu { display: block; } .mobile-extra-right-button { display: block !important; right: 115px; top: 4px; position: relative; } .st-struto-logo .hs_cos_wrapper_type_linked_image, .smm-header-wrapper { height: 60px ; } .st-struto-logo img { height: 60px; } .smm-mobile-menu .hs-menu-wrapper ul:first-child { height: auto; overflow-x: hidden !important; /*overflow: -moz-scrollbars-none;*/ direction: rtl; } /* .smm-mobile-menu .hs-menu-wrapper ul::-webkit-scrollbar { display: none !important; } */ .smm-mobile-menu .hs-menu-wrapper ul::-webkit-scrollbar { width: 8px; } .smm-mobile-menu .hs-menu-wrapper ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 10px; background-color: #fff; } .smm-mobile-menu .hs-menu-wrapper ul::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } @-moz-document url-prefix(http://),url-prefix(https://) { scrollbar { -moz-appearance: none !important; background: rgb(0,255,0) !important; } thumb,scrollbarbutton { -moz-appearance: none !important; background-color: rgb(0,0,255) !important; } thumb:hover,scrollbarbutton:hover { -moz-appearance: none !important; background-color: rgb(255,0,0) !important; } scrollbarbutton { display: none !important; } scrollbar[orient="vertical"] { min-width: 15px !important; } } } @media (max-width: 479px) { .mobile-extra-right-button { display: none !important; } } /* ========================================================================== Desktop Menu ========================================================================== */ /* Parent List XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul{ background-color:transparent; } .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul > li{ background:#fff; border-left: 1px solid white; } .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul > li.active { /* background: #000 !important; */ } /********************************************************************************************************/ /*Menu Item Hover Colour Transition*/ /* UPDATE EXISTING STYLE */ .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul > li:hover{ background:#f7f7f7; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; } /********************************************************************************************************/ .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul > li > a:link, .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul > li > a{ color:#808285; font-size: 14px; display: table-cell; padding: 0 20px; height: 80px; vertical-align: middle; text-transform: uppercase; border-bottom: 2px solid transparent; } .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul > li.active > a { background: #f5f5f5; color: #c80c0f; border-bottom: 2px solid #c80c0f; } .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul > li > a:hover{ color: #c80c0f; background: #f7f7f7; border-bottom: 2px solid #c80c0f; } .smm-header-wrapper .custom-menu-primary.smm-desktop-menu li.hs-item-has-children:hover > a { color: #c80c0f; background-color:#f7f7f7; border-bottom: 2px solid #c80c0f; } .smm-desktop-menu .hs-menu-flow-horizontal { font-size: 0; } /* Child List XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .smm-desktop-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:last-child ul.hs-menu-children-wrapper { left: initial; margin-left:0; right:0; } /*Child Item Display transition*/ /* ADD NEW STYLE */ .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; transition-duration: 200ms; -o-transition-duration: 200ms; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; visibility: visible; } /********************************************************************************************************/ .smm-desktop-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { left: calc(50% - 50%); margin-left: calc(90px - 90px); width: 180px; text-align: center; } .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: initial; right: 180px !important; } /*Child Hover Colour Transition*/ /*UPDATE EXISTING STYLE*/ .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul ul li:hover{ background:#f5f5f5; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; color: #c80c0f; } /*UPDATE EXISTING STYLE*/ .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul ul li a:link, .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul ul li a{ color:#808285; font-size: 13px; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul ul li a{ max-height: 100%; padding: 15px 20px; vertical-align: middle; display: table-cell !important; } .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul ul li a:hover { color: #c80c0f; border-bottom: 2px solid #c80c0f; } /********************************************************************************************************/ .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul ul li{ background:#fff; border-right: 0 solid #f5f5f5; border-bottom: 0 solid #ececec; border-left: 0 solid #f5f5f5; } .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul ul ul { border: 0 solid #ececec; } .custom-menu-primary.smm-desktop-menu .hs-menu-wrapper > ul ul ul { margin-left: 0 !important; } .custom-menu-primary.smm-desktop-menu ul ul li.hs-item-has-children .fa-angle-down { transform: translate(-80px, -6px); top: 40%; color: #808285; } .custom-menu-primary.smm-desktop-menu ul ul li.hs-item-has-children .fa-angle-down:before { content: "\f104"; } /* Template Dropdown arrow float to right ******************************************* .custom-menu-primary.smm-desktop-menu ul li.hs-item-has-children span.fa { position: absolute; font-size: 20px; color: whitesmoke; right: 15px; top: 20px; } .custom-menu-primary.smm-desktop-menu ul li.hs-item-has-children > a { padding-right: 40px !important; } */ /* Template Dorpdown arrow at the bottom centered ***********************************/ .custom-menu-primary.smm-desktop-menu ul li.hs-item-has-children span.fa { position: absolute; font-size: 20px; color: #808285; right: 0; left: 0; bottom: 2px; text-align: center; } .custom-menu-primary.smm-desktop-menu ul li.hs-item-has-children span.fa:hover { color: #c80c0f; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { white-space: normal; text-align: left; font-weight: 600; width: 180px; } @media (max-width: 767px) { .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { width: 100%; } } /* More Item Auto Button hidden if does not have child */ /* 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; height: auto; min-height: 50px; } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width:768px) { .custom-menu-primary .hs-menu-wrapper { display:block !important; } } /* ========================================================================== Mobile Menu - Hubspot Standard Toggle Menu ========================================================================== */ /** * Special Note * * When the menu is open, a class of .mobile-open is applied to the body. You can * use this for custom styling on any element when the menu is in the open position. */ @media (min-width: 768px){ a.mobile-trigger, a.child-trigger { display: none !important; /* Hide button on Desktop */ } /* Override */ .hs-menu-wrapper.hs-menu-flow-horizontal ul { display: initial !important; } } @media (max-width: 767px){ /* Menu Reset - Remove styling from desktop version of custom-menu-primary */ /* Place any additional CSS you want removed from the mobile menu in this reset */ .custom-menu-primary, .custom-menu-primary *{ 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: white; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul { display: block !important; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { float: none; } /* Toggle Button ========================================================================== */ a.mobile-trigger { display: table-cell !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /*******************************************/ top: 0px; /* Position Button at top right of screen */ right: 0; /*******************************************/ width: auto; /* Button width */ height: 60px; /* Button height */ padding: calc(60px/2 - 15px/2) 10px 0; vertical-align: middle; background: #fff; /* Background color */ z-index: 99999999999; /* Z-index to keep button on top of other layers */ -webkit-transition: background-color 0.2s linear; /* Button color transition effect */ font-size: 15px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -webkit-transition:color .2s ease-in; -moz-transition:color .2s ease-in; transition:color .2s ease-in; opacity: 1; } a.mobile-trigger:hover { text-decoration: none; /* Removes link text underline on button */ color: #888; opacity: 1; } a.mobile-trigger span{ display: inline; } a.mobile-trigger span:before{ position: absolute; content: 'Menu'; /* Change the text on the closed toggle button */ color: #000; } a.mobile-trigger span:after{ position: relative; right: 2px; content: 'Close'; /* Change the text on the open toggle button */ background-color: #c80c0f /* #c80c0f */; opacity: 0; } /* Change button when menu is open */ .mobile-open a.mobile-trigger{ background-color: #c80c0f; /* background: transparent; Changes button background to be slightly darker than open menu color */ } .mobile-open a.mobile-trigger span:after{ opacity: 1; } /* Toggle Button Icon & Animations ========================================================================== */ a.mobile-trigger i { display: inline; position: relative; top: -5px; margin-left: 5px; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s; } a.mobile-trigger i:before, a.mobile-trigger i:after { position: absolute; content: ''; } body:not(.mobile-open) .mobile-trigger i, body:not(.mobile-open) a.mobile-trigger i:before, body:not(.mobile-open) a.mobile-trigger i:after { background-color: #000; } a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 15px; /* Icon line width */ height: 2px; /* Icon line height */ background-color: white; /* Icon color */ display: inline-block; } a.mobile-trigger i:before { margin-top: -6px; /* Position top line */ -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } a.mobile-trigger i:after { margin-top: 6px; /* Position bottom line */ -webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; } .mobile-open a.mobile-trigger i { background-color: rgba(0,0,0,0.0); -webkit-transition-delay: .2s; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); } /* Child Toggle Button ========================================================================== */ a.child-trigger { display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 100% !important; height: 45px !important; /* Button height */ padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20) !important; margin-right: 20px; } a.child-trigger:hover { text-decoration: none; } /* Child Toggle Button Icon & Animations ========================================================================== */ a.child-trigger span { position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-trigger span:after { position: absolute; content: ''; } a.child-trigger span, a.child-trigger span:after { width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color: #888; /* Icon color */ display: block; float: right; } a.child-trigger span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-trigger.child-open span:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } a.child-trigger.child-open span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } /* Menu Styles on Mobile Devices ========================================================================== */ /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-flow-horizontal, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-flow-horizontal{ position: absolute; /**************************************************************/ top: 60px; /* Positions the menu to drop from the very top of the screen */ left: 0px; /**************************************************************/ width: 100%; } .custom-menu-primary .hs-menu-flow-horizontal{ padding: 0.01% 0 0 0; /* Padding to add room for close button */ /* Menu background color set off global mobile-SMMmenuColor variable */ width: 100%; /* Full screen width */ z-index: 8888; background-color: rgba(0, 0, 0, 0.65); } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-flow-horizontal > ul > li{ position: relative; text-align: left; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li:last-child { background-color: transparent; border-bottom: 0 !important; } /* Only if you have an extra button at last second menu item ********************/ .custom-menu-primary .hs-menu-flow-horizontal > ul > li:nth-last-of-type(2) { display: none; border-top: 1px solid rgb(212, 212, 212); background-color: rgb(221,78,12); background-image: none; color: white; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li a{ font-size: 22px; /* Font size of top level list items */ line-height: 45px; overflow: visible; display: block; text-align: left; color: #888; font-weight: 600; text-transform: uppercase; } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-flow-horizontal ul li{ border-bottom: 1px solid #e4e4e4; /* Adds transparent dark highlights to top of top level list items */ background-color: #f1f1f1; } .custom-menu-primary .hs-menu-flow-horizontal ul li a{ padding: 0 20px; font-size: 14px; } /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-flow-horizontal > ul ul li{ background-color: #fff; border-bottom: 1px solid rgb(245, 245, 245); } .custom-menu-primary .hs-menu-flow-horizontal > ul ul li a{ text-indent: 10px; /* Indent Child lists */ font-size: 14px; /* Font size of child lists */ color: #222222; text-transform: capitalize; } .custom-menu-primary .hs-menu-flow-horizontal > ul ul li a:hover{ color: #c80c0f; } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } .custom-menu-primary .hs-menu-flow-horizontal > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } @media screen and (max-width: 979px) { /* Show Mobile Menu Group */ .desktop-menu-group{ display: initial !important; } } /* ========================================================================== Header Quick Contact Styles ========================================================================== */ .quick-header-contact { background-color: #424242; border-bottom: 1px none #636363; height: 20px; } .quick-header-contact p { color: #bfbfbf !important; font-size: 13px; padding: 0; margin: 0; text-align: center; } .quick-header-contact p a { color: rgb(28, 107, 153); text-decoration: none; } @media screen and (max-width: 767px) { /* Header Styling ========================================================================== */ .quick-header-contact { display: none !important } } /* ======================================================================================================================================= SMM GSSE SEARCH INTEGRATED =========================================================================================================================================*/ .smm-header-wrapper .widget-span .search-bar.smm-sse-search { position: static; display: block; width: 300px !important; } .smm-header-wrapper .search-bar .gsc-control-searchbox-only { margin-top: 18px; border: 1px; min-height: 40px; margin-top: 20px; margin-bottom: 0px; float: left; border-style: none; background-color: #ececec; } .smm-header-wrapper .search-bar .gsc-search-button { display: none; } .smm-header-wrapper .search-bar .gsc-search-button-v2 { visibility: visible; background: transparent !important; } .smm-header-wrapper .search-bar input[type="image" i]:focus { border:0; outline: 0; -webkit-appearance: none; } .smm-header-wrapper .search-bar .search-bar-button { background: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/b-search-icon-white.svg'); background-repeat: no-repeat; background-origin: border-box; background-size: 22px; background-position: center; cursor: pointer; background-color: #c80c0f; padding: 0; } .smm-header-wrapper .search-bar input.gsc-input { width: 200px !important; background-image: initial !important; padding-left: 16px !important; font-size: 16px; font-weight: 600; } @media (min-width: 768px) { /* .smm-header-wrapper .widget-span:not(.search-bar).smm-sse-search.smm-sse-open { display: none!important; } */ } @media (max-width: 767px) { .smm-header-wrapper .widget-span.search-bar.smm-sse-search { display: none!important; } } .smm-header-wrapper .widget-span.desktop-search-icon { width: 60px!important; display: table-cell; vertical-align: middle; text-align: center; border-left: 1px solid white; height: 50px; color: #808285; padding: calc(60px/2 - 15px/2) 10px 0; padding-right: 20px; } .smm-header-wrapper .widget-span.desktop-search-icon:hover { color: #c80c0f; } .smm-header-wrapper .widget-span.smm-sse-search { position: absolute; top: 86px; left: 0; right: 0; width: 40% !important; margin: 0 auto !important; display: none; } .desktop-search-icon { cursor: pointer; } .smm-menu-wrapper.smm-sse-menu-close { display: none; } .smm-header-wrapper .widget-span.smm-sse-search.smm-sse-open { display: block; } .smm-header-wrapper .widget-span.smm-sse-search-box { width: 100% !important; display: block; } .smm-sse-open { animation: fadein 1s; -moz-animation: fadein 1s; /* Firefox */ -webkit-animation: fadein 1s; /* Safari and Chrome */ -o-animation: fadein 1s; /* Opera */ } @keyframes fadein { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity:1; } } @-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity:1; } } @-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity: 1; } } /* Search Result Template */ .smm-sse-result-template .mobile-search-icon-li, .smm-sse-result-template .widget-span.desktop-search-icon { display: none; } .smm-sse-noscroll { overflow: hidden; } /* ======================================================================================================================================= BROWSER TARGET CLASS =========================================================================================================================================*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ div.close, span.close, a.close { opacity: auto; text-shadow: auto; } .header-container-wrapper .widget-span { min-height: auto; } .smm-header-wrapper .widget-span { width: auto !important; margin-left: auto !important; } .st-struto-logo img { width: auto !important; } .smm-header-wrapper .smm-left { width: auto; } .smm-desktop-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul, .smm-header-wrapper .smm-right { width: auto; } /* Child List XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .smm-desktop-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:last-child ul.hs-menu-children-wrapper { left: auto; } .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: auto; } } @media (min-width: 768px) { /* Override */ _:-ms-input-placeholder, :root .hs-menu-wrapper.hs-menu-flow-horizontal ul { display: inline !important; } } @media screen and (max-width: 979px) { /* Show Mobile Menu Group */ _:-ms-input-placeholder, :root .desktop-menu-group{ display: inline !important; } } /* ========================================================================== MENU SEARCH BOX WITH GOOLGE STRUTO SEARCH ENGINE EXTENDED VERSION 1 ========================================================================== ========================================================================== */ /* ========================================================================== Settings ========================================================================== */ /* General menu setting XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* Set menu font color for menu bar */ /* Set buttons background color */ /* Set title background Color */ /* Set description style italic or normal */ /* Set color for a keyword tag */ /* Set inactive pagination button color */ /* Set pagination hover button color */ /* Set title font size */ /* Set description font size */ /* Set Search box BG colour on Mobile state */ /************* Menu Search Panel Dropdown ******************************************************/ /************************************************************************************/ .smm-sse-quicklinks { background: white; } .smm-sse-quicklinks a { font-size: 15px; color: #999; display: block; padding: 10px 20px; text-decoration: none; } .smm-sse-quicklinks a:hover { color: #c80c0f; } .widget-span.smm-sse-quicklinks { background: white; padding: 20px 10px 20px 30px; margin-top: 0; width: 100% !important; box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.1); } .widget-span.smm-sse-quicklinks p { font-size: 14px; line-height: 1; font-weight: 400; letter-spacing: normal; color: #999; } div.sse-open { display: block; } div.sse-close { display: none; } .smm-sse-bg { background: rgba(0, 0, 0, 0.48); position: absolute; height: 100% !important; width: 100%; z-index: 99; } /* Search Bar AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA */ table.gsc-search-box, form.gsc-search-box { margin-bottom: 0 !important; } /* Search Input */ .gsc-search-box-tools .gsc-search-box td.gsc-input { padding-right: 0; background-color: #808183; } div.gsc-input-box { border: 0px solid #D9D9D9; background: #fff; height: 38px; } input.gsc-input { background-image: none !important; margin-top: -1px !important; padding-left: 10px !important; padding-right: 10px !important; border: 1px solid #000 !important; height: 36px !important; } .gsib_a { padding: 0 !important; } /* reset buuton */ .gsib_b { display: none; } /* Search Button */ .gsc-search-box-tools .gsc-search-box td.gsc-search-button { padding: 0; } input.gsc-search-button-v2 { background-color: #000 !important; background-image: url("https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/search-icon-white-one-md%20%281%29.png") !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 24px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } input.gsc-search-button-v2 { height: 38px !important; padding: 0 27px !important; margin-top: 0 !important; cursor: pointer; } input.gsc-search-button { margin-left: 0 !important; } input.gsc-search-button[type="button" i] { -webkit-appearance: initial !important; padding: initial !important; background-color: initial !important; border: initial !important; } div.gsc-input-box { border: 1px solid #D9D9D9; background: transparent; } input.gsc-input { background-color: #808183 !important; background-image: url("https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/search-icon-white-one-md%20%281%29.png")!important; background-repeat: no-repeat !important; background-origin: border-box !important; background-size: 15px !important; background-position: 1% !important; padding-left: 30px !important; color: white; } div.gsc-input-box, input.gsc-input { border: 0 !important; } .gsc-search-button-v2 { visibility: hidden; } .gsc-search-button { background: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/close-smm-white.png'); background-repeat: no-repeat; background-origin: border-box; background-size: 28px; background-position: center; cursor: pointer; background-color: #808183; } input.gsc-input::-webkit-input-placeholder { color: white; } input.gsc-input:-moz-placeholder { /* Firefox 18- */ color: white; } input.gsc-input::-moz-placeholder { /* Firefox 19+ */ color: white; } input.gsc-input:-ms-input-placeholder { color: white; } @media (max-width: 767px) { .smm-header-wrapper .widget-span.smm-sse-search { top: 70px; width: 90% !important; background: #309ED6; } input.gsc-input { font-size: 16px; padding: 4px 9px; border: 1px solid #D9D9D9; width: 99%; margin-left: 16px !important; margin-top: 7px !important; } .widget-span.smm-sse-quicklinks p { padding-top: 16px; } } /* ========================================================================== 4. TEMPLATE MODULE SELECTORS ========================================================================== */ /* Custom CSS Classes without or with any prefix for example .st-my-class ========================================================================== */ .comment-link-block { cursor: pointer; } .le-icon-column { margin-top: 0 !important; } .downloads-image-column img { border-radius: 20%; } .le-social-share.widget-type-social_sharing, .le-follow-us.widget-type-follow_me { position: absolute; left: 0; right: 0; bottom: 0; display: block; padding-left: 10px; margin-bottom: 5px; } .le-social-share.widget-type-social_sharing { margin-bottom: 10px; } .le-social-share.widget-type-social_sharing img, .le-follow-us.widget-type-follow_me .fm_button span { visibility: hidden ; } .le-social-share.widget-type-social_sharing a { padding-top: 13px; } .le-social-share.widget-type-social_sharing a, .le-follow-us.widget-type-follow_me a.fm_button { display: inline-block; background-size: contain; background-repeat: no-repeat; height: 30px !important; width: 30px !important; -webkit-transition: all 200ms ease; transition: all 200ms ease; background-color: black; margin-left: 5px; border-left-width: 1px; border-left-color: black; border-radius: 200px; } .le-social-share.widget-type-social_sharing a:hover, .le-follow-us.widget-type-follow_me a.fm_button:hover { background-color: #F6B219 } .le-form-newsletter { background: #c80c0f; padding: 5px 20px 10px; } .le-form-newsletter form label { display: none; } .le-form-newsletter .hs_submit { width: 25%; float: left; } .le-form-newsletter .hs_submit input[type="submit"] { margin-top: 0; width: 100%; background: #3F6B6F; } .le-form-newsletter .hs-form fieldset.form-columns-3 { width: 75%; float: left; } .le-form-newsletter .hs-form fieldset.form-columns-3 .hs-input { background-color: transparent; border-radius: 0px; border: 1px solid #FFFFFF !important; color: whitesmoke; } .brand, brand { color: #F6B229; } .le-blue h1 { color: #c80c0f; } .le-bg-blue { background-color: #c80c0f; } form button.paypal { -webkit-font-smoothing: antialiased; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: inline-block; font-weight: normal; text-align: center; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 16px; background: white; color: rgb(0, 0, 0); line-height: inherit; border: 2px solid rgb(0, 0, 0); border-radius: 0px; transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -o-transition: all .2s ease; text-shadow: none; margin-right: 10px; padding: 12px 15px; height: auto; width: 190px; max-width: 100%; } button.paypal:active, button.paypal:hover { background: #c80c0f; border: 2px solid #c80c0f; color: white; -webkit-transform: translate(0px, -3px); -ms-transform: translate(0px, -3px); transform: translate(0px, -3px); } @media (max-width: 767px){ .le-form-newsletter .hs-form fieldset.form-columns-3 .hs-form-field, .le-form-newsletter .hs_submit { width: 100%; float: none; padding:0; } .le-form-newsletter .hs-form fieldset.form-columns-3 { width: 100%; float: none; } } .g-recaptcha { margin-bottom: 20px; } /* Common Template Selectors ========================================================================== */ body.one-column {} body.two-column {} body.three-column {} .content-wrapper {} .main-content {} .sidebar{} .sidebar.right{} .sidebar.left{} /* Common One Column Selectors */ body.site-page.one-column, body.landing-page.one-column, body.error-template.one-column, body.password-template.one-column, body.subscription-template.one-column {} body.site-page.one-column .main-content, body.landing-page.one-column .main-content, body.error-template .main-content, body.password-template .main-content, body.subscription-template .main-content {} /* Common Two Column Selectors */ body.site-page.two-column, body.landing-page.two-column, body.blog {} body.site-page.two-column .main-content, body.landing-page.two-column .main-content, body.blog .blog-content {} /* Common Three Column Selectors */ body.site-page.three-column, body.landing-page.three-column {} body.site-page.three-column .main-content, body.landing-page.three-column .main-content {} body.blue-template .content-section.model-seven, body.template-services-business-moves .content-section.model-seven, body.template-business-moves .content-section.model-seven { background-color: #00a1e4; background-image: -webkit-linear-gradient(80deg, #005e7e, #00a1e4); background-image: linear-gradient(10deg, #005e7e, #00a1e4); } body.brown-template .content-section.model-seven, body.template-services-corporate-relocation .content-section.model-seven, body.template-corporate-relocation .content-section.model-seven { background-color: #ae9995; background-image: -webkit-linear-gradient(80deg, #745d57, #ae9995); background-image: linear-gradient(10deg, #745d57, #ae9995); } body.template-services-business-moves .content-slider.model-one .btn-model-two.v7:hover, body.template-business-moves .content-slider.model-one .btn-model-two.v7:hover { border-color: #00a1e4; background-color: #00a1e4 ; } body.template-services-corporate-relocation .content-slider.model-one .btn-model-two.v7:hover, body.template-corporate-relocation .content-slider.model-one .btn-model-two.v7:hover { border-color: #ae9995; background-color: #ae9995 ; } body.template-corporate-relocation .h2.model-three.v2, body.template-services-corporate-relocation .h2.model-three.v2 { color: #ae9995; } body.template-business-moves .h2.model-three.v2, body.template-services-business-moves .h2.model-three.v2 { color: #00a1e4; } .template-careers .btn-model-three { max-width: 250px; } .content-tab-hor-container a.content-tab-link:last-child { border-right: 1px solid #c4c4c4; } .content-tab-hor-container a.content-tab-link.model-four.v1.w--current:last-child { border-right: 1px solid #c80c0f; } a#cost.content-tab-link { border-right: 1px solid #c4c4c4; } a#cost.content-tab-link.model-four.v1.w--current { border-right: 1px solid #c80c0f; } #get-removal-cost .btn-model-five.v6 { width: 290px; max-width: 100%; } #overview-richtext { padding-top: 0; padding-bottom: 0; } .uk-moves .padding-reduced-serv.content-section, .template-business-moves .padding-reduced-serv.content-section, .template-international-moves .padding-reduced-serv.content-section, .template-corporate-relocation .padding-reduced-serv.content-section { padding-top:0; } .template-business-moves .content-section, .template-corporate-relocation .content-section, .template-international-moves .content-section { margin-top:0; } .uk-moves .container-fluid .row-fluid .content-container.model-six.v2 { margin-top:0; } .template-business-moves .container-fluid .row-fluid .content-section.model-three, .template-corporate-relocation .container-fluid .row-fluid .content-section.model-three, .template-international-moves .container-fluid .row-fluid .content-section.model-three, .uk-moves .container-fluid .row-fluid .content-section.model-three { padding-left: 0; padding-right: 0; } .template-international-moves .container-fluid .row-fluid .content-container.model-six, .template-business-moves .container-fluid .row-fluid .content-container.model-six, .template-corporate-relocation .container-fluid .row-fluid .content-container.model-six, .uk-moves .container-fluid .row-fluid .content-container.model-six, .uk-moves .container-fluid .row-fluid .content-container.model-six.v2 { padding-left: 30px; padding-right: 30px; } @media(max-width: 1400px) and (min-width: 479px){ .content-tab-hor-container a.content-tab-link { width: 170px; max-width: 100%; font-size: 14px; } } @media(max-width: 479px) { .content-tab-hor-container a.content-tab-link#overview, .content-tab-hor-container a.content-tab-link#services, .content-tab-hor-container a.content-tab-link#process { border-top: 1px solid #c4c4c4; } .content-tab-hor-container a.content-tab-link#process { border-right: 1px solid #c4c4c4; } } /* Site Pages ========================================================================== */ div.overview-slider { display: none; } body.template-resources .row-fluid a.btn-model-two{ margin: 10px 5px; max-width: 100%; } /* One Column Template */ body.site-page.one-column {} body.site-page.one-column .content-wrapper {} body.site-page.one-column .main-content {} /* Two Column Template */ body.site-page.two-column {} body.site-page.two-column .content-wrapper {} body.site-page.two-column .main-content {} body.site-page.two-column .sidebar.right {} /* Three Column Template */ body.site-page.three-column {} body.site-page.three-column .content-wrapper {} body.site-page.three-column .main-content {} /* Landing Pages ========================================================================== */ /* One Column Template */ body.landing-page.one-column {} body.landing-page.one-column .content-wrapper {} body.landing-page.one-column .main-content {} /* Two Column Template */ body.landing-page.two-column {} body.landing-page.two-column .content-wrapper {} body.landing-page.two-column .main-content {} body.landing-page.two-column .sidebar.right {} /* Three Column Template */ body.landing-page.three-column {} body.landing-page.three-column .content-wrapper {} body.landing-page.three-column .main-content {} /* System Pages ========================================================================== */ /* Error Templates 404, 500 */ body.error-template.one-column {} body.error-template.one-column .content-wrapper {} body.error-template.one-column .main-content {} /* Password template */ body.password-template.one-column {} body.password-template.one-column .content-wrapper {} body.password-template.one-column .main-content {} /* Email Subscribition templates */ body.subscription-template.one-column {} body.subscription-template.one-column .content-wrapper {} body.subscription-template.one-column .main-content {} /* ========================================================================== 5. COS COMPONENTS ========================================================================== */ /* ========================================================================== Rss Listing ========================================================================== */ a.hs-rss-title { margin-bottom: 5px; font-family: 'Open Sans', sans-serif; font-size: 24px; line-height: 30px; font-weight: 400; } .hs-rss-description p { margin-bottom: 5px; font-family: 'Open Sans', sans-serif; color: rgb(109, 109, 109); } .hs-rss-item { border-bottom: 1px solid #d2d2d2; padding-bottom: 10px; margin-bottom: 15px; } /* ========================================================================== Blog ========================================================================== */ /* Blog Post and Listing Body Class */ body.blog {} /* Blog Post */ body.hs-blog-post {} /* Blog Listing */ body.hs-blog-listing {} /* 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{} /* Blog Post Title */ .post-header h2 {} .post-header h2 a {} /* Blog Author and Avatar */ #hubspot-author_data {} #hubspot-author_data a.author-link {} #hubspot-author_data .hs-author-avatar {} #hubspot-author_data .hs-author-avatar img {} /* Use this to set up different styling for your blog posts */ .blog-listing-wrapper .post-listing .post-item {} .blog-listing-wrapper .post-listing .post-item .post-body {} .blog-post-wrapper .post-body {} /* 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-height: 170px; max-width: 210px; height: auto; width: auto; display: inline-block !important; float: right; margin: 20px 0 20px 20px; } /* Read More Link */ a.more-link {} /* Blog Topics List */ #hubspot-topic_data {} #hubspot-topic_data a.topic-link {} /** * Blog Social Sharing icons * * Overrides defaults to better align icons and prevent overlapping */ .hs-blog-social-share { padding: 10px 0 0 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: auto; border:0; } /** * Blog Commments * * Custom styles are listed below, as the COS does not provide default styles. */ #comments-listing { border-bottom: 1px solid #ccc; margin-bottom: 30px; margin-top: 30px; } .comment { margin: 10px 0; border-top: 1px solid #ccc; padding: 15px 0; } .comment-date { font-size: 13px; text-align: right; } .comment-from { font-weight: bold; } .comment-body { padding: 10px 0; } /* Pagination */ .blog-pagination {} .blog-pagination a {} .blog-pagination a.previous-posts-link {} .blog-pagination a.all-posts-link {} .blog-pagination a.next-posts-link {} /** * Blog Author Page * * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles */ .hs-author-profile {} .hs-author-profile h2.hs-author-name {} .hs-author-profile .hs-author-bio {} .hs-author-profile .hs-author-avatar {} .hs-author-profile .hs-author-avatar img {} h3.hs-author-listing-header {} /** * Blog All Posts Page * * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles */ body.hs-content-path-blog-all {} div.post-listing-simple {} div.post-listing-simple .post-item {} h2.post-listing-simple {} h2.post-listing-simple a {} /* Blog Sidebar ========================================================================== */ .blog .blog-sidebar {} /* Blog Modules */ .blog .blog-sidebar .widget-span {} /* ========================================================================== Forms ========================================================================== */ /* All Global Forms ========================================================================== */ /* Form Field */ body .hs-form-field { } /* Descriptions */ body .hs-field-desc {} /* Labels */ body label {} body .hs-form-field > label {} /* One Line Inputs */ body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body input[type="file"], body textarea, body select { width: 100%; font-family: Raleway, sans-serif; font-size: 14px; } body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus, body input[type="file"]:focus, body textarea:focus, body select:focus {} input[type="submit"], body input[type="button"] { -webkit-appearance: button; margin-top: 10px; border-radius: 0; font-family: 'Open Sans', sans-serif; font-size: 16px; padding: 8px 20px; border: 2px solid #c80c0f; line-height: inherit; text-decoration: none; cursor: pointer; background-color: transparent; -webkit-transition: opacity 283ms ease, background-color 200ms linear, -webkit-transform 0ms linear; transition: opacity 283ms ease, background-color 200ms linear, -webkit-transform 0ms linear; transition: opacity 283ms ease, background-color 200ms linear, transform 0ms linear; transition: opacity 283ms ease, background-color 200ms linear, transform 0ms linear, -webkit-transform 0ms linear; color: #c80c0f; font-size: 18px; font-weight: 700; text-align: center; text-decoration: none; text-transform: uppercase; } input[type="submit"]:hover, body input[type="button"]:hover { background-color: #c80c0f; color: #fff; } /* Separate Styles for Multiple Line Inputs */ body textarea {} body textarea:focus {} /* Separate Styles for Drop Downs */ body select {} body select:focus {} /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; } body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body input[type="checkbox"] {} /* Required */ body input:focus:required:invalid, body textarea:focus:required:invalid, body select:focus:required:invalid {} body input:focus:required:invalid:focus, body textarea:focus:required:invalid:focus, body select:focus:required:invalid:focus {} /* Placeholder Text */ ::-webkit-input-placeholder { /* Webkit Browsers */ /* color: #555; opacity: 1; */ } :-moz-placeholder { /* Firefox 18- */ /* color: #555; opacity: 1; */ } ::-moz-placeholder { /* Firefox 19+ */ /* color: #555; opacity: 1; */ } :-ms-input-placeholder { /* IE10 */ /* color: #555; opacity: 1; */ } /* Form Module ========================================================================== */ /* Form Field */ .hs_cos_wrapper_type_form .hs-form-field {} /* Descriptions */ .hs_cos_wrapper_type_form .hs-field-desc {} /* Labels */ .hs_cos_wrapper_type_form label {} .hs_cos_wrapper_type_form .hs-form-field > label {} /* One Line Inputs */ .hs_cos_wrapper_type_form input[type="text"], .hs_cos_wrapper_type_form input[type="password"], .hs_cos_wrapper_type_form input[type="datetime"], .hs_cos_wrapper_type_form input[type="datetime-local"], .hs_cos_wrapper_type_form input[type="date"], .hs_cos_wrapper_type_form input[type="month"], .hs_cos_wrapper_type_form input[type="time"], .hs_cos_wrapper_type_form input[type="week"], .hs_cos_wrapper_type_form input[type="number"], .hs_cos_wrapper_type_form input[type="email"], .hs_cos_wrapper_type_form input[type="url"], .hs_cos_wrapper_type_form input[type="search"], .hs_cos_wrapper_type_form input[type="tel"], .hs_cos_wrapper_type_form input[type="color"], .hs_cos_wrapper_type_form input[type="file"], .hs_cos_wrapper_type_form textarea, .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form input[type="text"]:focus, .hs_cos_wrapper_type_form input[type="password"]:focus, .hs_cos_wrapper_type_form input[type="datetime"]:focus, .hs_cos_wrapper_type_form input[type="datetime-local"]:focus, .hs_cos_wrapper_type_form input[type="date"]:focus, .hs_cos_wrapper_type_form input[type="month"]:focus, .hs_cos_wrapper_type_form input[type="time"]:focus, .hs_cos_wrapper_type_form input[type="week"]:focus, .hs_cos_wrapper_type_form input[type="number"]:focus, .hs_cos_wrapper_type_form input[type="email"]:focus, .hs_cos_wrapper_type_form input[type="url"]:focus, .hs_cos_wrapper_type_form input[type="search"]:focus, .hs_cos_wrapper_type_form input[type="tel"]:focus, .hs_cos_wrapper_type_form input[type="color"]:focus, .hs_cos_wrapper_type_form input[type="file"]:focus, .hs_cos_wrapper_type_form textarea:focus, .hs_cos_wrapper_type_form select:focus {} /* Separate Styles for Multiple Line Inputs */ .hs_cos_wrapper_type_form textarea {} .hs_cos_wrapper_type_form textarea:focus {} /* Separate Styles for Drop Downs */ .hs_cos_wrapper_type_form select {} .hs_cos_wrapper_type_form select:focus {} /* Multiple Selection Inputs */ .hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {} .hs_cos_wrapper_type_form input[type="radio"] {} .hs_cos_wrapper_type_form input[type="checkbox"] {} /* Blog Comment Form ========================================================================== */ /* Label */ #comment-form .hs-form-field > label {} #comment-form label {} /* Inputs */ #comment-form input[type="text"] {} #comment-form input[type="text"]:focus {} #comment-form textarea {} #comment-form textarea:focus {} #comment-form input[type="checkbox"] {} /* Error */ body .hs-common-error-message {} /* 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"] {} /* Multi Column Form ========================================================================== */ body .hs-form fieldset.form-columns-1 {} body .hs-form fieldset.form-columns-1 .hs-form-field {} body .hs-form fieldset.form-columns-2 {} body .hs-form fieldset.form-columns-2 .hs-form-field {} body .hs-form fieldset.form-columns-3 {} body .hs-form fieldset.form-columns-3 .hs-form-field {} .hs_cos_wrapper_type_form input[type="file"], .hs_cos_wrapper_type_form textarea, .hs_cos_wrapper_type_form select, .hs_cos_wrapper_type_form input[type="text"], .hs_cos_wrapper_type_form input[type="email"], .hs_cos_wrapper_type_form input[type="number"], .hs_cos_wrapper_type_form input[type="tel"] { display: block; width: 100%; padding: 8px 12px; margin-bottom: 20px; font-size: 16px; line-height: 1.428571429; color: #333333; vertical-align: middle; background-color: transparent; border: 2px solid #888; border-radius: 0; font-weight: 400; } .hs_cos_wrapper_type_form input[type="file"], .hs_cos_wrapper_type_form input[type="tel"], .hs_cos_wrapper_type_form select, .hs_cos_wrapper_type_form input[type="text"], .hs_cos_wrapper_type_form input[type="email"], .hs_cos_wrapper_type_form input[type="number"] { height: 45px; } .hs_cos_wrapper_type_form textarea { min-height: 120px; } .hs_cos_wrapper_type_form textarea:focus, .hs_cos_wrapper_type_form input:focus { border: 2px solid #c80c0f; background-color: white; outline: 0; } /* Multiple Selection Inputs */ body form.hs-form .hs-form-field ul.inputs-list li input {} body input[type="radio"] {} body input[type="checkbox"] {} body form.hs-form fieldset { max-width: none; } body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; } body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; } body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; } body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; } body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; } .hs-error-msgs label { color: #c80c0f; } @media (max-width: 400px) { body form.hs-form fieldset .hs-form-field { padding: 0; } body form.hs-form fieldset.form-columns-3 .hs-form-field, body form.hs-form .form-columns-2 .hs-form-field .hs-input, body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; } body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } /* ========================================================================== Buttons ========================================================================== */ /* All Global Buttons (Excluding CTAs) ========================================================================== */ body .hs-button.primary, body input[type="submit"], body input[type="button"] { cursor: pointer; -webkit-appearance: none; font-family: Raleway, sans-serif; font-size: 16px; text-decoration: none !important; margin-top: 0; border-radius: 30px; padding: 13px 30px; } body .hs-button.primary:hover, body input[type="submit"]:hover, body input[type="button"]:hover {} body .hs-button.primary:focus, body input[type="submit"]:focus, body input[type="button"]:focus {} /* 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 {} /* CTA Buttons ========================================================================== */ /** * Override global CTA styles by wrapping the CTA module in a module group * that has an ID, and use that ID to prefix your CTA selector. Example shown below. * * All overriding properties require !important tags. */ #module-group-ID .cta_button {} #module-group-ID .cta_button:hover {} #module-group-ID .cta_button:focus {} /* ========================================================================== 6. WEBFLOW ========================================================================== */ /** * Styles that do not fit into available sections above can go here. * For example, one would place 3rd party plugin overriding styles here. * * This section is NOT for 'Custom' styles. All custom styles must go in the * proper sections above. * * For instance, custom header and footer styles must go in the HEADER and * FOOTER sections. Custom styles for anything in-between the header and footer * (such as, styles that are unique to the HOMEPAGE only), must go in the * CONTENT section. */ /* ===================== WEBFLOW ====== WEBFLOW ====== Webflow Normalize CSS ===================== WEBFLOW ====== WEBFLOW ====== */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none !important; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; /*height: 0;*/ } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce * specificity and defer to the .w-button selector */ button, html input[type="button"], input[type="reset"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ margin-right: 10px; } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* ===================== WEBFLOW ====== WEBFLOW ====== Weblow CSS ===================== WEBFLOW ====== WEBFLOW ====== */ @font-face { font-family: 'webflow-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff'); font-weight: normal; font-style: normal; } [class^="w-icon-"], [class*=" w-icon-"] { font-family: 'webflow-icons'; 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; } .w-icon-slider-right:before { content: "\e600"; } .w-icon-slider-left:before { content: "\e601"; } .w-icon-nav-menu:before { content: "\e602"; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: "\e603"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; } body { margin: 0; min-height: 100%; background-color: #fff; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 20px; color: #555; } img { max-width: 100%; vertical-align: middle; display: inline-block; height:auto; } html.w-mod-touch * { background-attachment: scroll !important; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix:before, .w-clearfix:after { content: " "; display: table; } .w-clearfix:after { clear: both; } .w-hidden { display: none; } .w-button { display: inline-block; padding: 9px 15px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; } input.w-button { -webkit-appearance: button; } html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 10px; } h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } p { margin-top: 0; margin-bottom: 10px; } a:focus { outline: 0; } blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } figure { margin: 0; margin-bottom: 10px; } figcaption { margin-top: 5px; text-align: center; } ul, ol {/* margin-top: 0px; margin-bottom: 10px; padding-left: 40px; */ margin-bottom: 30px; padding-left: 17px; font-family: Raleway, sans-serif; color: #808285; font-size: 16px; line-height: 25px; /*list-style-type: disc;*/ } .w-list-unstyled { padding-left: 0; list-style: none; } .w-embed:before, .w-embed:after { content: " "; display: table; } .w-embed:after { clear: both; } .w-video { width: 100%; position: relative; padding: 0; } .w-video iframe, .w-video object, .w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } fieldset { padding: 0; margin: 0; border: 0; } button, html input[type="button"], input[type="reset"] { border: 0; cursor: pointer; -webkit-appearance: button; } .w-form { margin: 0 0 15px; } .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } label { display: block; margin-bottom: 5px; font-weight: bold; } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.428571429; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } .w-input:-moz-placeholder, .w-select:-moz-placeholder { color: #999; } .w-input::-moz-placeholder, .w-select::-moz-placeholder { color: #999; opacity: 1; } .w-input:-ms-input-placeholder, .w-select:-ms-input-placeholder { color: #999; } .w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder { color: #999; } .w-input:focus, .w-select:focus { border-color: #3898EC; outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; background-color: #eeeeee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-image: -webkit-linear-gradient(white 0%, #f3f3f3 100%); background-image: linear-gradient(white 0%, #f3f3f3 100%); } .w-select[multiple] { height: auto; } .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } .w-checkbox, .w-radio { display: block; margin-bottom: 5px; padding-left: 20px; } .w-checkbox:before, .w-radio:before, .w-checkbox:after, .w-radio:after { content: " "; display: table; } .w-checkbox:after, .w-radio:after { clear: both; } .w-checkbox-input, .w-radio-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px; } .w-radio-input { margin-top: 3px; } /* ======================================================================================= ===== HUBSPOT WEBFLOW RESET ==== HUBSPOT WEBFLOW RESET ==== HUBSPOT WEBFLOW RESET ==== ======================================================================================= */ .container-fluid .row-fluid .content-container, .container-fluid .row-fluid .w-container { float: none; margin-left: auto; margin-right: auto; max-width: 1020px; } .container-fluid .row-fluid .content-container:before, .container-fluid .row-fluid .content-container:after, .container-fluid .row-fluid .w-container:before, .container-fluid .row-fluid .w-container:after { content: " "; display: table; } .container-fluid .row-fluid .content-container:after, .container-fluid .row-fluid .w-container:after { clear: both; } .container-fluid .row-fluid .content-container .w-row, .container-fluid .row-fluid .w-container .w-row { margin-left: -10px; margin-right: -10px; } .container-fluid .row-fluid .w-col { position: relative; float: left; width: 100%; min-height: 1px; margin-left: 0; padding-left: 10px; padding-right: 10px; } .container-fluid .row-fluid .w-col .w-col { padding-left: 0; padding-right: 0; } @media screen and (max-width: 991px) { .content-container, .w-container { max-width: 728px; } } @media screen and (max-width: 767px) { .container-fluid .row-fluid .content-container .w-row, .container-fluid .row-fluid .w-container .w-row { margin-left: 0; margin-right: 0; } } @media screen and (max-width: 479px) { .container-fluid .row-fluid .content-container, .container-fluid .row-fluid .w-container { max-width: none; } } .container-fluid .row-fluid .w-col-1 { width: 8.33333333%; } .container-fluid .row-fluid .w-col-2 { width: 16.66666667%; } .container-fluid .row-fluid .w-col-2-5 { width: 20%; } .container-fluid .row-fluid .w-col-3 { width: 25%; } .container-fluid .row-fluid .w-col-4 { width: 33.33333333%; } .container-fluid .row-fluid .w-col-5 { width: 41.66666667%; } .container-fluid .row-fluid .w-col-6 { width: 50%; } .container-fluid .row-fluid .w-col-7 { width: 58.33333333%; } .container-fluid .row-fluid .w-col-8 { width: 66.66666667%; } .container-fluid .row-fluid .w-col-9 { width: 75%; } .container-fluid .row-fluid .w-col-10 { width: 83.33333333%; } .container-fluid .row-fluid .w-col-11 { width: 91.66666667%; } .container-fluid .row-fluid .w-col-12 { width: 100%; } .container-fluid .row-fluid .w-col-push-1 { left: 8.33333333%; } .container-fluid .row-fluid .w-col-push-2 { left: 16.66666667%; } .container-fluid .row-fluid .w-col-push-3 { left: 25%; } .container-fluid .row-fluid .w-col-push-4 { left: 33.33333333%; } .container-fluid .row-fluid .w-col-push-5 { left: 41.66666667%; } .container-fluid .row-fluid .w-col-push-6 { left: 50%; } .container-fluid .row-fluid .w-col-push-7 { left: 58.33333333%; } .container-fluid .row-fluid .w-col-push-8 { left: 66.66666667%; } .container-fluid .row-fluid .w-col-push-9 { left: 75%; } .container-fluid .row-fluid .w-col-push-10 { left: 83.33333333%; } .container-fluid .row-fluid .w-col-push-11 { left: 91.66666667%; } .container-fluid .row-fluid .w-col-pull-1 { right: 8.33333333%; } .container-fluid .row-fluid .w-col-pull-2 { right: 16.66666667%; } .container-fluid .row-fluid .w-col-pull-3 { right: 25%; } .container-fluid .row-fluid .w-col-pull-4 { right: 33.33333333%; } .container-fluid .row-fluid .w-col-pull-5 { right: 41.66666667%; } .container-fluid .row-fluid .w-col-pull-6 { right: 50%; } .container-fluid .row-fluid .w-col-pull-7 { right: 58.33333333%; } .container-fluid .row-fluid .w-col-pull-8 { right: 66.66666667%; } .container-fluid .row-fluid .w-col-pull-9 { right: 75%; } .container-fluid .row-fluid .w-col-pull-10 { right: 83.33333333%; } .container-fluid .row-fluid .w-col-pull-11 { right: 91.66666667%; } .container-fluid .row-fluid .w-col-offset-1 { margin-left: 8.33333333%; } .container-fluid .row-fluid .w-col-offset-2 { margin-left: 16.66666667%; } .container-fluid .row-fluid .w-col-offset-3 { margin-left: 25%; } .container-fluid .row-fluid .w-col-offset-4 { margin-left: 33.33333333%; } .container-fluid .row-fluid .w-col-offset-5 { margin-left: 41.66666667%; } .container-fluid .row-fluid .w-col-offset-6 { margin-left: 50%; } .container-fluid .row-fluid .w-col-offset-7 { margin-left: 58.33333333%; } .container-fluid .row-fluid .w-col-offset-8 { margin-left: 66.66666667%; } .container-fluid .row-fluid .w-col-offset-9 { margin-left: 75%; } .container-fluid .row-fluid .w-col-offset-10 { margin-left: 83.33333333%; } .container-fluid .row-fluid .w-col-offset-11 { margin-left: 91.66666667%; } .container-fluid .row-fluid .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { /*.container-fluid .row-fluid .w-col { padding-left: 0; }*/ .container-fluid .row-fluid .content-container, .container-fluid .row-fluid .w-container { max-width: 728px; } .container-fluid .row-fluid .w-hidden-main { display: inherit !important; } .container-fluid .row-fluid .w-hidden-medium { display: none !important; } .container-fluid .row-fluid .w-col-medium-1 { width: 8.33333333%; } .container-fluid .row-fluid .w-col-medium-2 { width: 16.66666667%; } .container-fluid .row-fluid .w-col-medium-3 { width: 25%; } .container-fluid .row-fluid .w-col-medium-4 { width: 33.33333333%; } .container-fluid .row-fluid .w-col-medium-5 { width: 41.66666667%; } .container-fluid .row-fluid .w-col-medium-6 { width: 50%; } .container-fluid .row-fluid .w-col-medium-7 { width: 58.33333333%; } .container-fluid .row-fluid .w-col-medium-8 { width: 66.66666667%; } .container-fluid .row-fluid .w-col-medium-9 { width: 75%; } .container-fluid .row-fluid .w-col-medium-10 { width: 83.33333333%; } .container-fluid .row-fluid .w-col-medium-11 { width: 91.66666667%; } .container-fluid .row-fluid .w-col-medium-12 { width: 100%; } .container-fluid .row-fluid .w-col-medium-push-1 { left: 8.33333333%; } .container-fluid .row-fluid .w-col-medium-push-2 { left: 16.66666667%; } .container-fluid .row-fluid .w-col-medium-push-3 { left: 25%; } .container-fluid .row-fluid .w-col-medium-push-4 { left: 33.33333333%; } .container-fluid .row-fluid .w-col-medium-push-5 { left: 41.66666667%; } .container-fluid .row-fluid .w-col-medium-push-6 { left: 50%; } .container-fluid .row-fluid .w-col-medium-push-7 { left: 58.33333333%; } .container-fluid .row-fluid .w-col-medium-push-8 { left: 66.66666667%; } .container-fluid .row-fluid .w-col-medium-push-9 { left: 75%; } .container-fluid .row-fluid .w-col-medium-push-10 { left: 83.33333333%; } .container-fluid .row-fluid .w-col-medium-push-11 { left: 91.66666667%; } .container-fluid .row-fluid .w-col-medium-pull-1 { right: 8.33333333%; } .container-fluid .row-fluid .w-col-medium-pull-2 { right: 16.66666667%; } .container-fluid .row-fluid .w-col-medium-pull-3 { right: 25%; } .container-fluid .row-fluid .w-col-medium-pull-4 { right: 33.33333333%; } .container-fluid .row-fluid .w-col-medium-pull-5 { right: 41.66666667%; } .container-fluid .row-fluid .w-col-medium-pull-6 { right: 50%; } .container-fluid .row-fluid .w-col-medium-pull-7 { right: 58.33333333%; } .container-fluid .row-fluid .w-col-medium-pull-8 { right: 66.66666667%; } .container-fluid .row-fluid .w-col-medium-pull-9 { right: 75%; } .container-fluid .row-fluid .w-col-medium-pull-10 { right: 83.33333333%; } .container-fluid .row-fluid .w-col-medium-pull-11 { right: 91.66666667%; } .container-fluid .row-fluid .w-col-medium-offset-1 { margin-left: 8.33333333%; } .container-fluid .row-fluid .w-col-medium-offset-2 { margin-left: 16.66666667%; } .container-fluid .row-fluid .w-col-medium-offset-3 { margin-left: 25%; } .container-fluid .row-fluid .w-col-medium-offset-4 { margin-left: 33.33333333%; } .container-fluid .row-fluid .w-col-medium-offset-5 { margin-left: 41.66666667%; } .container-fluid .row-fluid .w-col-medium-offset-6 { margin-left: 50%; } .container-fluid .row-fluid .w-col-medium-offset-7 { margin-left: 58.33333333%; } .container-fluid .row-fluid .w-col-medium-offset-8 { margin-left: 66.66666667%; } .container-fluid .row-fluid .w-col-medium-offset-9 { margin-left: 75%; } .container-fluid .row-fluid .w-col-medium-offset-10 { margin-left: 83.33333333%; } .container-fluid .row-fluid .w-col-medium-offset-11 { margin-left: 91.66666667%; } .container-fluid .row-fluid .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .container-fluid .row-fluid .w-hidden-main { display: inherit !important; } .container-fluid .row-fluid .w-hidden-medium { display: inherit !important; } .container-fluid .row-fluid .w-hidden-small { display: none !important; } .container-fluid .row-fluid .content-container .container-fluid .row-fluid .w-row, .container-fluid .row-fluid .content-container, .container-fluid .row-fluid .w-row,.con .container-fluid .row-fluid .w-container .container-fluid .row-fluid .w-row { margin-left: 0; margin-right: 0; } .container-fluid .row-fluid .w-col { width: 100%; left: auto; right: auto; } .container-fluid .row-fluid .w-col-small-1 { width: 8.33333333%; } .container-fluid .row-fluid .w-col-small-2 { width: 16.66666667%; } .container-fluid .row-fluid .w-col-small-3 { width: 25%; } .container-fluid .row-fluid .w-col-small-4 { width: 33.33333333%; } .container-fluid .row-fluid .w-col-small-5 { width: 41.66666667%; } .container-fluid .row-fluid .w-col-small-6 { width: 50%; } .container-fluid .row-fluid .w-col-small-7 { width: 58.33333333%; } .container-fluid .row-fluid .w-col-small-8 { width: 66.66666667%; } .container-fluid .row-fluid .w-col-small-9 { width: 75%; } .container-fluid .row-fluid .w-col-small-10 { width: 83.33333333%; } .container-fluid .row-fluid .w-col-small-11 { width: 91.66666667%; } .container-fluid .row-fluid .w-col-small-12 { width: 100%; } .container-fluid .row-fluid .w-col-small-push-1 { left: 8.33333333%; } .container-fluid .row-fluid .w-col-small-push-2 { left: 16.66666667%; } .container-fluid .row-fluid .w-col-small-push-3 { left: 25%; } .container-fluid .row-fluid .w-col-small-push-4 { left: 33.33333333%; } .container-fluid .row-fluid .w-col-small-push-5 { left: 41.66666667%; } .container-fluid .row-fluid .w-col-small-push-6 { left: 50%; } .container-fluid .row-fluid .w-col-small-push-7 { left: 58.33333333%; } .container-fluid .row-fluid .w-col-small-push-8 { left: 66.66666667%; } .container-fluid .row-fluid .w-col-small-push-9 { left: 75%; } .container-fluid .row-fluid .w-col-small-push-10 { left: 83.33333333%; } .container-fluid .row-fluid .w-col-small-push-11 { left: 91.66666667%; } .container-fluid .row-fluid .w-col-small-pull-1 { right: 8.33333333%; } .container-fluid .row-fluid .w-col-small-pull-2 { right: 16.66666667%; } .container-fluid .row-fluid .w-col-small-pull-3 { right: 25%; } .container-fluid .row-fluid .w-col-small-pull-4 { right: 33.33333333%; } .container-fluid .row-fluid .w-col-small-pull-5 { right: 41.66666667%; } .container-fluid .row-fluid .w-col-small-pull-6 { right: 50%; } .container-fluid .row-fluid .w-col-small-pull-7 { right: 58.33333333%; } .container-fluid .row-fluid .w-col-small-pull-8 { right: 66.66666667%; } .container-fluid .row-fluid .w-col-small-pull-9 { right: 75%; } .container-fluid .row-fluid .w-col-small-pull-10 { right: 83.33333333%; } .container-fluid .row-fluid .w-col-small-pull-11 { right: 91.66666667%; } .container-fluid .row-fluid .w-col-small-offset-1 { margin-left: 8.33333333%; } .container-fluid .row-fluid .w-col-small-offset-2 { margin-left: 16.66666667%; } .container-fluid .row-fluid .w-col-small-offset-3 { margin-left: 25%; } .container-fluid .row-fluid .w-col-small-offset-4 { margin-left: 33.33333333%; } .container-fluid .row-fluid .w-col-small-offset-5 { margin-left: 41.66666667%; } .container-fluid .row-fluid .w-col-small-offset-6 { margin-left: 50%; } .container-fluid .row-fluid .w-col-small-offset-7 { margin-left: 58.33333333%; } .container-fluid .row-fluid .w-col-small-offset-8 { margin-left: 66.66666667%; } .container-fluid .row-fluid .w-col-small-offset-9 { margin-left: 75%; } .container-fluid .row-fluid .w-col-small-offset-10 { margin-left: 83.33333333%; } .container-fluid .row-fluid .w-col-small-offset-11 { margin-left: 91.66666667%; } } @media screen and (max-width: 479px) { .container-fluid .row-fluid .content-container, .container-fluid .row-fluid .w-container { max-width: none; } .container-fluid .row-fluid .w-hidden-main { display: inherit !important; } .container-fluid .row-fluid .w-hidden-medium { display: inherit !important; } .container-fluid .row-fluid .w-hidden-small { display: inherit !important; } .container-fluid .row-fluid .w-hidden-tiny { display: none !important; } .container-fluid .row-fluid .w-col { width: 100%; } .container-fluid .row-fluid .w-col-tiny-1 { width: 8.33333333%; } .container-fluid .row-fluid .w-col-tiny-2 { width: 16.66666667%; } .container-fluid .row-fluid .w-col-tiny-3 { width: 25%; } .container-fluid .row-fluid .w-col-tiny-4 { width: 33.33333333%; } .container-fluid .row-fluid .w-col-tiny-5 { width: 41.66666667%; } .container-fluid .row-fluid .w-col-tiny-6 { width: 50%; } .container-fluid .row-fluid .w-col-tiny-7 { width: 58.33333333%; } .container-fluid .row-fluid .w-col-tiny-8 { width: 66.66666667%; } .container-fluid .row-fluid .w-col-tiny-9 { width: 75%; } .container-fluid .row-fluid .w-col-tiny-10 { width: 83.33333333%; } .container-fluid .row-fluid .w-col-tiny-11 { width: 91.66666667%; } .container-fluid .row-fluid .w-col-tiny-12 { width: 100%; } .container-fluid .row-fluid .w-col-tiny-push-1 { left: 8.33333333%; } .container-fluid .row-fluid .w-col-tiny-push-2 { left: 16.66666667%; } .container-fluid .row-fluid .w-col-tiny-push-3 { left: 25%; } .container-fluid .row-fluid .w-col-tiny-push-4 { left: 33.33333333%; } .container-fluid .row-fluid .w-col-tiny-push-5 { left: 41.66666667%; } .container-fluid .row-fluid .w-col-tiny-push-6 { left: 50%; } .container-fluid .row-fluid .w-col-tiny-push-7 { left: 58.33333333%; } .container-fluid .row-fluid .w-col-tiny-push-8 { left: 66.66666667%; } .container-fluid .row-fluid .w-col-tiny-push-9 { left: 75%; } .container-fluid .row-fluid .w-col-tiny-push-10 { left: 83.33333333%; } .container-fluid .row-fluid .w-col-tiny-push-11 { left: 91.66666667%; } .container-fluid .row-fluid .w-col-tiny-pull-1 { right: 8.33333333%; } .container-fluid .row-fluid .w-col-tiny-pull-2 { right: 16.66666667%; } .container-fluid .row-fluid .w-col-tiny-pull-3 { right: 25%; } .container-fluid .row-fluid .w-col-tiny-pull-4 { right: 33.33333333%; } .container-fluid .row-fluid .w-col-tiny-pull-5 { right: 41.66666667%; } .container-fluid .row-fluid .w-col-tiny-pull-6 { right: 50%; } .container-fluid .row-fluid .w-col-tiny-pull-7 { right: 58.33333333%; } .container-fluid .row-fluid .w-col-tiny-pull-8 { right: 66.66666667%; } .container-fluid .row-fluid .w-col-tiny-pull-9 { right: 75%; } .container-fluid .row-fluid .w-col-tiny-pull-10 { right: 83.33333333%; } .container-fluid .row-fluid .w-col-tiny-pull-11 { right: 91.66666667%; } .container-fluid .row-fluid .w-col-tiny-offset-1 { margin-left: 8.33333333%; } .container-fluid .row-fluid .w-col-tiny-offset-2 { margin-left: 16.66666667%; } .container-fluid .row-fluid .w-col-tiny-offset-3 { margin-left: 25%; } .container-fluid .row-fluid .w-col-tiny-offset-4 { margin-left: 33.33333333%; } .container-fluid .row-fluid .w-col-tiny-offset-5 { margin-left: 41.66666667%; } .container-fluid .row-fluid .w-col-tiny-offset-6 { margin-left: 50%; } .container-fluid .row-fluid .w-col-tiny-offset-7 { margin-left: 58.33333333%; } .container-fluid .row-fluid .w-col-tiny-offset-8 { margin-left: 66.66666667%; } .container-fluid .row-fluid .w-col-tiny-offset-9 { margin-left: 75%; } .container-fluid .row-fluid .w-col-tiny-offset-10 { margin-left: 83.33333333%; } .container-fluid .row-fluid .w-col-tiny-offset-11 { margin-left: 91.66666667%; } } /* ======== END OF RESET ==== */ .w-widget { position: relative; } .w-widget-map { width: 100%; height: 400px; } .w-widget-map label { width: auto; display: inline; } .w-widget-map img { max-width: inherit; } .w-widget-map .gm-style-iw { width: 90% !important; height: auto !important; top: 7px !important; left: 6% !important; display: inline; text-align: center; overflow: hidden; } .w-widget-map .gm-style-iw + div { display: none; } .w-widget-twitter { overflow: hidden; } .w-widget-gplus { overflow: hidden; } .w-background-video { position: relative; overflow: hidden; height: 500px; color: white; } .w-background-video > video { background-size: cover; background-position: 50% 50%; position: absolute; right: -100%; bottom: -100%; top: -100%; left: -100%; margin: auto; min-width: 100%; min-height: 100%; z-index: -100; } .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-nav.w-round > div { -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box; } .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } .w-slider-nav.w-shadow > div { -webkit-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); -moz-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; -webkit-transition: background-color 100ms, color 100ms; -moz-transition: background-color 100ms, color 100ms; -o-transition: background-color 100ms, color 100ms; transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-icon-slider-left, .w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em; } .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } .w-dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } .w-dropdown-toggle:focus { outline: 0; } .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } .w-dropdown-link.w--current { color: #0082f3; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link.w--current { color: #0082f3; } .w-nav[data-collapse="all"] .w-dropdown, .w-nav[data-collapse="all"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="all"] .w-dropdown-list { position: static; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-dropdown, .w-nav[data-collapse="medium"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="medium"] .w-dropdown-list { position: static; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-dropdown, .w-nav[data-collapse="small"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="small"] .w-dropdown-list { position: static; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-dropdown, .w-nav[data-collapse="tiny"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="tiny"] .w-dropdown-list { position: static; } } /** * ## Note * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. * For example percentage units do not work on descendants of elements that * have any dimensions expressed in viewport units. It also doesn’t handle them at * all in `calc()`. */ /** * Wrapper around all lightbox elements * * 1. Since the lightbox can receive focus, IE also gives it an outline. * 2. Fixes flickering on Chrome when a transition is in progress * underneath the lightbox. */ .w-lightbox-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; font-weight: 300; text-align: center; background: rgba(0, 0, 0, 0.9); z-index: 2000; outline: 0; /* 1 */ opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0, 0); /* 2 */ } /** * Neat trick to bind the rubberband effect to our canvas instead of the whole * document on iOS. It also prevents a bug that causes the document underneath to scroll. */ .w-lightbox-backdrop, .w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .w-lightbox-content { position: relative; height: 100vh; overflow: hidden; } .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0; } .w-lightbox-view:before { content: ""; height: 100vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 86vh; } .w-lightbox-frame, .w-lightbox-view:before { display: inline-block; vertical-align: middle; } /* * 1. Remove default margin set by user-agent on the
element. */ .w-lightbox-figure { position: relative; margin: 0; /* 1 */ } .w-lightbox-group .w-lightbox-figure { cursor: pointer; } /** * IE adds image dimensions as width and height attributes on the IMG tag, * but we need both width and height to be set to auto to enable scaling. */ .w-lightbox-img { width: auto; height: auto; max-width: none; } .w-lightbox-image { display: block; max-width: 100vw; max-height: 100vh; } .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: .5em 1em; background: rgba(0, 0, 0, 0.4); text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .w-lightbox-left { display: none; bottom: 0; left: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } .w-lightbox-right { display: none; right: 0; bottom: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } /* * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) */ .w-lightbox-close { right: 0; height: 2.6em; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; } /** * 1. All IE versions add extra space at the bottom without this. */ .w-lightbox-strip { padding: 0 1vh; line-height: 0; /* 1 */ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } /* * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` * which doesn’t work in Safari anyway. * 2. Chrome renders images pixelated when switching to GPU. Making sure * the parent is also rendered on the GPU (by setting translate3d for * example) fixes this behavior. */ .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; box-sizing: content-box; /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0); /* 2 */ } .w-lightbox-active { opacity: .3; } .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } /* * Spinner * * Absolute pixel values are used to avoid rounding errors that would cause * the white spinning element to be misaligned with the track. */ .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-animation: spin .8s infinite linear; animation: spin .8s infinite linear; } .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50%; } /* * Utility classes */ .w-lightbox-hide { display: none; } .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view:before { height: 96vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { display: block; opacity: .5; } .w-lightbox-close { opacity: .8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-richtext:before, .w-richtext:after { content: " "; display: table; } .w-richtext:after { clear: both; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:before { outline: 2px solid #2895f7; } .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } .w-richtext figure[data-rt-type="video"] > div:before { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; } .w-richtext figure { position: relative; max-width: 60%; } .w-richtext figure > div:before, .w-richtext figure img { cursor: default!important; } .w-richtext figure img { width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } .w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; color: transparent; } .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } .w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; caption-side: bottom; } .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } .w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .w-richtext figure[data-rt-type="video"] > div { width: 100%; } .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both; } .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } .w-richtext figure.w-richtext-align-normal { clear: both; } .w-richtext figure.w-richtext-align-fullwidth { width: 100%; text-align: center; clear: both; display: block; } .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; } .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none; } .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none; } /* The video overlay (prevents interacting with (ie: playing) the video) should only be present when the rich text node can be edited in that context with the RTE. 1. In the designer canvas - when not previewing the site 2. In the editor canvas for rich text dyn collection fields 3. In the editor canvas for static rich text fields made editable (ie: blobs) 4. In the data managers (see both RichTextInput.less files) as this file is not used there */ .wf-design-mode figure[data-rt-type="video"] > div:before, .w-editor-mount .w-dyn-list figure[data-rt-type="video"] > div:before, .w-editor-mount .w-editable figure[data-rt-type="video"] > div:before { display: block; } .w-tabs { position: relative; } .w-tabs:before, .w-tabs:after { content: " "; display: table; } .w-tabs:after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd; } .w-tab-link.w--current { background-color: #C8C8C8; } .w-tab-content { position: relative; display: block; overflow: hidden; } .w-tab-pane { position: relative; display: none; } .w--tab-active { display: block; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } .w-ix-emptyfix:after { content: ""; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .w-dyn-empty { padding: 10px; background-color: #dddddd; } /* ========================= OneDay ====== OneDay ====== OneDay System Classes ========================= OneDay ====== OneDay ====== */ h1.white, h2.white, h3.white, h4.white, h5.white, p.white, span.white { color: white; } h1.gray, h2.gray, h3.gray, h4.gray, h5.gray, p.gray, span.gray { color: #555; } h1.center, h2.center, h3.center, h4.center, h5.center, p.center, .center p, span.center, .center span { text-align: center; } .text-center, .text-center p { text-align: center; } .od-html-tag { background: #ffffff; padding: 15px 10px; border-radius: 4px; box-shadow: inset 1px 2px 4px #969494; -moz-box-shadow: inset 1px 2px 4px #969494; -webkit-box-shadow: inset 1px 2px 4px #969494; box-shadow: inset 1px 2px 4px #969494; } /* .row-fluid .content-flexible-wrapper { display: none; }*/ h1 { margin-top: 0px; font-family: Raleway, sans-serif; } h2 { font-family: Raleway,sans-serif; color: #555; font-size: 40px; line-height: 50px; font-weight: 700; text-transform: uppercase; } h3 { margin-top: 0px; margin-bottom: 30px; font-family: Raleway, sans-serif; color: #555; font-size: 30px; line-height: 35px; text-decoration: none; } h4 { margin-top: 0px; margin-bottom: 20px; font-family: Raleway, sans-serif; color: #555; font-size: 20px; line-height: 27px; } h5 { margin-top: 0px; margin-bottom: 20px; font-family: Raleway, sans-serif; font-size: 25px; line-height: 30px; } .p-big-model-two p, p { margin-bottom: 30px; font-size: 18px; line-height: 25px; } .content-spacer.height-30 { margin-top: 30px; } .content-spacer.height-60 { margin-top: 60px; } .content-spacer.height-90 { margin-top: 90px; } @media (max-width: 991px) { .content-section { padding-right: 40px; padding-left: 40px; } .content-section.model-two { padding: 40px; } .content-section.model-three { padding-right: 40px; padding-left: 40px; } h1 { font-size: 40px; line-height: 40px; } h2 { font-size: 35px; line-height: 35px; } .content-spacer.height-30, .content-spacer.height-60, .content-spacer.height-90 { margin-top: 30px; } } @media (max-width: 767px) { .container-fluid .row-fluid .content-section.model-three { padding-right: 30px; padding-left: 30px; } .container-fluid .row-fluid .content-container.model-two { padding-right: 35px; padding-left: 35px; background-position: 100% 82%, 0px 13px; background-size: 25px, 25px; } } @media (max-width: 479px) { .content-section.model-three { padding-right: 20px; padding-left: 20px; } .content-container.model-two { padding-right: 35px; padding-left: 35px; background-size: 25px, 25px; } p { font-size: 16px; line-height: 22px; } } /* ========================= WEBFLOW ====== WEBFLOW ====== Sitename Webflow CSS ========================= WEBFLOW ====== WEBFLOW ====== */ .content-section { padding: 100px 40px; } .content-section.model-one { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 250px; padding-bottom: 180px; background-image: -webkit-linear-gradient(270deg, rgba(36, 36, 36, .2), rgba(36, 36, 36, .2)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/example-bg.png'); background-image: linear-gradient(180deg, rgba(36, 36, 36, .2), rgba(36, 36, 36, .2)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/example-bg.png'); background-position: 0px 0px, 50% 50%; background-size: auto, auto; background-repeat: repeat, repeat; } .content-section.model-one.v1 { display: block; height: auto; padding-top: 220px; padding-bottom: 100px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-35.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-35.jpg'); background-position: 0px 0px, 50% 5%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v2 { display: block; height: auto; padding-top: 220px; padding-bottom: 100px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-3_1.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-3_1.jpg'); background-position: 0px 0px, 50% 31%; background-size: auto, cover; background-repeat: repeat, no-repeat; background-attachment: scroll, scroll; } .content-section.model-one.v3 { display: block; height: auto; padding-top: 250px; background-color: #555; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-3.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-3.jpg'); background-position: 0px 0px, -50% 42%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v4 { display: block; height: auto; padding-top: 220px; padding-bottom: 100px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-12.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-12.jpg'); background-position: 0px 0px, 50% 33%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v5 { display: block; height: auto; padding-top: 220px; padding-bottom: 90px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-11.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-11.jpg'); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v6 { display: block; height: auto; padding-top: 200px; padding-bottom: 90px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-14.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-14.jpg'); background-position: 0px 0px, 50% 55%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v7 { height: auto; padding-top: 180px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-10.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-10.jpg'); background-position: 0px 0px, 50% 42%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v8 { height: auto; padding-top: 190px; padding-bottom: 90px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-15.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-15.jpg'); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v9 { padding-top: 220px; padding-bottom: 90px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-16.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-16.jpg'); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v10 { padding-top: 220px; padding-bottom: 100px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-32.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-32.jpg'); background-position: 0px 0px, 50% -8%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v11 { padding-top: 220px; padding-bottom: 100px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .55)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-34.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .55)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-34.jpg'); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v12 { padding-top: 220px; padding-bottom: 100px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-18.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-18.jpg'); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v13 { padding-top: 220px; padding-bottom: 100px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-23.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-23.jpg'); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v14 { padding-top: 220px; padding-bottom: 100px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-33.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-33.jpg'); background-position: 0px 0px, 50% 17%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v15 { padding-top: 220px; padding-bottom: 100px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-25.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-25.jpg'); background-position: 0px 0px, 50% 25%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v16 { padding-top: 220px; padding-bottom: 100px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-27.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-27.jpg'); background-position: 0px 0px, 50% 50%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v17 { padding-top: 220px; padding-bottom: 100px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-28.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-28.jpg'); background-position: 0px 0px, 50% 4%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-two { background-color: #f6f6f6; } .content-section.model-two.v4 { padding-top: 100px; padding-bottom: 120px; } .content-section.model-two.v5 { padding-top: 40px; padding-bottom: 30px; background-color: white; } .content-section.model-two.v6 { background-color: #f6f6f6; } .content-section.model-three { padding-top: 100px; padding-bottom: 100px; line-height: 20px; } .content-section.model-three.v2 { padding-top: 70px; padding-bottom: 80px; } .content-section.model-three.v3 { padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: transparent; } .content-section.model-three.v4 { padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .content-section.model-five { padding: 0px 0px 30px; background-color: #1a1a1a; } .content-section.model-six { padding-top: 20px; padding-bottom: 20px; background-color: #fff; color: #777; text-align: center; } .content-section.v1 { background-color: #f6f6f6; } .content-section.v1.hide { display: none; } .content-section.v3 { background-color: #c80c0f; } .content-section.model-four { position: relative; z-index: 1; padding-top: 40px; padding-bottom: 50px; padding-left: 20px; background-color: #1a1a1a; } .content-section.model-seven { padding-top: 10px; padding-right: 24px; padding-bottom: 10px; float: none; background-color: #c80c0f; background-image: -webkit-linear-gradient(80deg, #971401, #c80c0f); background-image: linear-gradient(10deg, #971401, #c80c0f); } .content-section.model-seven.v1 { background-color: #00a1e4; background-image: -webkit-linear-gradient(80deg, #005e7e, #00a1e4); background-image: linear-gradient(10deg, #005e7e, #00a1e4); } .content-section.model-seven.v2 { background-color: #ae9995; background-image: -webkit-linear-gradient(80deg, #745d57, #ae9995); background-image: linear-gradient(10deg, #745d57, #ae9995); } .content-section.model-eight { padding-top: 45px; padding-bottom: 50px; } .content-section.model-ten { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-26.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .body { height: 12%; font-family: 'Open Sans', sans-serif; } .container-fluid .row-fluid .content-container { display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .container-fluid .row-fluid .content-container.model-one { display: block; max-width: 1400px; margin-right: auto; margin-left: auto; padding-bottom: 0px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .container-fluid .row-fluid .content-container.model-one.v2 { max-width: 100%; padding-bottom: 0px; } .container-fluid .row-fluid .content-container.model-two { display: block; height: 1px; max-width: 1400px; margin-top: 30px; margin-right: auto; margin-left: auto; background-color: #3a3a3a; } .container-fluid .row-fluid .content-container.model-three { display: block; max-width: 1400px; margin-right: auto; margin-left: auto; font-family: Raleway, sans-serif; } .container-fluid .row-fluid .content-container.model-four { display: block; max-width: 960px; margin-right: auto; margin-bottom: 60px; margin-left: auto; padding-bottom: 30px; border-bottom: 1px solid #e6e6e6; } .container-fluid .row-fluid .content-container.model-four.v1 { margin-bottom: 0px; padding-bottom: 0px; border-bottom-style: none; } .container-fluid .row-fluid .content-container.model-four.v2 { margin-bottom: 100px; padding-bottom: 0px; border-bottom-style: none; } .container-fluid .row-fluid .content-container.model-five { display: block; max-width: 1400px; margin-right: auto; margin-bottom: 70px; margin-left: auto; } .container-fluid .row-fluid .content-container.model-six { display: block; max-width: 960px; margin-right: auto; margin-left: auto; padding-bottom: 30px; } .container-fluid .row-fluid .content-container.model-six.last { margin-bottom: 60px; border-bottom: 1px none #e6e6e6; } .container-fluid .row-fluid .content-container.model-six.v1 { margin-top: -20px; padding-top: 0px; padding-bottom: 0px; text-align: center; } .container-fluid .row-fluid .content-container.model-six.v2 { padding-bottom: 30px; margin-top:0; } .container-fluid .row-fluid .content-container.model-six.v3 { margin-top: 90px; margin-bottom: 50px; } .container-fluid .row-fluid .content-container.model-seven { display: block; max-width: 960px; margin-right: auto; margin-left: auto; } .container-fluid .row-fluid .content-container.model-eight { margin-top: 20px; margin-bottom: 70px; padding-top: 30px; padding-bottom: 30px; background-color: #f0f0f0; } .container-fluid .row-fluid .content-container.model-eight.v1 { margin-bottom: 0px; } .container-fluid .row-fluid .content-container.model-eight.v2 { position: relative; z-index: 1; margin-top: 100px; margin-bottom: 0px; padding-top: 100px; padding-bottom: 100px; background-color: #1a1a1a; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-21.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .container-fluid .row-fluid .content-container.model-eight.v3 { margin-top: 0px; margin-bottom: 0px; padding-top: 100px; padding-bottom: 100px; } .container-fluid .row-fluid .content-container.model-eight.v4 { margin-top: 0px; margin-bottom: 0px; padding-top: 100px; padding-bottom: 100px; background-color: transparent; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-9.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .container-fluid .row-fluid .content-container.model-eight.v5 { margin-top: 50px; margin-bottom: 0px; padding-top: 100px; padding-bottom: 100px; } .container-fluid .row-fluid .content-container.model-eight.v6 { margin-top: 0px; margin-bottom: 0px; padding-top: 100px; padding-bottom: 100px; background-color: transparent; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-13.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .container-fluid .row-fluid .content-container.model-eight.v7 { margin-top: 0px; margin-bottom: 100px; padding-top: 70px; padding-bottom: 60px; background-color: #f6f6f6; } .container-fluid .row-fluid .content-container.model-nine { position: relative; display: block; max-width: 960px; margin-top: 61px; margin-right: auto; margin-left: auto; padding-right: 45px; padding-bottom: 10px; padding-left: 45px; border: 4px solid #ebebeb; -webkit-transition: border-color 500ms ease; transition: border-color 500ms ease; } .container-fluid .row-fluid .content-container.model-nine:hover { border-color: #c80c0f; } .container-fluid .row-fluid .content-container.model-nine.v1:hover { border-color: #00a1e4; } .container-fluid .row-fluid .content-container.model-nine.v2:hover { border-color: #ae9995; } .container-fluid .row-fluid .content-container.model-nine.v3 { margin-top: 0px; } .container-fluid .row-fluid .content-container.model-ten { margin-top: 90px; margin-bottom: 100px; } .container-fluid .row-fluid .content-container.model-eleven { position: absolute; display: block; width: 100%; height: 350px; margin-top: 0px; padding: 99px 20px 20px; background-color: rgba(0, 0, 0, .6); color: #fff; } .container-fluid .row-fluid .content-container.model-twelve { padding-top: 100px; padding-bottom: 90px; -webkit-transition: border-color 500ms ease; transition: border-color 500ms ease; } .container-fluid .row-fluid .content-container.model-twelve.v1 { padding-bottom: 0px; } .container-fluid .row-fluid .content-container.model-thirteen { padding-top: 100px; padding-bottom: 100px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-13.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .container-fluid .row-fluid .content-container.model-fourteen { padding-top: 100px; padding-bottom: 100px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-19.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .container-fluid .row-fluid .content-container.model-fifteen { margin-top: 100px; padding-top: 100px; padding-bottom: 100px; background-color: #f6f6f6; } .container-fluid .row-fluid .content-container.model-sixteen { padding-top: 100px; padding-bottom: 100px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-21.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; max-width: 100%; } .container-fluid .row-fluid .content-container.model-17 { display: block; max-width: 960px; margin-right: auto; margin-left: auto; } .container-fluid .row-fluid .content-container.model-18 { display: block; max-width: 960px; margin-top: 40px; margin-right: auto; margin-left: auto; } .container-fluid .row-fluid .content-container.model-19 { margin-top: 100px; margin-bottom: -101px; padding-top: 100px; padding-bottom: 100px; background-color: #f6f6f6; } .container-fluid .row-fluid .content-container.model-20 { height: 213px; padding-top: 40px; padding-right: 20px; padding-left: 20px; background-color: rgba(0, 0, 0, .7); } .logo-wrapper.model-two { position: absolute; left: 0px; top: 0px; right: 0px; display: block; width: 300px; margin-right: auto; margin-left: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #fff; text-align: center; } .nav { position: fixed; width: 100%; background-color: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .4); } .nav.v1 { background-color: #fff; } .h1 { margin-top: 0px; font-family: 'Din bold', sans-serif; } .h1-model-one h1, .h1.model-one { display: block; margin-bottom: 15px; font-family: Raleway, sans-serif; color: #fff; font-size: 65px; line-height: 65px; font-weight: 700; text-align: left; text-transform: uppercase; } .search-page .hs-search-results__next-page { background-color: transparent; } .h1.model-one.v1 { text-align: center; } .search-page ul { text-align: left; } .h1.model-two { margin-bottom: 30px; color: #fff; font-size: 70px; line-height: 70px; text-align: center; } .h1.model-three { font-family: Raleway, sans-serif; color: #fff; font-size: 60px; line-height: 60px; text-align: left; text-transform: none; } .p-big-model-one p, .p-big-model-three p, .p-big { margin-bottom: 30px; font-size: 20px; line-height: 28px; } .p-big-model-one p, .p-big.model-one { display: block; font-family: Raleway, sans-serif; color: #808285; line-height: 25px; text-align: center; } .p-big.model-one.v1 { margin-bottom: 80px; } .p-big.model-one.v2 { color: #fff; } .p-big.model-one.v3 { font-family: Raleway, sans-serif; line-height: 27px; } .p-big-model-three p, .p-big.model-three { display: block; padding-right: 50px; padding-left: 50px; font-family: Raleway, sans-serif; color: #fff; text-align: center; } .p-big.model-three.v1 { text-align: left; } .p-big.model-three.v2 { max-width: 960px; } .p-big.model-four { margin-bottom: 10px; font-family: Raleway, sans-serif; color: #c80c0f; font-size: 30px; font-weight: 700; } .p-big.model-five { color: #fff; line-height: 27px; text-align: center; } .p-big.model-five.v1 { margin-bottom: 0px; } .p-big.model-six { margin-top: 5px; font-family: Raleway, sans-serif; color: #808285; font-size: 25px; font-weight: 700; text-align: center; } .p-big.model-seven { padding: 20px 70px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/right-quote-pink.svg'), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/left-quote-pink.svg'); background-position: 100% 100%, 0px 0px; background-size: 50px, 50px; background-repeat: no-repeat, no-repeat; } .p-big.model-seven.v1 { font-family: Raleway, sans-serif; font-size: 25px; line-height: 30px; font-weight: 400; } .p-big-model-two p, .p-big.model-two { padding: 20px 0px; font-family: Raleway, sans-serif; color: #fff; font-size: 25px; line-height: 35px; font-style: normal; font-weight: 300; } .p-big.model-eight { margin-bottom: 10px; color: #808285; font-size: 25px; text-align: left; text-transform: uppercase; } .p-big.model-nine { padding-top: 20px; padding-bottom: 20px; font-family: Raleway, sans-serif; color: #555; font-size: 25px; line-height: 35px; font-weight: 300; } .btn-model-one { display: inline-block; margin-top: 10px; margin-right: 15px; padding: 10px 40px; border: 2px solid #fff; border-radius: 100px; background-color: transparent; -webkit-transition: background-color 500ms ease, box-shadow 500ms ease, border-color 500ms ease; transition: background-color 500ms ease, box-shadow 500ms ease, border-color 500ms ease; font-family: Raleway, sans-serif; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; text-transform: uppercase; } .btn-model-one:hover { border-style: solid; border-color: #c80c0f; background-color: #c80c0f; box-shadow: 6px 6px 25px 0 rgba(0, 0, 0, .3); color: #fff; text-decoration: none; } .btn-model-one.v1 { display: inline-block; min-width: 200px; margin-right: 8px; margin-left: 8px; } .btn-model-one.v2 { margin-right: 0px; padding: 5px 20px; font-size: 14px; } .btn-model-one.model-two { display: block; width: 120px; margin-top: 13px; margin-right: auto; margin-left: auto; padding: 7px 30px; text-align: center; } .btn-model-one.v3 { width: 212px; } .btn-model-one.v4 { display: block; width: 190px; margin-right: auto; margin-left: auto; text-align: center; } .btn-model-one.v5 { width: 211px; } .btn-model-one.v6:hover { border-color: #00a1e4; background-color: #00a1e4; } .btn-model-one.v7:hover { border-color: #ae9995; background-color: #ae9995; } .btn-play { display: block; width: 100px; height: 100px; margin: 30px auto; border: 2px solid transparent; border-radius: 50px; background-color: #ed2a7a; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/play-button.png'); background-position: 61% 50%; background-size: 40px; background-repeat: no-repeat; -webkit-transition: -webkit-transform 200ms ease; transition: -webkit-transform 200ms ease; transition: transform 200ms ease; transition: transform 200ms ease, -webkit-transform 200ms ease; } .btn-play:hover { width: 100px; height: 100px; border-color: #fff; background-color: transparent; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .scroll { position: absolute; left: 50%; bottom: 0px; display: block; width: 30px; height: 50px; margin-bottom: 30px; margin-left: -15px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; border: 3px solid #fff; border-radius: 30px; } .nav-link { margin-right: 15px; margin-left: 15px; padding: 10px 0px 8px; border-style: none none solid; border-width: 2px; border-color: transparent; -webkit-transition: border-color 500ms ease; transition: border-color 500ms ease; font-family: Raleway, sans-serif; color: #808285; font-size: 14px; line-height: 20px; font-weight: 600; text-transform: uppercase; } .nav-link:hover { border-style: none none solid; border-color: #c80c0f #c80c0f #c80c0f #000; color: #c80c0f; } .nav-link.w--current { border-color: #0f171a #0f171a #c80c0f; color: #c80c0f; } .nav-link.model-one { display: none; } .nav-link.v1 { padding-right: 15px; padding-left: 15px; font-weight: 600; } .nav-link.v2 { color: #fff; } .nav-link.model-two { display: none; } .logo { display: block; height: 80px; margin-right: auto; margin-left: auto; float: none; } .content-row { margin-top: 60px; } .content-row.model-one { margin-top: 0px; } .content-row.model-one.v1 { margin-top: 50px; } .content-row.model-two { margin-top: 0px; margin-bottom: 20px; } .content-row.model-two.v1 { margin-bottom: 40px; } .content-row.model-two.v3 { margin-bottom: 0px; } .content-row.model-three { display: block; max-width: 960px; margin-right: auto; margin-left: auto; color: #fff; } .content-row.model-four { margin-top: 20px; } .content-row.model-five { margin-top: 0px; margin-bottom: 20px; } .content-row.model-seven { margin-top: 0px; } .container-fluid .row-fluid .content-column.v1 { padding-right: 0px; padding-left: 0px; background-color: #f7f7f7; } .container-fluid .row-fluid .content-column.v2 { background-color: #f1f1f1; } .container-fluid .row-fluid .content-column.model-three { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 30px; color: #fff; } .container-fluid .row-fluid .content-column.model-three.v1 { background-image: -webkit-linear-gradient(223deg, rgba(196, 94, 0, .8), rgba(209, 0, 98, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/image-hospitality.jpg'); background-image: linear-gradient(227deg, rgba(196, 94, 0, .8), rgba(209, 0, 98, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/image-hospitality.jpg'); background-position: 0px 0px, 50% 0px; background-size: auto, cover; background-repeat: repeat, no-repeat; background-attachment: scroll, scroll; } .container-fluid .row-fluid .content-column.model-two { padding-right: 0px; padding-left: 0px; } .container-fluid .row-fluid .content-column.model-two.v1 { background-color: hsla(0, 0%, 100%, .85); } .container-fluid .row-fluid .content-column.model-two.v2 { background-color: hsla(0, 0%, 100%, .85); } .container-fluid .row-fluid .content-column.model-two.v3 { background-color: hsla(0, 0%, 100%, .85); } .container-fluid .row-fluid .content-column.model-one { padding-left: 10px; } .container-fluid .row-fluid .content-column.model-one.v1 { background-color: #f8f8f8; } .container-fluid .row-fluid .content-column.model-one.v2 { background-color: #f3f3f3; } .container-fluid .row-fluid .content-column.model-one.v2.auto-height { background-color: #f2f2f2; } .container-fluid .row-fluid .content-column.model-four { padding: 0px 20px; border-style: none; border-right-width: 1px; border-right-color: #0a0a0a; } .container-fluid .row-fluid .content-column.model-four.v4 { padding-left: 0px; } .container-fluid .row-fluid .content-column.model-five { padding: 30px; background-color: #eee; } .container-fluid .row-fluid .content-column.model-six { height: 455px; padding: 100px; background-color: #efeff0; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-20.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; -webkit-transition: background-color 500ms ease; transition: background-color 500ms ease; } .container-fluid .row-fluid .content-column.model-six:hover { background-color: transparent; } .container-fluid .row-fluid .content-column.model-seven { min-height: 455px; padding: 100px; border-right: 1px dotted #d6d6d6; background-color: #e2e3e4; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-19.jpg'); background-position: 50% 54%; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; -webkit-transition: background-color 500ms ease; transition: background-color 500ms ease; } .container-fluid .row-fluid .content-column.model-seven:hover { background-color: transparent; } .container-fluid .row-fluid .content-column.model-eight { min-height: 455px; padding: 100px; background-color: #c4c4c4; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-13.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .container-fluid .row-fluid .content-column.model-nine { padding-right: 20px; padding-left: 20px; } .container-fluid .row-fluid .content-column.model-nine.v1 { background-color: transparent; } .container-fluid .row-fluid .content-column.model-nine.v2 { background-color: transparent; } .container-fluid .row-fluid .content-column.model-ten { padding-left: 0px; } .container-fluid .row-fluid .content-column.model-eleven { padding: 107px 120px 108px; background-color: #c4c4c4; } .container-fluid .row-fluid .content-column.model-twelve { padding: 120px; background-color: #dadada; } .container-fluid .row-fluid .content-column.model-thirteen { height: 630px; padding: 124px 100px 100px 250px; background-color: #f6f6f6; } .container-fluid .row-fluid .content-column.fourteen { height: 630px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/example-bg.png'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .container-fluid .row-fluid .content-column.fourteen.v1 { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/1875-to-1940.jpg'); } .container-fluid .row-fluid .content-column.fourteen.v2 { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/Post-1940s.jpg'); background-size: cover; } .container-fluid .row-fluid .content-column.fourteen.v3 { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/1960.jpg'); } .container-fluid .row-fluid .content-column.fourteen.v4 { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/1974.jpg'); background-size: cover; } .container-fluid .row-fluid .content-column.fourteen.v5 { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/1990.jpg'); background-size: cover; } .container-fluid .row-fluid .content-column.fourteen.v6 { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/1993.jpg'); background-size: cover; } .container-fluid .row-fluid .content-column.fourteen.v7 { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/2001.jpg'); } .container-fluid .row-fluid .content-column.fourteen.v8 { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/2012.jpg'); background-size: cover; } .container-fluid .row-fluid .content-column.fourteen.v9 { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/2013.jpg'); background-size: 700px; } .container-fluid .row-fluid .content-column.fourteen.v10 { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/2016.jpg'); background-position: 0% 0%; background-size: contain; } .container-fluid .row-fluid .content-column.model-fourteen { height: 400px; padding: 40px 30px; border-right: 2px solid #ebebeb; border-bottom: 2px solid #ebebeb; border-left: 2px solid #ebebeb; } .container-fluid .row-fluid .content-column.model-fourteen.v4 { margin-top: -21px; border-bottom-style: none; } .container-fluid .row-fluid .content-column.model-fourteen.v5 { border-bottom-style: none; } .container-fluid .row-fluid .content-column.model-fourteen.v1 { padding-bottom: 40px; background-color: transparent; } .container-fluid .row-fluid .content-column.model-fourteen.v7 { height: 326px; } .container-fluid .row-fluid .content-column.model-fourteen.v8 { height: 326px; margin-top: -21px; border-bottom-style: none; } .container-fluid .row-fluid .content-column.model-fifteen { height: 400px; padding: 40px 30px; border-bottom: 2px solid #ebebeb; } .container-fluid .row-fluid .content-column.model-fifteen.v3 { height: 400px; padding-bottom: 40px; } .container-fluid .row-fluid .content-column.model-fifteen.v4 { margin-top: -21px; border-bottom-style: none; } .container-fluid .row-fluid .content-column.model-fifteen.v5 { border-bottom-style: none; } .container-fluid .row-fluid .content-column.model-fifteen.v5.last { padding-bottom: 38px; } .container-fluid .row-fluid .content-column.model-fifteen.v1 { height: 400px; padding-bottom: 40px; background-color: transparent; } .container-fluid .row-fluid .content-column.model-fifteen.v2 { padding-bottom: 40px; background-color: transparent; } .container-fluid .row-fluid .content-column.model-fifteen.v7 { height: 326px; } .container-fluid .row-fluid .content-column.model-fifteen.v8 { height: 326px; padding-bottom: 43px; } .container-fluid .row-fluid .content-column.model-fifteen.v9 { height: 326px; margin-top: -21px; border-bottom-style: none; } .container-fluid .row-fluid .content-column.model-fifteen.v9.last { height: 326px; } .container-fluid .row-fluid .content-column.model-sixteen { margin-top: 23px; padding-top: 50px; padding-bottom: 50px; } .container-fluid .row-fluid .content-column.model-sixteen.v1 { border-right: 1px solid #dadada; background-color: transparent; } .container-fluid .row-fluid .content-column.model-eighteen { margin-bottom: 20px; } .template-services-corporate-relocation .row-fluid .content-column.model-eighteen, .template-business-moves .row-fluid .content-column.model-eighteen, .template-corporate-relocation .row-fluid .content-column.model-eighteen, .uk-moves .container-fluid .row-fluid .content-column.model-eighteen, .template-international-moves .container-fluid .row-fluid .content-column.model-eighteen { height: 290px; } .container-fluid .row-fluid .content-column.model-twenty { margin-bottom: 20px; } .container-fluid .row-fluid .content-column.model-twenty-one { padding-right: 20px; padding-left: 20px; } .container-fluid .row-fluid .content-column.model-22 { padding-right: 15px; padding-left: 15px; } .container-fluid .row-fluid .content-column.model-twenty-two { height: 455px; padding: 100px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-19.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .container-fluid .row-fluid .content-column.model-23 { height: 455px; padding: 100px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/tricia-skinner-reception.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } p, .p-medium { margin-bottom: 30px; font-family: Raleway, sans-serif; color: #808285; font-size: 16px; line-height: 22px; text-align: left; } .p-medium.model-one { margin-bottom: 5px; font-family: Raleway, sans-serif; color: #808285; font-size: 15px; font-weight: 600; text-align: center; text-transform: uppercase; } .p-medium.model-one.v2 { color: #fff; } .p-medium.model-one.v1 { padding-right: 75px; padding-left: 75px; } .p-medium-model-two p, .p-medium.model-two { display: block; width: 90%; margin-right: auto; margin-bottom: 0px; margin-left: auto; color: #808285; text-align: center; } .p-medium.v1 { margin-bottom: 20px; } .p-medium.v2 { margin-bottom: 0px; color: #555; } .p-medium.model-three { display: block; margin-right: auto; margin-bottom: 30px; margin-left: auto; font-family: Raleway, sans-serif; line-height: 25px; font-style: normal; } .p-medium.model-three.v3 { margin-bottom: 20px; } .model-four-p-medium p, .p-medium.model-four { margin-right: auto; margin-left: auto; font-family: Raleway, sans-serif; color: #808285; font-size: 16px; text-align: left; } .p-medium.model-four.v1 { color: #808285; } .p-medium.model-five { font-size: 16px; text-align: center; } .p-medium.model-five.v1 { display: block; width: 85%; margin-right: auto; margin-left: auto; } .model-six-p-medium p, .p-medium.model-six { display: block; width: 100%; margin-right: auto; margin-left: auto; text-align: center; } .p-medium.model-seven { margin-bottom: 10px; } .p-medium.model-eight { margin-top: 30px; } .p-medium.model-nine { margin-bottom: 5px; color: #808285; font-size: 15px; font-weight: 600; text-align: center; text-transform: uppercase; } .p-medium-model-ten p, .p-medium.model-ten { display: block; width: 90%; margin-right: auto; margin-left: auto; color: #fff; text-align: center; } .p-medium-model-eleven p, .p-medium.model-eleven { display: block; width: 90%; margin-right: auto; margin-left: auto; font-size: 16px; line-height: 23px; text-align: center; } .p-medium.model-twelve { margin-bottom: 10px; font-size: 22px; line-height: 27px; } .p-medium.v3 { margin-bottom: 0px; } .p-xsmall.model-two { margin-bottom: 0px; } .p-xsmall.model-two.v3 { font-family: Raleway, sans-serif; color: #242424; font-size: 18px; line-height: 25px; } .p-xsmall.model-two.v1 { font-family: Raleway, sans-serif; color: #7f8184; } .h2 { margin-top: 20px; margin-bottom: 30px; font-family: Raleway, sans-serif; font-size: 40px; line-height: 60px; } .h2.model-one { margin-top: -12px; margin-bottom: 2px; font-family: Raleway, sans-serif; color: #555; font-size: 38px; text-align: center; } .h2.model-one.v1 { margin-bottom: 20px; font-family: Raleway, sans-serif; font-size: 40px; font-weight: 700; text-transform: uppercase; } .h2.model-one.v2 { color: #fff; } .h2.model-one.v3 { margin-bottom: 10px; font-family: Raleway, sans-serif; color: #555; } .h2.model-one.v4 { font-family: Raleway, sans-serif; font-size: 40px; text-transform: uppercase; } .h2.model-two { font-family: Raleway, sans-serif; color: #555; font-size: 40px; line-height: 50px; font-weight: 700; text-align: center; text-transform: uppercase; } .h2.model-two.v1 { display: block; max-width: 960px; margin-right: auto; margin-bottom: 50px; margin-left: auto; text-align: left; } .h2.model-two.v2 { margin-bottom: 50px; } .h2.model-two.v3 { color: #fff; } .h2.v1 { margin-bottom: 0px; } .h2.model-three { display: block; margin-right: auto; margin-bottom: 40px; margin-left: auto; color: #555; font-size: 40px; text-transform: uppercase; } .h2.model-three.v1 { margin-bottom: 20px; color: #555; line-height: 50px; } .h2.model-three.v2 { margin-bottom: 20px; color: #c80c0f; text-align: left; } .h2.model-three.v3 { margin-bottom: 30px; color: #c80c0f; font-size: 60px; } .h2.model-three.v4 { margin-top: 0px; margin-bottom: 20px; text-align: center; } .h2.model-four { margin-bottom: 20px; color: #555; font-size: 40px; text-transform: uppercase; } .h2.model-five { margin-top: 30px; margin-bottom: 25px; color: #555; font-size: 40px; text-transform: uppercase; } .h2.model-six { color: #fff; font-size: 40px; text-align: center; text-transform: uppercase; } .content-img.model-one { display: block; width: 100px; height: 100px; margin: 6px auto 20px; float: none; background-color: transparent; text-align: center; } .content-img.model-one.v1 { width: 120px; margin-bottom: 30px; padding-top: 10px; padding-bottom: 9px; } .content-img.model-one.v3 { padding-top: 6px; padding-bottom: 6px; } .content-img.model-one.v2 { width: 125px; padding-top: 6px; padding-bottom: 3px; } .content-img.model-one.v4 { margin-top: 7px; margin-bottom: 27px; } .content-img.model-one.v5 { width: 147px; } .content-img.model-one.v6 { width: 80px; margin-bottom: 29px; padding-top: 7px; } .content-img.model-one.v7 { width: 85px; } .content-img.model-one.v8 { width: 75px; } .content-img.model-one.v9 { width: 120px; } .content-img.model-one.v10 { width: 85px; margin-bottom: -4px; } .content-img.model-one.v11 { margin-bottom: 39px; } .content-img.model-one.v12 { width: 120px; margin-bottom: 26px; } .content-img.model-one.v13 { width: 130px; } .content-img.model-one.v14 { width: 110px; margin-top: 5px; margin-bottom: 29px; } .content-img.model-two { display: block; width: 120px; height: auto; margin-right: auto; margin-bottom: 30px; margin-left: auto; padding-top: 10px; padding-bottom: 9px; background-color: transparent; } .content-img.model-two.v1 { background-color: transparent; } .content-img.model-three { display: block; width: 100px; max-width: 100%; margin-right: auto; margin-bottom: 21px; margin-left: auto; padding-top: 6px; padding-bottom: 6px; background-color: transparent; text-align: center; } .content-img.model-three.v1 { max-width: 100px; } .content-img.model-five { margin-top: 13px; } .content-img.model-six { position: relative; width: 90px; height: 116px; margin-top: 5px; margin-right: 15px; float: left; background-color: #e0e0e0; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/e-book-how-to-choose-an-international-removal-company.jpg'); background-position: 44% 50%; background-size: cover; background-repeat: no-repeat; } .content-img.model-six.v1 { height: 200px; margin-bottom: 50px; } .content-img.model-seven { display: block; margin-bottom: 30px; float: right; } .content-img.model-eight { display: block; width: 99px; height: auto; margin-top: 10px; margin-right: auto; margin-left: auto; } .content-img.model-nine { display: block; width: 450px; margin-right: auto; margin-bottom: 30px; margin-left: auto; } .content-img.model-nine.v1 { width: 100%; margin-bottom: 0px; } .content-img.model-ten { width: 90%; } .content-img.model-eleven { display: block; max-width: 400px; margin-right: auto; margin-left: auto; } .content-img.model-four { display: block; width: 125px; height: auto; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-top: 6px; padding-bottom: 1px; } .content-img.model-five { max-width: 150px; margin: 0px 40px 20px; } .content-img.model-five.v2 { max-width: 250px; } .content-img.model-twelve { display: block; width: 70%; margin: 134px auto 29px; } .content-img.model-thirteen { width: 100%; } .content-img.model-thirteen.v1 { height: 150px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/e-book.jpg'); background-position: 50% 50%; background-size: 230px; background-repeat: no-repeat; } .content-img.model-thirteen.v2 { width: 100%; height: 150px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/e-book-Guidelines-for-a-Successful-Move-Management-Tender.jpg'); background-position: 50% 50%; background-size: 230px; background-repeat: no-repeat; } .content-img.model-thirteen.v3 { height: 150px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/e-book-compairing-quotes-for-home-moves.jpg'); background-position: 50% 50%; background-size: 230px; background-repeat: no-repeat; } .content-img.model-thirteen.v4 { height: 150px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/e-book-moving-guides-for-office-moves.jpg'); background-position: 50% 50%; background-size: 230px; background-repeat: no-repeat; } .content-img.model-thirteen.v5 { height: 150px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/e-book-how-to-choose-an-international-removal-company.jpg'); background-position: 50% 50%; background-size: 230px; background-repeat: no-repeat; } .content-img.model-thirteen.v6 { height: 150px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/e-book-comparing-quotes-for-international-moves.jpg'); background-position: 50% 50%; background-size: 230px; background-repeat: no-repeat; } .content-img.model-thirteen.v7 { height: 150px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/e-book-removals-glossary-for-home-moves.jpg'); background-position: 50% 50%; background-size: 230px; background-repeat: no-repeat; } .content-img.model-thirteen.v8 { height: 150px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/e-book-international-removals-checklist.jpg'); background-position: 50% 50%; background-size: 230px; background-repeat: no-repeat; } .content-img.model-thirteen.v9 { height: 150px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/e-book-removals-glossary-for-international-moves.jpg'); background-position: 50% 50%; background-size: 230px; background-repeat: no-repeat; } .content-img.model-thirteen.v10 { height: 150px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/e-book-move-consultation-guide.jpg'); background-position: 50% 50%; background-size: 230px; background-repeat: no-repeat; } .content-img.model-fourteen { width: 50px; /*max-width: 100px;*/ margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: left; } .content-img.model-fourteen.v1 { width: 42px; } .content-img.model-fifteen { margin-right: 10px; float: none; } .content-img.model-sixteen { margin-top: -38px; } .content-img.model-seventeen { width: 100%; } .content-img.model-eightteen { display: block; width: 500px; min-height: 544px; margin-right: auto; margin-left: auto; /*background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/Map-UK.svg');*/ background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-img.model-nineteen { display: block; max-width: 960px; min-height: 493px; margin-right: auto; margin-left: auto; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/World-Map.svg'); background-position: 50% 50%; background-size: auto; background-repeat: no-repeat; } .h3 { margin-top: 0px; margin-bottom: 30px; font-family: Raleway, sans-serif; color: #555; font-size: 30px; line-height: 35px; text-decoration: none; } .h3.model-one { display: block; max-width: 960px; margin-right: auto; margin-left: auto; font-weight: 700; text-align: left; } .h3.model-two { display: block; max-width: 960px; margin-right: auto; margin-left: auto; text-align: center; } .h3.model-two.v1 { max-width: 100%; margin-top: 50px; margin-bottom: 50px; } .h3.model-three { text-transform: none; } .h3-model-four p, .h3.model-four { color: #808285; font-size: 21px; line-height: 29px; font-weight: 300; } .h3.model-four.v1 { color: #808285; } .h3.model-five { margin-top: 48px; text-align: center; } .h3.model-six { color: #c80c0f; } .content-icon-container { display: inline-block; color: #555; text-decoration: none; } .content-icon-container.model-one { display: block; height: auto; margin-top: 0px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px; border-bottom: 1px solid #e6e6e6; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: background-color 250ms linear; transition: background-color 250ms linear; color: #c80c0f; } .content-icon-container.model-one:hover { background-color: #c80c0f; color: #fff; } .content-icon-container.model-two { width: 25px; height: 25px; margin: 38px 10px 0px; float: right; border-radius: 50%; background-color: transparent; opacity: 0.5; -webkit-transition: -webkit-transform 120ms linear; transition: -webkit-transform 120ms linear; transition: transform 120ms linear; transition: transform 120ms linear, -webkit-transform 120ms linear; text-align: center; } .content-icon-container.model-two:hover { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .content-icon-container.model-two.v1 { width: 37px; height: 35px; margin-top: 32px; } .content-icon-container.model-two.v2 { width: 35px; height: 35px; } .content-icon-container.model-three { margin-right: 20px; margin-left: -8px; background-color: transparent; -webkit-transition: opacity 250ms ease; transition: opacity 250ms ease; text-align: center; } .content-icon-container.model-three:hover { background-color: transparent; opacity: 0.5; } .content-icon-container.model-three.v1 { background-color: #05a1ff; } .content-icon-container.model-three.v1:hover { background-color: #05a1ff; } .content-icon-container.model-three.v2 { margin-left: -17px; } .content-icon-container.model-four { width: 60px; height: 60px; margin-top: -15px; margin-right: 15px; padding: 19px 15px 15px; float: left; border-radius: 100px; background-color: #eaeaea; opacity: 1; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; } .content-icon-container.model-four:hover { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .btn-model-two { display: block; max-width: 180px; /*margin-top: 30px;*/ margin-right: auto; margin-left: auto; padding: 8px 20px; border: 2px solid #c80c0f; border-radius: 100px; background-color: transparent; -webkit-transition: background-color 500ms ease, color 500ms ease, box-shadow 500ms ease; transition: background-color 500ms ease, color 500ms ease, box-shadow 500ms ease; font-family: Raleway, sans-serif; color: #c80c0f; font-weight: 700; text-align: center; text-decoration: none; text-transform: uppercase; } .btn-model-two:hover { background-color: #c80c0f; box-shadow: 6px 6px 25px 0 rgba(0, 0, 0, .3); color: #fff; font-weight: 600; text-decoration:none; } .btn-model-two.v1 { margin-top: 0px; } .btn-model-two.v2 { margin-top: 15px; margin-bottom: 20px; padding: 5px 10px; } .btn-model-two.v2.w--current { margin-bottom: 20px; padding: 5px 10px; } .btn-model-two.v3 { display: inline-block; margin-right: 10px; margin-left: 10px; float: none; text-align: center; } .cr-template-blog-listing .btn-model-two.v3 { width: 100%; max-width: 100%; } .btn-model-two.v3.w--current { background-color: #c80c0f; color: #fff; } .btn-model-two.v3.active { background-color: #555; color: #fff; } .btn-model-two.v3.active.last { background-color: #c80c0f; } .btn-model-two.v4 { margin-top: 0px; float: left; text-align: center; } .btn-model-two.custom-link-button.v8 { border-color: #00a1e4; color: #00a1e4; } .btn-model-two.custom-link-button.v9 { border-color: #ae9995; color: #ae9995; } .btn-model-two.custom-link-button.v9:hover { background-color: #ae9995; color: #fff; } .btn-model-two.v5 { margin-bottom: 30px; } .btn-model-two.v6 { margin-top: 51px; } .btn-model-two.model-three { margin-top: 54px; } .btn-model-two.v7 { border-color: #fff; color: #fff; } .btn-model-two.v7:hover { border-color: #c80c0f; } .btn-model-two.v8 { border-color: #00a1e4; color: #00a1e4; } .btn-model-two.v8:hover { background-color: #00a1e4; color: #fff; } .btn-model-two.v9 { border-color: #ae9995; color: #ae9995; } .btn-model-two.v9:hover { background-color: #ae9995; color: #fff; } .btn-model-two.v10 { margin-top: 0px; margin-bottom: 20px; float: left; } .btn-model-two.v11 { margin-top: 15px; padding: 5px 10px; border-color: #ae9995; color: #ae9995; } .btn-model-two.v11:hover { background-color: #ae9995; color: #fff; } .btn-model-two.v12 { margin-top: 15px; margin-bottom: 20px; padding: 5px 10px; border-color: #ae9995; color: #ae9995; } .btn-model-two.v12:hover { background-color: #ae9995; color: #fff; } .btn-model-two.v13 { margin-top: 15px; margin-bottom: 20px; padding: 5px 10px; border-color: #00a1e4; color: #00a1e4; } .btn-model-two.v13:hover { background-color: #00a1e4; color: #fff; text-decoration: none; } .inner-content-column.model-two { display: block; width: 80%; margin-right: auto; margin-left: auto; padding-top: 60px; padding-bottom: 60px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; text-align: center; } .inner-content-column.model-two.v3 { color: #fff; } .inner-content-column.model-one { display: block; width: 95%; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 40px; } .inner-content-column.model-one.v1 { padding-bottom: 0px; } .inner-content-column.model-three { margin-bottom: 50px; } .inner-content-column.model-four { min-height: 295px; } .inner-content-column.model-four.v1 { background-color: #0098ff; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/stock-photo-customer-pay-on-the-pos-machine-by-mobile-phone-400676629.jpg'), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/example-bg.png'); background-position: 50% 50%, 0px 0px; background-size: cover, contain; background-repeat: no-repeat, repeat; } .inner-content-column.model-five { padding: 25px; background-color: #fff; } .inner-content-column.model-five.v1 { background-color: #c80c0f; } .inner-content-column.model-six { position: relative; margin-bottom: 30px; padding: 25px; border: 2px solid #d3d3d3; } .inner-content-column.model-six.v2 { border-style: solid; border-color: #c80c0f; background-color: transparent; } .inner-content-column.model-six.v3 { padding-top: 40px; padding-bottom: 0px; border-style: solid none none; border-top-width: 1px; border-top-color: #dbdbdb; } .inner-content-column.model-six.v4 { padding: 40px 60px; border-width: 3px; -webkit-transition: border-color 500ms ease; transition: border-color 500ms ease; } .inner-content-column.model-six.v4:hover { border-color: #555; } .inner-content-column.model-seven { position: relative; margin-right: 20px; margin-left: 20px; padding-top: 35px; padding-right: 0px; padding-left: 0px; border-top: 1px solid #c80c0f; } .inner-content-column.model-eight { padding: 25px; border: 2px solid #e0e0e0; text-align: center; } .inner-content-column.model-nine { padding: 25px; border: 2px none #d3d3d3; background-color: #fff; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .15); } .inner-content-column.model-ten { text-align: center; } .inner-content-column.model-eleven { padding: 36px 36px 26px; background-color: #f7f7f7; } .inner-content-column.model-twelve { position: relative; margin-bottom: 30px; padding: 40px 60px; border: 3px solid #d3d3d3; -webkit-transition: border-color 500ms ease; transition: border-color 500ms ease; } .inner-content-column.model-twelve:hover { border-color: #c80c0f; } .block-center { text-align: center; } .h4 { margin-top: 0px; margin-bottom: 20px; font-family: Raleway, sans-serif; color: #555; font-size: 20px; line-height: 27px; } .h4.model-three { margin-bottom: 30px; } .h4.v1 { margin-bottom: 60px; } .h4.model-two { display: block; width: 80%; margin-top: 15px; margin-right: auto; margin-left: auto; color: #555; font-size: 28px; line-height: 33px; text-align: center; } .h4.model-two.v1 { width: 70%; margin-top: 15px; margin-bottom: 20px; } .h4.model-two.v2 { width: 90%; } .h4.model-two.v3 { margin-bottom: 10px; font-size: 23px; } .h4.model-two.v4 { width: 60%; font-size: 23px; } .h4.model-two.v5 { margin-bottom: 10px; } .h4.model-two.v6 { margin-bottom: 10px; font-size: 30px; } .h4.model-two.v7 { margin-top: 30px; margin-bottom: 30px; color: #808285; font-size: 13px; line-height: 18px; font-weight: 400; text-align: left; } .h4.model-two.v8 { width: 80%; font-size: 20px; line-height: 25px; } .h4.model-one { color: #555; font-size: 23px; line-height: 30px; } .h4.model-four { display: block; margin-right: auto; margin-bottom: 10px; margin-left: auto; color: #fff; font-size: 30px; line-height: 33px; text-align: center; } .h4.model-five { color: #c80c0f; font-size: 23px; line-height: 30px; } .h4.model-six { display: block; width: 70%; margin: 15px auto 20px; color: #fff; font-size: 30px; line-height: 33px; text-align: center; } .h4.model-seven { color: #00a1e4; font-size: 23px; line-height: 30px; } .h4.model-eight { color: #ae9995; font-size: 23px; line-height: 30px; } .h4.model-nine { color: #c80c0f; } .menu { margin-top: 20px; float: right; } .modal-overlay { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9999; display: none; overflow: auto; padding-top: 65px; padding-right: 0px; padding-left: 0px; background-color: rgba(0, 0, 0, .9); } .modal-overlay.model-one { display: none; padding-top: 65px; background-color: rgba(0, 0, 0, .8); } .btn-close { position: absolute; top: 0px; right: 0px; display: block; width: 40px; height: 40px; margin: 10px; padding: 13px; border: 2px solid #fff; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/cross-out.svg'); background-position: 50% 50%; background-size: 20px 20px; background-repeat: no-repeat; background-attachment: scroll; color: #fff; font-size: 25px; text-decoration: none; } .videoplayer { display: block; } .link-model-one { display: block; margin-bottom: 15px; background-color: transparent; font-family: Raleway, sans-serif; color: #808285; font-weight: 400; text-decoration: none; font-size: 14px; } .link-model-one:hover { color: #fff; text-decoration: underline; } .link-model-one.v1 { text-align: center; } .form-field { min-height: 50px; margin-bottom: 15px; padding: 8px 12px; border: 2px solid #eaeaea; background-color: transparent; -webkit-transition: border-color 500ms ease; transition: border-color 500ms ease; color: #555; font-size: 14px; font-weight: 400; } .form-field:focus { border-color: #c80c0f; background-color: #fff; } .form-field.v1 { border-color: #fff; } .form-field.model-one { margin-bottom: 10px; border-color: #555; border-radius: 100px; font-family: Raleway, sans-serif; text-align: center; } .form-field.model-four { border-color: #cfcfcf; -webkit-transition: border-color 500ms ease; transition: border-color 500ms ease; color: #555; } .form-field.model-four:focus { border-color: #c80c0f; background-color: transparent; color: #555; } .form-field.model-four.v1 { background-color: #fff; } .form-field.model-four.v3 { width: 31.6%; margin-right: 0px; float: left; background-color: transparent; } .form-field.model-four.v3.middle { width: 33%; margin-right: 15px; margin-left: 15px; } .form-field.model-two { display: inline-block; width: 120px; height: 30px; min-height: 30px; margin-top: 0px; margin-bottom: 0px; float: left; border-style: none; border-top-left-radius: 100px; border-bottom-left-radius: 100px; background-color: #ececec; font-family: Raleway, sans-serif; font-size: 14px; font-weight: 600; } .form-field.model-two.v1 { border-style: solid none solid solid; border-color: #dbdbdb; background-color: transparent; } .form-field.model-six { border-color: #c80c0f; } .form-field.model-six.v1 { width: 45%; float: left; } .form-field.v2 { min-height: 202px; } .form-field.model-five { border-top-style: none; border-right-style: none; border-bottom-color: #c80c0f; border-left-style: none; background-color: hsla(0, 0%, 75%, 0); text-align: center; } .form-field.model-five.v1 { width: 45%; float: left; } .h5 { margin-top: 0px; margin-bottom: 20px; font-family: 'Din bold', sans-serif; font-size: 25px; line-height: 30px; } .h5.model-one { font-family: Raleway, sans-serif; color: #fff; font-size: 20px; font-weight: 700; text-transform: uppercase; } .dropdown-list { margin-right: 10px; float: left; } .dropdown-list.w--open { z-index: 9999; } .dropdown-list.model-one { display: block; width: 600px; margin-top: 50px; margin-right: auto; margin-left: auto; float: none; border: 1px solid #c4c4c4; text-align: center; } .dropdown-list.model-one:hover { border-color: #c80c0f; } .nav-dropdown-link { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ececec; background-color: #fff; font-family: Raleway, sans-serif; color: #808285; font-weight: 600; } .nav-dropdown-link:hover { border-bottom-width: 2px; border-bottom-color: #c80c0f; background-color: #f5f5f5; color: #c80c0f; font-weight: 600; } .nav-dropdown-link.w--current { border-bottom-width: 2px; border-bottom-color: #c80c0f; color: #c80c0f; font-weight: 700; } .nav-dropdown-link.w--current:hover { border-bottom-width: 2px; border-bottom-color: #c80c0f; box-shadow: none; } .content-slider { height: auto; } .content-slider.model-one { display: block; padding: 80px 80px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-slider.model-two { margin-top: 110px; margin-bottom: 90px; padding: 120px 80px; background-color: #f6f6f6; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-8.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .content-slider.model-two.v1 { margin-bottom: 0px; } .content-slider.model-three { padding-top: 100px; padding-bottom: 100px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-26.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .content-slide { display: inline-block; height: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .content-link-block.model-one { position: absolute; width: 100%; margin-bottom: 30px; } .content-link-block.model-two { width: 100%; background-color: #fff; -webkit-transition: box-shadow 500ms ease, opacity 500ms ease; transition: box-shadow 500ms ease, opacity 500ms ease; color: #555; text-decoration: none; } .content-link-block.model-two:hover { box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, .1); opacity: 0.8; } .content-link-block.model-two.v1 { padding-bottom: 23px; } .content-link-block.model-three { margin-right: 10px; } .placeholder { height: 1px; } .content-list { margin-bottom: 30px; padding-left: 17px; font-family: Raleway, sans-serif; color: #808285; font-size: 16px; line-height: 25px; list-style-type: disc; } .content-list.v1 { margin-bottom: 50px; padding-left: 0px; list-style-type: none; } .content-list.v2 { margin-bottom: 0px; padding-left: 0px; font-size: 16px; list-style-type: none; } .content-list.v3 { margin-top: -30px; } .content-list-item.model-one { margin-bottom: 10px; padding-left: 40px; border-bottom: 1px none #e7e7e7; } .content-list-item.model-two { margin-bottom: -15px; line-height: 22px; text-align: left; } .content-list-item.model-two.v1 { margin-bottom: 0px; } .content-list-item.model-one { height: 30px; margin-bottom: 20px; padding-left: 40px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/example-bg.png'); background-position: 0px 50%; background-size: 40px 40px; background-repeat: no-repeat; } .content-list-item.model-one.v1 { margin-bottom: 50px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/Non%20SVG%20Images/icon-phone.png'); background-position: 0px 50%; background-size: 25px 25px; } .content-list-item.model-one.v2 { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/Non%20SVG%20Images/icon-email.png'); background-position: 0% -33%; background-size: 25px 25px; } .content-list-item.model-one.v3 { height: auto; margin-bottom: 0px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/icon-contact-2.svg'); background-position: 0px 50%; background-size: 30px 30px; } .content-list-item.model-one.v4 { height: auto; background-image: none; } .content-list-item.model-one.v5 { height: auto; margin-bottom: 0px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/icon-email-2.svg'); background-size: 25px 25px; } .content-list-item.model-one.v6 { height: auto; margin-bottom: 0px; background-image: none; } .content-list-item.model-one.v6.v1 { height: auto; } .content-list-item.model-three { padding-left: 30px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/pin.svg'); background-position: 0% 50%; background-size: 20px 20px; background-repeat: no-repeat; font-size: 18px; line-height: 28px; } .content-list-item.model-four { margin-left: 18px; } .p-small { font-family: Raleway, sans-serif; font-size: 16px; } .p-small.model-one { margin-bottom: 0px; padding-right: 250px; padding-left: 250px; color: #fff; font-size: 18px; line-height: 25px; } .p-small.model-two { color: #7f8184; font-size: 14px; font-style: italic; } .p-small.model-three { display: block; width: 47%; float: left; color: #808285; font-size: 14px; font-weight: 400; } .p-small.model-four { width: 59%; margin-top: 50px; float: left; color: #808285; font-size: 13px; } .p-small.model-four.footer-links { width: 59%; } .p-small.model-five { margin-bottom: 0px; padding-right: 0px; padding-left: 0px; color: #fff; font-size: 16px; line-height: 23px; text-align: center; } .content-divider-large { display: block; height: 2px; margin: 40px auto; background-color: #ddd; } .content-divider-large.model-one { display: block; max-width: 120px; margin-right: 0px; margin-left: 0px; background-color: #c80c0f; } .content-divider-large.model-one.v1 { margin-right: auto; margin-left: auto; } .content-overlay { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 2; background-color: rgba(0, 0, 0, .5); opacity: 1; -webkit-transition: opacity 250ms ease; transition: opacity 250ms ease; } .content-overlay:hover { opacity: 1; } .content-overlay.model-one { background-color: rgba(227, 28, 121, .6); background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/view-member.svg'); background-position: 50% 40%; background-size: 75px; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity 250ms ease, background-position 200ms ease; transition: opacity 250ms ease, background-position 200ms ease; } .content-overlay.model-one:hover { background-position: 50% 50%; opacity: 1; } .content-divider-small { display: block; height: 2px; margin: 15px auto; background-color: #e4e4e4; } .content-divider-small.model-one { width: 120px; margin-right: 0px; margin-left: 0px; background-color: #c80c0f; } .content-divider-small.v1 { background-color: #e0428c; } .modal-arrow { position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; margin: 10px; border: 2px solid #fff; } .modal-arrow.model-one { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/left-arrow.svg'); background-position: 50% 50%; background-size: 25px; background-repeat: no-repeat; } .modal-arrow.model-two { left: 50px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/right-arrow.svg'); background-position: 50% 50%; background-size: 25px; background-repeat: no-repeat; } .inner-form-field { overflow: hidden; } .form-field-attach.model-one { width: 45px; height: 45px; float: left; background-color: #fff; color: #000; } .form-field-container { display: inline-block; } .form-field-container.model-one { display: block; overflow: hidden; width: auto; height: 45px; } .form-field-container.model-one.v1 { height: 60px; } .form-field-label { font-family: Raleway, sans-serif; color: #555; font-size: 16px; } .form-field-label.model-one { display: block; margin-bottom: 15px; font-size: 18px; text-align: center; } .form-field-label.model-one.v1 { margin-top: 15px; } .form-field-label.v1 { color: #808285; font-size: 13px; font-weight: 400; } .text-container { width: 10%; height: 45px; padding-top: 10px; float: left; font-size: 18px; text-align: center; } .text-container.model-one { position: absolute; left: 50%; top: -20px; width: 40px; height: 40px; margin-left: -20px; padding-top: 10px; border: 2px none #e2e2e2; border-radius: 50%; background-color: #fff; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1); color: #c80c0f; font-size: 20px; } .content-upload-button { display: inline-block; padding: 5px; border: 1px solid #c2c2c2; background-color: #e6e6e6; font-size: 14px; } .content-contact-details { color: #808285; font-size: 16px; line-height: 27px; font-weight: 400; } .content-contact-details.model-one { display: block; margin-right: auto; margin-left: auto; font-family: Raleway, sans-serif; color: #808285; font-size: 14px; line-height: 20px; font-weight: 400; text-decoration: none; } .content-contact-details.model-one:hover { text-decoration: none; } .content-contact-details.model-one.v1 { color: #fff; font-weight: 700; text-decoration: none; } .content-contact-details.model-one.v1:hover { color: #797979; text-decoration: underline; } .content-contact-details.model-two { font-size: 14px; line-height: 20px; font-weight: 400; text-decoration: none; } .content-contact-details.model-two:hover { color: #fff; font-weight: 400; text-decoration: underline; } .content-contact-details.model-three { margin-bottom: 20px; } .link-model-three { display: block; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px dotted #d6d6d6; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; font-family: Raleway, sans-serif; color: #7f8184; font-size: 20px; text-decoration: none; } .link-model-three:hover { background-color: #f2f2f2; } .btn-model-three { display: block; max-width: 170px; margin-top: 15px; margin-right: auto; margin-left: auto; padding: 12px 20px; border: 2px solid #c80c0f; border-radius: 100px; background-color: transparent; -webkit-transition: background-color 500ms ease, box-shadow 500ms ease, color 500ms ease; transition: background-color 500ms ease, box-shadow 500ms ease, color 500ms ease; font-family: Raleway, sans-serif; color: #c80c0f; font-size: 18px; font-weight: 700; text-align: center; text-decoration: none; text-transform: uppercase; } .btn-model-three:hover { background-color: #c80c0f; box-shadow: 6px 6px 25px 0 rgba(0, 0, 0, .3); color: #fff; text-decoration:none; } .btn-model-three.v1 { display: inline-block; margin-bottom: 50px; } .btn-model-three.v2 { min-width: 180px; margin-right: 5px; margin-left: 5px; } .btn-model-three.v2.active { background-color: #555; color: #fff; } .btn-model-three.v3 { margin-top: 40px; border-color: #fff; -webkit-transition: background-color 500ms ease, box-shadow 500ms ease, color 500ms ease, border-color 500ms ease; transition: background-color 500ms ease, box-shadow 500ms ease, color 500ms ease, border-color 500ms ease; color: #fff; } .btn-model-three.v3:hover { border-color: #c80c0f; background-color: #c80c0f; color: #fff; text-decoration: none; } .btn-model-three.v4 { margin-top: 46px; } .btn-model-three.v5 { margin-top: 0px; float: left; } .btn-search { display: none; width: 50px; height: 50px; margin-top: 15px; margin-right: 15px; margin-left: 15px; float: right; border-radius: 50%; background-color: #292929; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/search%20%281%29.svg'); background-position: 50% 50%; background-size: 20px; background-repeat: no-repeat; } .nav-container { height: 80px; padding-top: 30px; background-color: #1d1d1b; } .sample-search-container { display: block; height: auto; max-width: 600px; margin-right: auto; margin-left: auto; padding-bottom: 5px; border-radius: 5px; background-color: #f5f5f5; } .sample-search-field { height: 50px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #fff; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/Search.svg'); background-position: 11px 50%; background-size: 25px; background-repeat: no-repeat; } .sample-search-text { display: inline-block; margin-left: 53px; padding-top: 14px; color: #b1b1b1; } .sample-input-clear-btn { width: 35px; height: 35px; margin-top: 7px; margin-right: 7px; float: right; } .samples-search-results { padding-top: 15px; padding-bottom: 15px; padding-left: 15px; border-bottom: 1px solid #dadada; } .modal-overlay-search { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 999999; display: none; overflow: auto; background-color: rgba(0, 0, 0, .7); } .map { margin-bottom: -5px; padding-bottom: 0px; } .form-wrapper.model-one { margin: 6px 20px 0px 10px; float: right; } .btn-model-four { width: 25px; height: 25px; margin-top: 0px; margin-right: 0px; border: 2px none #7f8184; background-color: transparent; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/Search.svg'); background-position: 50% 50%; background-size: 25px; background-repeat: no-repeat; } .img-container.model-one { width: 100%; /*min-height: 350px;*/ background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/example-bg.png'); background-position: 50% 50%; background-repeat: repeat; } .img-container.model-one.v1 { /*background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/e-book.jpg');*/ background-size: cover; background-repeat: no-repeat; } .img-container.model-two { width: 50px; height: 50px; } .img-container.model-two.v1 { border-radius: 100px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/IMG_6050.jpg'); background-position: 50% 12%; background-size: 100px; background-repeat: no-repeat; } .img-container.model-two.v2 { border-radius: 100px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/Storage2.jpg'); background-position: 50% 71%; background-size: 100px; background-repeat: no-repeat; } .slider-icon { color: #fff; } .slider-icon.model-two { color: #555; } .link-model-four { padding-right: 5px; padding-left: 5px; color: #808285; text-decoration: underline; font-size: 12px; font-weight: 400; } .link-model-four:hover { color: #fff; text-decoration: none; } .link-model-four.v1 { display: block; margin-top: 20px; text-align: center; } .p-xbig { font-size: 25px; } .p-xbig.model-one { margin-top: 20px; font-size: 30px; font-weight: 300; } .link-to-top { position: fixed; right: 0px; bottom: 0px; z-index: 9999; display: block; width: 65px; height: 65px; margin-right: 20px; margin-bottom: 20px; border-radius: 50%; background-color: #c80c0f; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/right-arrow.svg'); background-position: 50% 50%; background-size: 30px; background-repeat: no-repeat; box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .3); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .link-to-top.w--current { display: block; } .btn-to-top { position: fixed; right: 0px; bottom: 0px; z-index: 9999; display: none; width: 65px; height: 65px; margin-right: 20px; margin-bottom: 20px; border-radius: 50%; background-color: #555; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/right-arrow.svg'), -webkit-linear-gradient(131deg, #c80c0f, #971401); background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/right-arrow.svg'), linear-gradient(319deg, #c80c0f, #971401); background-position: 50% 50%, 0px 0px; background-size: 30px, auto; background-repeat: no-repeat, repeat; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .btn-to-top.w--current { position: fixed; right: 0px; bottom: 0px; display: none; width: 65px; height: 65px; margin-right: 20px; margin-bottom: 20px; border-radius: 50%; background-color: #c80c0f; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/right-arrow.svg'), -webkit-linear-gradient(136deg, #c80c0f, #971401); background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/right-arrow.svg'), linear-gradient(314deg, #c80c0f, #971401); background-position: 50% 50%, 0px 0px; background-size: 30px, auto; background-repeat: no-repeat, repeat; } .calculator-container { padding: 35px 35px 20px; background-color: #c80c0f; color: #fff; } .calculator-container.v1 { border: 1px solid #000; background-color: #fff; } .link-model-two { display: block; color: #fff; text-align: center; text-decoration: underline; } .link-model-two:hover { text-decoration: none; } .content-tab-menu { display: block; text-align: center; } .content-tab-hor-container .content-tab-menu { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .content-tab-hor-container .content-tab-link.model-four.v1 { float: none; } .content-tab-menu.model-one { position: absolute; top: 8px; z-index: 2; width: 100px; text-align: left; } .content-tab-menu.model-two { margin-top: -30px; margin-bottom: -30px; } .content-tab-link { width: 12%; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c80c0f; border-left: 1px solid #c4c4c4; background-color: #f6f6f6; -webkit-transition: background-color 500ms ease, border-color 500ms ease, color 500ms ease; transition: background-color 500ms ease, border-color 500ms ease, color 500ms ease; font-family: Raleway, sans-serif; color: #555; font-weight: 600; text-align: center; text-transform: uppercase; } .content-tab-link:hover { border-color: #c80c0f; border-top-width: 1px; border-right-style: solid; border-right-width: 1px; background-color: #c80c0f; color: #fff; } .content-tab-link.w--current { height: 62px; border-color: #c80c0f #c80c0f transparent; border-top-width: 5px; border-right-style: solid; border-right-width: 1px; background-color: transparent; color: #c80c0f; } .content-tab-link.model-two { width: 120px; border-bottom: 1px solid #c80c0f; border-left: 1px none #555; border-top-style: solid; border-top-color: transparent; background-color: transparent; color: transparent; } .content-tab-link.model-two:hover { border-right-color: transparent; } .content-tab-link.model-two.v1 { border-bottom-color: #00a1e4; } .content-tab-link.model-two.v1:hover { border-top-style: solid; border-top-color: transparent; border-right-color: transparent; background-color: transparent; } .content-tab-link.model-two.v3 { border-bottom-color: #ae9995; } .content-tab-link.model-two.v3:hover { border-top-color: transparent; border-right-color: transparent; background-color: transparent; } .content-tab-link.model-three { border-right: 1px solid #c4c4c4; } .content-tab-link.model-three.w--current { border-right-color: #c80c0f; } .content-tab-link.model-three.v1 { border-bottom-color: #00a1e4; } .content-tab-link.model-three.v1:hover { border-top-color: #00a1e4; border-right-color: #00a1e4; border-left-color: #00a1e4; background-color: #00a1e4; } .content-tab-link.model-one { width: 140px; max-width: 200px; border-top-style: none; border-bottom-style: solid; border-bottom-color: #c4c4c4; border-left-style: none; background-color: transparent; -webkit-transition: all 500ms ease; transition: all 500ms ease; color: #808285;' font-size: 18px; padding-right:0; } .content-tab-link.model-one:hover { width: 140px; padding-right: 0px; border-right-style: none; border-bottom-style: solid; border-bottom-color: #c80c0f; color: #c80c0f; font-size: 21px; font-weight: 800; text-align: center; } .content-tab-link.model-one.w--current { width: 186px; max-width: 200px; padding-right: 0px; padding-left: 0px; border-style: none none solid; border-top-width: 1px; border-right-width: 1px; border-right-color: #000; border-bottom-width: 1px; border-bottom-color: #c80c0f; color: #c80c0f; font-size: 30px; font-weight: 900; text-align: right; } .content-tab-link.model-one.v1 { border-right: 1px none #000; border-bottom-style: solid; border-bottom-color: #c4c4c4; } .content-tab-link.model-one.v1:hover { border-bottom-color: #c80c0f; background-color: transparent; text-decoration: none; } .content-tab-link.model-one.v1.w--current { border-right: 1px none #000; border-bottom-style: solid; border-bottom-color: #c80c0f; color: #c80c0f; } .content-tab-link.target-tab-link.v1 { border-bottom-color: #00a1e4; } .content-tab-link.target-tab-link.v1:hover { border-color: #00a1e4; background-color: #00a1e4; } .content-tab-link.target-tab-link.v3 { border-bottom-color: #ae9995; } .content-tab-link.model-four { padding-right: 20px; padding-left: 20px; } .content-tab-link.model-four.v1 { padding-right: 10px; padding-left: 10px; border-top-color: #c4c4c4; border-bottom-color: #c80c0f; color: #555; } .content-tab-link.model-four.v1:hover { border-style: solid; border-top-color: #c80c0f; border-right-color: #c80c0f; border-left-color: #c80c0f; background-color: #c80c0f; color: #fff; text-decoration: none; } .content-tab-link.model-four.v1.w--current { border-right: 1px solid #c80c0f; border-top-color: #c80c0f; border-left-color: #c80c0f; color: #c80c0f; } .content-tab-link.model-four.v1.w--current:hover { border-bottom-style: none; } .content-tab-link.model-four.v2 { border-bottom-color: #00a1e4; } .content-tab-link.model-four.v2:hover { border-top-color: #00a1e4; border-right-color: #00a1e4; border-left-color: #00a1e4; text-decoration: none; } .content-tab-link.model-four.v2.content-tab-areas { padding-right: 10px; padding-left: 10px; } .content-tab-link.model-four.v2.content-tab-areas.v1:hover { background-color: #00a1e4; } .content-tab-link.model-four.v2.content-tab-areas.v1.w--current { border-right: 1px solid #00a1e4; border-top-color: #00a1e4; border-left-color: #00a1e4; color: #00a1e4; } .content-tab-link.model-four.v2.content-tab-areas.v1.w--current:hover { background-color: #fff; } .content-tab-link.model-four.v2.move { padding-right: 10px; padding-left: 10px; } @media (min-width: 992px) { .content-tab-hor-container a.content-tab-link { height: 65px; } .row-fluid .content-tab-link { /*padding-top: 0 !important;*/ } .content-tab-hor-container a.content-tab-link.model-four { padding-top: 20px; } } .content-tab-hor-container a.content-tab-link.model-four { float: none; } .content-tab-link.model-four.v3 { padding-right: 0px; padding-left: 0px; } .content-tab-link.model-four.v4 { padding-right: 10px; padding-left: 10px; } .content-tab-link.v1 { border-bottom-color: #00a1e4; } .content-tab-link.v1:hover { /*border-color: #00a1e4;*/ background-color: #00a1e4; } .content-tab-link.v1.w--current { border-right: 1px solid #00a1e4; border-top-color: #00a1e4; border-bottom-style: none; border-left-color: #00a1e4; color: #00a1e4; } .content-tab-link.v1.w--current:hover { background-color: transparent; text-decoration: none; } .content-tab-vert-container a { font-size: 14px; } .content-tab-link.v2 { border-bottom-color: #00a1e4; } .content-tab-link.v2:hover { border-top-color: #00a1e4; border-right-color: #00a1e4; border-left-color: #00a1e4; background-color: #00a1e4; } .content-tab-link.v2.w--current { border-right: 1px solid #00a1e4; border-top-color: #00a1e4; border-bottom-style: none; border-left-color: #00a1e4; color: #00a1e4; } .content-tab-link.v2.w--current:hover { background-color: transparent; text-decoration: none; } .content-tab-link.v3 { border-bottom-color: #ae9995; } .content-tab-link.v3:hover { border-top-color: #ae9995; border-right-color: #ae9995; border-left-color: #ae9995; background-color: #ae9995; text-decoration: none; } .content-tab-link.v3.w--current { border-color: #ae9995 #ae9995 transparent; border-right-style: solid; border-right-width: 1px; color: #ae9995; } .content-tab-link.v3.w--current:hover { background-color: transparent; } .content-tab-link.v4.business-move { border-bottom-color: #00a1e4; } .content-tab-link.v4.business-move:hover { border-top-color: #00a1e4; border-right-color: #00a1e4; border-left-color: #00a1e4; background-color: #00a1e4; } .content-tab-link.v4.business-move.w--current { border-color: #00a1e4 #00a1e4 transparent; border-top-style: solid; border-right-style: solid; border-right-width: 1px; background-color: #fff; color: #00a1e4; } .content-tabs { max-width: 100%; margin-top: 50px; } .content-text-block { font-family: Raleway, sans-serif; color: #7f8184; font-size: 16px; font-weight: 400; } .content-text-block.model-one { position: relative; left: 0px; top: -46px; display: inline-block; width: 90px; height: 90px; margin-bottom: -20px; padding-top: 26px; padding-bottom: 0px; border: 5px solid #fff; border-radius: 100px; background-color: #555; background-image: -webkit-linear-gradient(62deg, #971401, #c80c0f); background-image: linear-gradient(28deg, #971401, #c80c0f); color: #fff; font-size: 40px; font-weight: 400; text-align: center; } .content-text-block.model-one.v1 { background-image: -webkit-linear-gradient(62deg, #005e7e, #00a1e4); background-image: linear-gradient(28deg, #005e7e, #00a1e4); } .content-text-block.model-one.v2 { background-image: -webkit-linear-gradient(62deg, #745d57, #ae9995); background-image: linear-gradient(28deg, #745d57, #ae9995); } .content-link { -webkit-transition: color 500ms ease; transition: color 500ms ease; color: #7f8184; text-decoration: underline; } .content-link:hover { color: #c80c0f; font-weight: 700; } .content-link.v2 { text-decoration: none; } .content-link.v2:hover { text-decoration: underline; } .content-link.v1 { color: #fff; } .content-link.v1:hover { color: #c80c0f; } .content-link.v3 { color: #c80c0f; font-weight: 700; text-decoration: none; } .content-link.v3:hover { text-decoration: underline; } .content-link.v4 { color: #ae9995; font-weight: 700; text-decoration: none; } .content-link.v4:hover { text-decoration: underline; } .content-link.v5 { color: #fff; text-decoration: none; } .content-link.v5:hover { text-decoration: underline; } .btn-model-five { display: block; width: 305px; margin-right: auto; margin-left: auto; padding: 10px 20px; border: 2px solid #555; border-radius: 100px; -webkit-transition: background-color 500ms ease, color 500ms ease, box-shadow 500ms ease; transition: background-color 500ms ease, color 500ms ease, box-shadow 500ms ease; font-family: Raleway, sans-serif; color: #555; font-size: 16px; font-weight: 700; text-align: center; text-decoration: none; text-transform: uppercase; } .btn-model-five:hover { background-color: #555; box-shadow: 6px 6px 25px 0 rgba(0, 0, 0, .3); color: #fff; font-weight: 600; text-decoration: none; } .btn-model-five.v1 { width: 200px; } .btn-model-five.v2 { margin-top: 20px; } .btn-model-five.v3 { float: left; border-color: #c80c0f; color: #c80c0f; text-align: center; } .btn-model-five.v3:hover { background-color: #c80c0f; color: #fff; text-decoration: none; } .btn-model-five.v4 { width: 364px; float: left; border-color: #c80c0f; color: #c80c0f; } .btn-model-five.v4:hover { background-color: #c80c0f; color: #fff; text-decoration: none; } .btn-model-five.v5 { border-color: #fff; color: #fff; } .btn-model-five.v5:hover { border-color: #c80c0f; background-color: #c80c0f; text-decoration:none; } .btn-model-five.v6 { width: 250px; border-color: #fff; color: #fff; max-width: 100%; } .btn-model-five.v6:hover { border-color: #c80c0f; background-color: #c80c0f; text-decoration: none; } .btn-model-five.v7 { width: 364px; float: left; border-color: #00a1e4; color: #00a1e4; } .btn-model-five.v7:hover { background-color: #00a1e4; color: #fff; } .btn-model-five.v8 { float: left; border-color: #00a1e4; color: #00a1e4; } .btn-model-five.v8:hover { background-color: #00a1e4; color: #fff; } .btn-model-five.v9 { border-color: #fff; color: #fff; } .btn-model-five.v9:hover { border-color: #00a1e4; background-color: #00a1e4; } .btn-model-five.v10 { border-color: #fff; color: #fff; } .btn-model-five.v10:hover { border-color: #ae9995; background-color: #ae9995; color: #fff; } .btn-model-five.v12 { border-color: #fff; color: #fff; } .btn-model-five.v12:hover { border-color: #00a1e4; background-color: #00a1e4; color: #fff; } .btn-model-five.v13 { width: 200px; border-color: #fff; color: #fff; } .btn-model-five.v13:hover { border-color: #00a1e4; background-color: #00a1e4; } .btn-model-five.v11 { width: 200px; border-color: #fff; color: #fff; } .btn-model-five.v11:hover { border-color: #ae9995; background-color: #ae9995; } .btn-model-five.v14 { width: 373px; float: left; border-color: #ae9995; color: #ae9995; } .btn-model-five.v14:hover { background-color: #ae9995; color: #fff; } .btn-model-five.v15 { width: 200px; border-color: #fff; color: #fff; } .btn-model-five.v15:hover { border-color: #ae9995; background-color: #ae9995; color: #fff; text-decoration:none; } .modal-wrapper { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9999; display: none; height: 100%; padding-top: 100px; background-color: rgba(0, 0, 0, .7); text-align: center; } .modal-wrapper.model-two { display: none; } .modal-wrapper.model-three { display: block; } .content-modal-wrapper { display: block; width: 700px; margin-right: auto; margin-left: auto; padding: 20px 50px 20px; background-color: #fff; box-shadow: 6px 6px 25px 0 rgba(0, 0, 0, .3); height: 500px; overflow-y:scroll; } .modal-wrapper-2 { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9999; display: none; height: 100%; padding-top: 100px; background-color: rgba(0, 0, 0, .7); } .modal-wrapper-3 { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9999; display: none; height: 100%; padding-top: 100px; background-color: rgba(0, 0, 0, .7); } .content-team-img { position: relative; height: 350px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/example-bg.png'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-team-img.model-one { padding: 30px 27px 27px; background-image: -webkit-linear-gradient(270deg, #fff, #fff); background-image: linear-gradient(180deg, #fff, #fff); } a.content-team-img.model-two:hover { text-decoration: none; } .content-team-img.model-two { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/wesley-bourne_1.jpg'); background-size: cover; } .content-team-img.model-three { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/leon-bourne.jpg'); background-size: cover; } .content-team-img.model-four { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/tom-bourne.jpg'); background-size: cover; } .content-team-img.model-five { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/jeremy-chandar.jpg'); background-size: cover; } .content-team-img.model-six { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/marilyn-webster.jpg'); background-size: cover; } .content-team-img.model-seven { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/hayley-couzens.jpg'); background-size: cover; } .content-team-img.model-eight { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/martin-futcher.jpg'); background-size: cover; } .content-team-img.model-nine { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/kirsty-parsons.jpg'); background-size: cover; } .content-team-img.model-ten { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/marianne-walsh.jpg'); background-size: cover; } .content-team-img.model-eleven { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/Caroline-Hilton.jpg'); } .content-nav-link { margin-left: 25px; float: right; font-family: Raleway, sans-serif; color: #fff; font-weight: 300; text-decoration: none; } .content-nav-link:hover { font-weight: 600; text-decoration: underline; color: white; } .content-nav-link.model-one { margin-top: 5px; margin-left: 15px; } .content-tel-text { margin-left: 25px; float: right; font-family: Raleway, sans-serif; color: #fff; font-size: 20px; font-weight: 600; } .content-tel-text.model-one { margin-top: 4px; margin-left: 15px; } .btn-div-block { display: block; margin-top: -6px; text-align: center; } .dropdown-toggle-list { position: relative; z-index: 1; display: block; width: 100%; font-family: Raleway, sans-serif; color: #555; font-weight: 600; } .dropdown-toggle-list.w--open { position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; } .dropdown-toggle-list.model-one { width: 134px; padding: 4px 15px; border: 1px solid #fff; border-radius: 5px; color: #fff; } .dropdown-link { margin-top: 0px; } .dropdown-link:hover { background-color: #d5d5d5; } .dropdown-list-open.w--open { z-index: 9999; display: block; margin-top: 10px; box-shadow: 6px 6px 25px 0 rgba(0, 0, 0, .2); font-family: Raleway, sans-serif; font-weight: 600; } .form-select-field { height: 48px; margin-bottom: 15px; padding-top: 8px; padding-bottom: 8px; } .content-embed-code { margin-top: 50px; margin-bottom: 40px; } .content-form-wrapper { margin-bottom: 0px; float: right; } .content-form-select-field { width: 130px; height: 30px; margin-right: 10px; float: left; } .content-nav-submit-button { height: 30px; padding-top: 5px; float: left; border: 1px solid #fff; border-radius: 5px; background-color: transparent; -webkit-transition: background-color 500ms ease, border-color 500ms ease, color 500ms ease; transition: background-color 500ms ease, border-color 500ms ease, color 500ms ease; font-family: Raleway, sans-serif; color: #fff; } .content-nav-submit-button:hover { border-style: solid; background-color: #fff; box-shadow: 6px 6px 25px 0 rgba(0, 0, 0, .3); color: #555; font-weight: 600; } .dropdown-toggle-list-text { padding-right: 0px; } .dropdown-icon { margin-right: 10px; } .content-get-quote-button { padding-top: 4px; padding-bottom: 4px; float: right; border: 1px solid #fff; border-radius: 5px; background-color: transparent; -webkit-transition: background-color 500ms ease, color 500ms ease; transition: background-color 500ms ease, color 500ms ease; font-family: Raleway, sans-serif; font-weight: 300; } .content-get-quote-button:hover { background-color: #fff; box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, .3); color: #555; font-weight: 400; text-decoration: none; } .bold-red-text { color: #c80c0f; } .content-contact-details-bold { color: #fff; } .bold-bronze-text { color: #ae9995; } .bold-blue-text { color: #00a1e4; } .white-link-text { color: #fff; } .white-link-text:hover { color: #c80c0f; } .content-culture-img { width: 100%; height: 213px; } .content-culture-img.model-one { height: 213px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/team-culture-1.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-culture-img.model-two { height: 213px; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/team-culture-2.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-culture-img.model-three { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/team-culture-3.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-culture-img.model-four { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/team-culture-4.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-culture-img.model-five { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/team-culture-5.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-culture-img.model-six { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/team-culture-6.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-culture-img.model-seven { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/team-culture-7.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-culture-img.model-eight { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/team-culture-8.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-culture-img.model-nine { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/team-culture-9.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-culture-img.model-ten { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/team-culture-10.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-culture-img.model-eleven { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/team-culture-11.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-culture-img.model-twelve { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/team-culture-12.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .content-tab-vert-container { background-color: #f6f6f6; } html.w-mod-js *[data-ix="load-reveal"] { opacity: 0; -webkit-transform: translate(0px, 60px); -ms-transform: translate(0px, 60px); transform: translate(0px, 60px); } html.w-mod-js *[data-ix="scroll-into-view"] { opacity: 0; -webkit-transform: translate(0px, -60px); -ms-transform: translate(0px, -60px); transform: translate(0px, -60px); } html.w-mod-js *[data-ix="modal-values-interaction"] { display: none; opacity: 0; -webkit-transform: scale3d(1, 1, 1.1); transform: scale3d(1, 1, 1.1); } html.w-mod-js *[data-ix="team-member-interaction"] { opacity: 0; } html.w-mod-js *[data-ix="scroll-reveal"] { opacity: 0; -webkit-transform: translate(0px, 60px); -ms-transform: translate(0px, 60px); transform: translate(0px, 60px); } html.w-mod-js *[data-ix="scroll-reveal-2"] { opacity: 0; -webkit-transform: translate(0px, 60px); -ms-transform: translate(0px, 60px); transform: translate(0px, 60px); } html.w-mod-js *[data-ix="scroll-reveal-3"] { opacity: 0; -webkit-transform: translate(0px, 60px); -ms-transform: translate(0px, 60px); transform: translate(0px, 60px); } html.w-mod-js *[data-ix="scroll-reveal-4"] { opacity: 0; -webkit-transform: translate(0px, 60px); -ms-transform: translate(0px, 60px); transform: translate(0px, 60px); } html.w-mod-js *[data-ix="scroll-reveal-5"] { opacity: 0; -webkit-transform: translate(0px, 60px); -ms-transform: translate(0px, 60px); transform: translate(0px, 60px); } html.w-mod-js *[data-ix="scroll-reveal-6"] { opacity: 0; -webkit-transform: translate(0px, 60px); -ms-transform: translate(0px, 60px); transform: translate(0px, 60px); } @media (max-width: 1024px) { .container-fluid .row-fluid .content-column.model-six { height: 520px; } } @media (max-width: 991px) { .content-section { padding: 70px 40px 60px; } .content-section.model-one { height: auto; padding-top: 100px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/card-machine.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/card-machine.jpg'); background-position: 0px 0px, 50% 0px; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v1 { padding-top: 200px; padding-bottom: 120px; background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-35_1.jpg'); background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-35_1.jpg'); background-position: 0px 0px, 50% -10%; background-size: auto, cover; background-repeat: repeat, no-repeat; } .content-section.model-one.v2 { padding-top: 200px; padding-bottom: 90px; } .content-section.model-one.v4 { padding-top: 200px; padding-bottom: 90px; } .content-section.model-one.v5 { padding-top: 200px; padding-bottom: 90px; } .content-section.model-one.v6 { padding-top: 190px; } .content-section.model-one.v7 { padding-top: 130px; padding-bottom: 80px; } .content-section.model-one.v9 { padding-top: 200px; } .content-section.model-one.v10 { padding-top: 150px; padding-bottom: 50px; background-image: -webkit-linear-gradient(270deg, null, null), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-32.jpg'); background-image: linear-gradient(180deg, null, null), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-32.jpg'); background-position: 0px 0px, 50% -19%; background-size: auto, cover; } .content-section.model-one.v11 { padding-top: 200px; padding-bottom: 90px; } .content-section.model-one.v12 { padding-top: 200px; } .content-section.model-one.v13 { padding-top: 200px; padding-bottom: 100px; } .content-section.model-one.v14 { padding-top: 200px; } .content-section.model-one.v15 { padding-top: 200px; padding-bottom: 90px; } .content-section.model-one.v16 { padding-top: 200px; padding-bottom: 90px; } .content-section.model-one.v17 { padding-top: 200px; padding-bottom: 100px; } .content-section.model-two { padding: 40px 40px 0px; } .content-section.model-two.v4 { padding-top: 50px; padding-bottom: 50px; } .content-section.model-two.v6 { padding-top: 60px; padding-bottom: 40px; } .content-section.model-three { padding: 70px 40px 60px; } .content-section.model-five { padding-right: 40px; padding-left: 40px; } .content-section.model-four { padding: 20px 20px 30px; } .content-section.model-seven { display: none; background-color: #c80c0f; background-image: -webkit-linear-gradient(80deg, #971401, #c80c0f); background-image: linear-gradient(10deg, #971401, #c80c0f); } .container-fluid .row-fluid .content-container.model-two { margin-top: 0px; } .container-fluid .row-fluid .content-container.model-four { margin-right: 40px; margin-bottom: 40px; margin-left: 40px; padding-bottom: 10px; } .container-fluid .row-fluid .content-container.model-four.v2 { margin-right: 0px; margin-left: 0px; } .container-fluid .row-fluid .content-container.model-five { margin-bottom: 20px; } .container-fluid .row-fluid .content-container.model-six.last { margin-bottom: 0px; } .container-fluid .row-fluid .content-container.model-seven { padding-right: 40px; padding-left: 40px; } .container-fluid .row-fluid .content-container.model-seven.v1 { margin-right: 0px; margin-left: 0px; } .container-fluid .row-fluid .content-container.model-seven.v2 { margin-right: 0px; margin-left: 0px; } .container-fluid .row-fluid .content-container.model-eight.v2 { margin-top: 50px; padding-top: 60px; padding-bottom: 60px; } .container-fluid .row-fluid .content-container.model-eight.v6 { padding-top: 50px; padding-bottom: 50px; } .container-fluid .row-fluid .content-container.model-nine { width: 93%; } .container-fluid .row-fluid .content-container.model-ten { margin-top: 50px; margin-bottom: 60px; } .container-fluid .row-fluid .content-container.model-eleven { display: block; height: 230px; padding-top: 50px; padding-right: 10px; padding-left: 10px; } .container-fluid .row-fluid .content-container.model-twelve.v1 { padding-top: 50px; } .container-fluid .row-fluid .content-container.model-fourteen { padding-top: 50px; padding-bottom: 50px; } .container-fluid .row-fluid .content-container.model-fifteen { margin-top: 50px; padding-top: 50px; padding-bottom: 50px; } .container-fluid .row-fluid .content-container.model-sixteen { padding-top: 50px; padding-bottom: 50px; } .container-fluid .row-fluid .content-container.model-18 { margin-bottom: -25px; padding-right: 30px; padding-left: 30px; } .h1-model-one h1, .h1.model-one { font-size: 40px; line-height: 40px; } .p-big-model-three p, .p-big.model-three { padding-right: 0px; padding-left: 0px; } .p-big-model-two p, .p-big.model-two { font-size: 18px; line-height: 28px; } .p-big.model-eight { margin-bottom: 5px; font-size: 20px; line-height: 23px; } .btn-play { margin-bottom: 15px; } .scroll { display: none; } .nav-link { margin-right: 0px; margin-left: 0px; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; border-bottom-width: 1px; border-bottom-color: #e4e4e4; background-color: #f6f6f6; color: #888; } .nav-link.w--current { border: 2px none #c80c0f; background-color: #c80c0f; background-image: -webkit-linear-gradient(62deg, #971401, #c80c0f); background-image: linear-gradient(28deg, #971401, #c80c0f); color: #fff; } .nav-link.model-one { display: inline-block; width: 100%; padding-left: 47px; border-top-style: none; border-right-style: none; border-left-style: none; background-color: #f6f6f6; background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/Search.svg'); background-position: 17px 50%; background-size: 20px; background-repeat: no-repeat; color: #888; } .nav-link.model-two { display: block; } .content-row { margin-top: 10px; } .content-row.model-one { margin-right: 0px; margin-left: 0px; } .container-fluid .row-fluid .content-column.model-one { padding-right: 0px; padding-left: 0px; } .container-fluid .row-fluid .content-column.model-four { position: relative; padding-right: 0px; padding-left: 0px; border-bottom: 1px none #242424; border-right-style: none; border-right-color: #242424; } .container-fluid .row-fluid .content-column.model-four.v3 { padding-bottom: 50px; } .container-fluid .row-fluid .content-column.model-six { min-height: 0px; padding: 70px 10px 60px; } .container-fluid .row-fluid .content-column.model-seven { min-height: 0px; padding: 70px 10px 60px; } .container-fluid .row-fluid .content-column.model-eight { min-height: 0px; padding: 70px 10px 60px; } .container-fluid .row-fluid .content-column.model-thirteen { height: 320px; padding: 40px 30px 50px 135px; } .container-fluid .row-fluid .content-column.fourteen { height: 551px; } .container-fluid .row-fluid .content-column.fourteen.v3 { background-position: -135px 0px; } .container-fluid .row-fluid .content-column.fourteen.v9 { background-position: -14% 50%; background-size: 415px; } .container-fluid .row-fluid .content-column.fourteen.v10 { background-size: contain; } .container-fluid .row-fluid .content-column.model-fourteen { height: 420px; padding: 20px 15px; } .container-fluid .row-fluid .content-column.model-fourteen.v7 { height: 295px; } .container-fluid .row-fluid .content-column.model-fourteen.v8 { height: 295px; } .container-fluid .row-fluid .content-column.model-fifteen { height: 420px; padding: 20px 15px; } .container-fluid .row-fluid .content-column.model-fifteen.v3 { height: 420px; padding: 20px 15px; } .container-fluid .row-fluid .content-column.model-fifteen.v1 { height: 420px; padding: 20px 15px; } .container-fluid .row-fluid .content-column.model-fifteen.v7 { height: 295px; } .container-fluid .row-fluid .content-column.model-fifteen.v8 { height: 295px; padding-bottom: 23px; } .container-fluid .row-fluid .content-column.model-fifteen.v9 { height: 295px; } .container-fluid .row-fluid .content-column.model-fifteen.v9.last { height: 295px; } .container-fluid .row-fluid .content-column.model-twenty { margin-bottom: 20px; } .container-fluid .row-fluid .content-column.model-22 { padding-right: 10px; padding-left: 10px; } .container-fluid .row-fluid .content-column.model-twenty-two { min-height: 0px; padding: 70px 10px 60px; } .container-fluid .row-fluid .content-column.model-23 { min-height: 0px; padding: 70px 10px 60px; } .p-medium.model-one { font-size: 11px; line-height: 20px; } .p-medium.model-one.v2 { line-height: 18px; } .p-medium.model-one.v1 { padding-right: 30px; padding-left: 30px; line-height: 18px; } .p-medium-model-two p, .p-medium.model-two { font-size: 16px; line-height: 24px; } .p-medium.model-five.v2 { font-size: 14px; line-height: 23px; } .p-medium.model-nine { font-size: 11px; line-height: 20px; } .h2.model-five, .h2 { font-size: 35px; line-height: 35px; } .h2.model-one { margin-top: -15px; margin-bottom: -4px; font-size: 30px; } .h2.model-two { margin-bottom: 8px; font-size: 30px; } .h2.model-three.v3 { font-size: 55px; line-height: 45px; } .content-img.model-one.v12 { display: none; width: 60px; max-width: 100%; margin-bottom: 10px; } .content-img.model-three { margin-bottom: 20px; } .content-img.model-five { max-width: 100px; } .content-img.model-eleven { max-width: 100%; } .content-img.model-twelve { margin-top: 0px; } .content-img.model-eightteen { margin-top: 0px; margin-bottom: 0px; } .content-img.model-nineteen { max-width: 660px; min-height: 342px; } .h3-model-four p, .h3.model-four { font-size: 16px; line-height: 24px; font-weight: 400; } .content-icon-container.model-two { margin-top: 53px; } .content-icon-container.model-two.v1 { margin-top: 49px; } .content-icon-container.model-two.v2 { margin-top: 52px; } .btn-model-two { margin-top: 15px; } .btn-model-two.v3.w--current { background-color: #c80c0f; } .btn-model-two.custom-link-button { } .btn-model-two.v6 { margin-top: 67px; } .btn-model-two.model-three { margin-top: 40px; } .btn-model-two.model-four { padding-right: 10px; padding-left: 10px; } .inner-content-column.model-two { width: 85%; } .inner-content-column.model-six.v3 { padding-left: 0px; } .inner-content-column.model-seven { margin-right: 0px; margin-left: 0px; } .inner-content-column.model-eleven { background-color: #f6f6f6; } .h4.model-two { margin-top: 5px; margin-bottom: 13px; font-size: 22px; line-height: 25px; } .h4.model-two.v1 { margin-top: 9px; margin-bottom: 13px; font-size: 18px; line-height: 21px; } .h4.model-two.v6 { width: 100%; font-size: 18px; line-height: 21px; } .h4.model-two.v8 { width: 80%; } .h4.model-four { font-size: 18px; line-height: 21px; } .menu { position: absolute; margin-top: 0px; float: right; } .form-field.model-four.v3 { width: 32%; } .form-field.model-four.v3.middle { width: 31%; } .content-slider.model-one { padding: 60px; } .content-slider.model-two { margin-top: 50px; margin-bottom: 50px; padding: 70px 45px; } .content-link-block.model-two.v1 { height: 302px; } .content-link-block.model-two.v1.resources { height: 325px; } .p-small.model-one { padding-right: 100px; padding-left: 100px; font-size: 15px; line-height: 22px; } .p-small.model-three { width: 52%; } .p-small.model-four.footer-links { width: 50%; } .modal-overlay-search { display: none; } .form-wrapper.model-one { display: none; } .mobile-menu-btn-text { float: left; color: #555; font-size: 15px; } .mobile-menu-icon { float: left; color: #555; } .btn-mobile-menu { display: block; padding: 28px 15px; color: #000; } .btn-mobile-menu.w--open { padding-left: 15px; background-color: #f6f6f6; } .p-xbig.model-one { font-size: 26px; } .slider-arrow-container { width: 45px; } .content-tab-link { width: 14%; height: 62px; padding-right: 15px; padding-left: 15px; } .content-tab-link.w--current { width: 14%; padding-right: 15px; padding-left: 15px; } .content-tab-link.model-two { width: 50px; } .content-tab-link.model-one { width: 100px; height: 60px; padding: 9px 0px 9px 20px; font-size: 14px; } .content-tab-link.model-one:hover { width: 90px; padding-right: 0px; font-size: 18px; } .content-tab-link.model-one.w--current { width: 100px; max-width: 150px; padding-bottom: 13px; font-size: 18px; line-height: 20px; } .content-tab-link.model-one.w--current:hover { padding-right: 0px; font-size: 25px; } .content-tab-link.model-one.v1 { height: auto; padding-top: 14px; padding-bottom:14px; } .content-tab-link.model-one.v1.w--current { /*height: 55px;*/ width: 66px; } .content-tab-link.target-tab-link { width: 14%; height: 62px; } .content-tab-link.model-four { padding-top: 12px; padding-right: 10px; padding-left: 10px; } .content-tab-link.model-four.v3, .content-tab-link.model-four.v2, .content-tab-link.model-four.v1 { padding-top: 20px; border: 1px solid #c4c4c4; } .content-tab-link.model-four.v1.w--current { border-top-style: none; border-top-color: transparent; background-color: #c80c0f; color: white; } .content-tab-link.model-four.v2.w--current { border-top-style: none; border-top-color: transparent; background-color: #00a1e4; color: white; } .content-tab-link.model-four.v3.w--current { border-top-style: none; border-top-color: transparent; background-color: #ae9995; color: white; } .content-tab-link.model-four.v2.content-tab-areas.v1 { padding-top: 12px; } .content-tab-link.model-four.v2.move { padding-right: 20px; padding-left: 20px; } .content-tab-link.model-four.v3 { padding-right: 10px; padding-left: 10px; } .content-tab-pane { padding-right: 0px; padding-left: 0px; } .content-tabs { margin-top: 50px; } .modal-wrapper { display: none; } .content-team-img { height: 250px; } .content-team-img.model-one { height: 230px; padding-top: 5px; padding-right: 10px; padding-left: 10px; } .content-team-img.model-two { height: 230px; } .content-team-img.model-three { height: 230px; } .content-team-img.model-four { height: 230px; } .content-team-img.model-five { height: 230px; } .content-team-img.model-six { height: 230px; } .content-team-img.model-seven { height: 230px; } .content-team-img.model-eight { height: 230px; } .content-team-img.model-nine { height: 230px; } .content-team-img.model-ten { height: 230px; } .content-team-img.model-eleven { height: 230px; } } @media (max-width: 767px) { .content-section { padding: 40px 30px; } .content-section.model-one { background-image: -webkit-linear-gradient(270deg, null, null), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/card-machine.jpg'); background-image: linear-gradient(180deg, null, null), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/card-machine.jpg'); background-position: 0px 0px, 60% 0px; } .content-section.model-one.v1 { padding-top: 120px; padding-bottom: 50px; background-image: -webkit-linear-gradient(270deg, null, null), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-35_1.jpg'); background-image: linear-gradient(180deg, null, null), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-35_1.jpg'); background-position: 0px 0px, 0px 33px; } .content-section.model-one.v2 { padding-top: 120px; padding-bottom: 30px; } .content-section.model-one.v4 { padding-top: 120px; padding-bottom: 30px; } .content-section.model-one.v5 { padding-top: 120px; padding-bottom: 30px; } div.content-section.model-one.v6 { padding-top: 120px; padding-bottom: 30px; } .content-section.model-one.v7 { padding-top: 120px; padding-bottom: 40px; } .content-section.model-one.v8 { padding-top: 120px; padding-bottom: 30px; } .content-section.model-one.v9 { padding-top: 140px; padding-bottom: 50px; } .content-section.model-one.v10 { padding-top: 130px; padding-bottom: 40px; } .content-section.model-one.v11 { padding-top: 120px; padding-bottom: 30px; } .content-section.model-one.v12 { padding-top: 140px; padding-bottom: 50px; } .content-section.model-one.v13 { padding-top: 140px; padding-bottom: 50px; } .content-section.model-one.v14 { padding-top: 140px; padding-bottom: 50px; } .content-section.model-one.v15 { padding-top: 120px; padding-bottom: 30px; } .content-section.model-one.v16 { padding-top: 120px; padding-bottom: 30px; } .content-section.model-one.v17 { padding-top: 140px; padding-bottom: 50px; } .content-section.model-two.v4 { padding-top: 50px; padding-bottom: 50px; } .content-section.model-two.v6 { padding-top: 40px; padding-bottom: 20px; } .content-section.model-three { padding: 40px 30px; } .content-section.model-three.v6 { padding-right: 0px; padding-left: 0px; } .content-section.model-four { padding-top: 10px; padding-bottom: 30px; } .content-section.model-eight { padding-top: 30px; padding-bottom: 35px; } .content-tab-link.model-four.v1.w--current { border-top-style: none; border-top-color: transparent; background-color: #c80c0f; color: white; } .content-tab-link.model-four.v2.w--current { border-top-style: none; border-top-color: transparent; background-color: #00a1e4; color: white; } .content-section.model-nine { padding-top: 40px; padding-bottom: 40px; } .container-fluid .row-fluid .content-container.model-two { margin-top: 0px; } .container-fluid .row-fluid .content-container.model-three.v2 { margin-right: 30px; margin-left: 30px; } .container-fluid .row-fluid .content-container.model-four { display: block; margin-right: auto; margin-left: auto; padding-right: 0px; padding-left: 0px; } .container-fluid .row-fluid .content-container.model-four.v2 { margin-bottom: 50px; } .container-fluid .row-fluid .content-container.model-four.v3 { margin-right: 30px; margin-left: 30px; } .container-fluid .row-fluid .content-container.model-five { margin-bottom: 0px; } .container-fluid .row-fluid .content-container.model-six.v4 { padding-bottom: 0px; } .container-fluid .row-fluid .content-container.model-seven { margin-right: auto; margin-left: auto; } .container-fluid .row-fluid .content-container.model-eight.v2 { margin-top: 30px; padding-top: 40px; padding-bottom: 40px; } .container-fluid .row-fluid .content-container.model-eight.v4 { padding-top: 50px; padding-bottom: 50px; } .container-fluid .row-fluid .content-container.model-eight.v5 { margin-top: 0px; padding-top: 60px; padding-bottom: 60px; } .container-fluid .row-fluid .content-container.model-eight.v6 { padding-top: 50px; padding-bottom: 50px; } .container-fluid .row-fluid .content-container.model-nine { padding-right: 20px; padding-left: 20px; } .container-fluid .row-fluid .content-container.model-nine.v4 { margin-top: 40px; } .container-fluid .row-fluid .content-container.model-eleven { padding-top: 55px; } .container-fluid .row-fluid .content-container.model-twelve.v1 { padding-top: 40px; } .container-fluid .row-fluid .content-container.model-fourteen { padding-top: 50px; padding-bottom: 50px; } .container-fluid .row-fluid .content-container.model-19 { margin-top: 50px; margin-bottom: -50px; padding-top: 50px; padding-bottom: 50px; } .logo-wrapper { padding-left: 0px; } .logo-wrapper.w--current { padding-left: 0px; } .h1.model-one h1, .h1.model-one { font-size: 45px; line-height: 55px; } .p-big.model-one.v3 { font-family: Raleway, sans-serif; font-size: 16px; line-height: 23px; } .p-big-model-three p, .p-big.model-three { padding-right: 0px; padding-left: 0px; font-size: 18px; line-height: 26px; } .p-big.model-seven { padding: 10px 50px; background-size: 35px, 35px; } .p-big.model-seven.v1 { padding-right: 35px; padding-left: 35px; background-position: 100% 96%, 0px 15px; background-size: 30px, 30px; font-size: 20px; line-height: 28px; } .btn-model-one { width: 212px; text-align: center; } .btn-model-one.v2.download { width: auto; } .btn-model-one.v6 { padding-right: 20px; padding-left: 20px; } .btn-model-one.v7 { padding-right: 20px; padding-left: 20px; } .btn-play { width: 80px; height: 80px; -webkit-transition: none 0ms ease; transition: none 0ms ease; } .btn-play:hover { width: 80px; height: 80px; -webkit-transform: none; -ms-transform: none; transform: none; } .content-row.model-four.v1 { margin-top: 0px; } .container-fluid .row-fluid .content-column { padding-right: 0px; padding-left: 0px; } .container-fluid .row-fluid .content-column.model-three { padding-left: 0px; } .container-fluid .row-fluid .content-column.model-two.v1 { margin-bottom: 20px; } .container-fluid .row-fluid .content-column.model-two.v2 { margin-bottom: 20px; } .container-fluid .row-fluid .content-column.model-four { padding-top: 0px; padding-bottom: 0px; } .container-fluid .row-fluid .content-column.model-six { height: 430px; padding-right: 0px; padding-left: 0px; } .container-fluid .row-fluid .content-column.model-seven { border-bottom: 1px solid #dbdbdb; } .container-fluid .row-fluid .content-column.model-nine.v1 { margin-bottom: 20px; background-color: transparent; } .container-fluid .row-fluid .content-column.model-nine.v2 { margin-top: -20px; background-color: transparent; } .container-fluid .row-fluid .content-column.model-thirteen { height: 500px; } .container-fluid .row-fluid .content-column.fourteen { height: 400px; } .container-fluid .row-fluid .content-column.fourteen.v9 { background-position: 96px 0px; } .container-fluid .row-fluid .content-column.model-fourteen { height: auto; border-right-style: none; border-left-style: none; } .container-fluid .row-fluid .content-column.model-fourteen.v4 { margin-top: 0px; padding-top: 20px; padding-bottom: 30px; border-bottom-style: solid; } .container-fluid .row-fluid .content-column.model-fourteen.v5 { border-bottom-style: solid; } .container-fluid .row-fluid .content-column.model-fourteen.v6 { padding-top: 20px; padding-bottom: 30px; } .container-fluid .row-fluid .content-column.model-fourteen.v7 { height: auto; } .container-fluid .row-fluid .content-column.model-fourteen.v8 { height: auto; margin-top: 0px; border-bottom-style: solid; } .container-fluid .row-fluid .content-column.model-fifteen { height: auto; } .container-fluid .row-fluid .content-column.model-fifteen.v3 { height: auto; padding-top: 20px; padding-bottom: 30px; } .container-fluid .row-fluid .content-column.model-fifteen.v4 { padding-top: 20px; padding-bottom: 30px; border-bottom-style: solid; } .container-fluid .row-fluid .content-column.model-fifteen.v4.last { margin-top: 0px; padding-bottom: 0px; border-bottom-style: none; } .container-fluid .row-fluid .content-column.model-fifteen.v5 { border-bottom-style: solid; } .container-fluid .row-fluid .content-column.model-fifteen.v5.last { padding-bottom: 0px; border-bottom-style: none; } .container-fluid .row-fluid .content-column.model-fifteen.v6 { padding-top: 20px; padding-bottom: 30px; } .container-fluid .row-fluid .content-column.model-fifteen.v1 { height: auto; padding-top: 0px; } .container-fluid .row-fluid .content-column.model-fifteen.v7 { height: auto; } .container-fluid .row-fluid .content-column.model-fifteen.v8 { height: auto; } .container-fluid .row-fluid .content-column.model-fifteen.v9 { height: auto; border-bottom-style: solid; } .container-fluid .row-fluid .content-column.model-fifteen.v9.last { height: auto; margin-top: 0px; padding-bottom: 0px; border-bottom-style: none; } .container-fluid .row-fluid .content-column.model-sixteen.v1 { margin-bottom: -30px; padding-top: 0px; padding-bottom: 0px; border-right-style: none; } .container-fluid .row-fluid .content-column.model-seventeen { margin-bottom: 10px; } .container-fluid .row-fluid .content-column.model-eighteen { margin-bottom: 20px; height: auto; } .container-fluid .row-fluid .content-column.model-nineteen { display: none; } .container-fluid .row-fluid .content-column.model-twenty { padding-right: 10px; padding-left: 10px; } .container-fluid .row-fluid .content-column.model-twenty-one { /* margin-top: 30px;*/ padding-right: 0px; padding-left: 0px; } .container-fluid .row-fluid .content-column.model-22 { padding-right: 0px; padding-left: 0px; } .container-fluid .row-fluid .content-column.model-twenty-two { height: 430px; } .container-fluid .row-fluid .content-column.model-23 { height: 430px; } .p-medium.model-one { font-size: 15px; } .p-medium.v2 { margin-bottom: 30px; } .model-four-p-medium p, .p-medium.model-four { margin-bottom: 20px; } .p-medium.model-four.v1 { font-size: 14px; line-height: 23px; } .p-medium.model-nine { font-size: 15px; line-height: 23px; } .p-medium.v3 { margin-bottom: 0px; } .h2.model-one.v2 { line-height: 35px; } .h2.model-two.v2 { margin-bottom: 20px; } .h2.model-three { margin-bottom: 20px; } .content-img.model-one.v12 { display: block; width: 85px; margin-top: 10px; } .content-img.model-five { margin-bottom: 0px; } .content-img.model-six { display: none; } .content-img.model-nine.v1 { width: 92%; } .content-img.model-ten { width: 100%; margin-bottom: 30px; } .content-img.model-eleven { width: 80%; max-width: 400px; margin-top: 40px; margin-bottom: 40px; } .content-img.model-twelve { display: none; } .content-img.model-thirteen.v1 { background-size: cover; } .content-img.model-thirteen.v2 { background-size: cover; } .content-img.model-thirteen.v3 { background-size: cover; } .content-img.model-thirteen.v4 { background-size: cover; } .content-img.model-thirteen.v5 { background-size: cover; } .content-img.model-thirteen.v6 { background-size: cover; } .content-img.model-thirteen.v7 { background-size: cover; } .content-img.model-thirteen.v8 { background-size: cover; } .content-img.model-thirteen.v9 { background-size: cover; } .content-img.model-thirteen.v10 { background-size: cover; } .content-img.model-eightteen { width: 400px; min-height: 431px; margin-top: 0px; margin-bottom: 0px; } .content-img.model-nineteen { max-width: 500px; min-height: 266px; } .h3.model-two { font-size: 23px; line-height: 27px; } .h3.model-three { margin-bottom: 10px; font-size: 26px; line-height: 31px; } .content-icon-container.model-two { margin-top: 33px; margin-right: 5px; margin-left: 5px; } .content-icon-container.model-two.v1 { margin-top: 27px; } .content-icon-container.model-two.v2 { margin-top: 31px; margin-right: 0px; margin-left: 0px; } .btn-model-two.v3.active.last { margin-top: 10px; } .btn-model-two.v3.middle { margin-top: 10px; } .btn-model-two.v6 { margin-top: 0px; } .btn-model-two.model-three { margin-top: 0px; } .inner-content-column.model-one.v1 { width: 100%; } .inner-content-column.model-four { position: static; margin-bottom: 30px; } .inner-content-column.model-seven { margin-bottom: 45px; } .inner-content-column.model-ten { margin-bottom: 30px; } .inner-content-column.model-eleven { margin-top: 20px; padding: 20px 20px 16px; } .inner-content-column.model-eleven.v1 { margin-right: 30px; margin-left: 30px; } .inner-content-column.model-twelve { padding: 30px; } .h4.model-two.v1 { font-size: 23px; line-height: 26px; } .h4.model-two.v6 { font-size: 23px; line-height: 26px; } .form-field.model-four.v3 { width: 32%; } .form-field.model-four.v3.middle { width: 31%; margin-right: 10px; margin-left: 10px; } .dropdown-list.model-one { width: auto; } .content-slider.model-one { padding: 80px 60px; } .content-slider.model-three { padding: 70px 50px; } .content-link-block.model-two.v1 { height: auto; padding-bottom: 0px; } .content-link-block.model-two.v1.resources { height: auto; } .content-list-item.model-one.v1 { padding-left: 35px; background-size: 20px; } .content-list-item.model-one.v2 { padding-left: 35px; background-size: 20px; } .content-list-item.model-one.v3 { padding-left: 35px; background-size: 20px; } .p-small.model-three { width: 68%; } .p-small.model-four { margin-top: 30px; } .p-small.model-four.footer-links { width: 47%; } .img-container.model-one.v1 { display: none; }/* .content-tab-menu.model-one { top: 0px; overflow-y: scroll; height: 300px; }*/ .content-tab-menu.model-two { margin-top: 0px; margin-bottom: -20px; } .content-tab-link { height: 50px; padding: 19px 5px 10px; font-size: 11px; line-height: 12px; } .content-tab-link.w--current { height: 50px; padding-right: 5px; padding-left: 5px; } .content-tab-link.model-two { display: none; } .content-tab-link.model-one { height: 45px; padding-top: 10px; padding-bottom: 7px; } .content-tab-link.model-one.w--current { width: 110px; height: 55px; padding-bottom: 0px; padding-left: 20px; font-size: 20px; } .content-tab-link.model-one.w--current:hover { font-size: 20px; } .content-tab-link.model-one.v1 { /*height: 37px; padding-top: 11px;*/ width: 66px; } .content-tab-link.model-one.v1.w--current { /*height: 40px; padding-bottom: 0px;*/ } .content-tab-vert-pad .h3-model-four p { font-size: 14px; line-height:1.5; } .content-tab-link.target-tab-link { height: 50px; } .content-tab-link.model-four.v2, .content-tab-link.model-four.v1 { padding-top: 18px; } .content-tab-link.model-four.v4.content-tab-areas { padding-top: 14px; } .content-tab-link.v4.business-move { border-bottom-style: solid; } .content-text-block.model-one { top: -32px; width: 60px; height: 60px; padding-top: 13px; font-size: 28px; } .modal-wrapper { display: none; } .content-modal-wrapper { width: auto; margin-right: 10px; margin-left: 10px; padding-top: 30px; padding-right: 30px; padding-left: 30px; height: 400px; } .content-team-img.model-one { height: auto; padding-bottom: 5px; } } @media (max-width: 479px) { .content-section { padding: 30px 30px 40px; } .content-section.model-one.v1 { padding: 120px 20px 40px; background-image: -webkit-linear-gradient(270deg, null, null), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-35_1.jpg'); background-image: linear-gradient(180deg, null, null), url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/Images/bg-image-35_1.jpg'); background-position: 0px 0px, 0px 40px; background-size: auto, cover; text-align: center; } .content-section.model-one.v2 { padding-top: 120px; padding-bottom: 30px; } .content-section.model-one.v5 { padding-bottom: 30px; } div.content-section.model-one.v6 { padding: 110px 10px 20px; } .content-section.model-one.v8 { padding-top: 110px; padding-bottom: 20px; } .content-section.model-one.v9 { padding-top: 120px; padding-bottom: 30px; } .content-section.model-one.v10 { padding-top: 120px; padding-bottom: 30px; } .content-section.model-one.v11 { padding-top: 120px; padding-bottom: 30px; } .content-section.model-one.v12 { padding: 120px 10px 30px; } .content-section.model-one.v13 { padding-top: 120px; padding-bottom: 30px; } .content-section.model-one.v14 { padding-top: 120px; padding-bottom: 30px; } .content-section.model-one.v17 { padding-top: 120px; padding-bottom: 30px; } .content-section.model-two { padding-right: 20px; padding-left: 20px; } .content-section.model-two.v4 { padding-right: 20px; padding-left: 20px; } .content-section.model-two.v5 { padding-right: 30px; padding-left: 30px; } .content-section.model-two.v6 { padding-right: 15px; padding-left: 15px; } .content-section.model-three { /*padding: 30px;*/ } .content-section.model-three.v1 { padding-bottom: 30px; } .content-section.model-four { padding-top: 1px; padding-bottom: 60px; } .content-section.model-nine { padding-bottom: 0px; } .container-fluid .row-fluid .content-container.model-two { margin-top: 0px; } .container-fluid .row-fluid .content-container.model-four { margin-right: 0px; margin-bottom: 20px; margin-left: 0px; } .container-fluid .row-fluid .content-container.model-five { margin-bottom: -34px; } .container-fluid .row-fluid .content-container.model-six { padding-bottom: 20px; } .container-fluid .row-fluid .content-container.model-six.v1 { margin-right: 15px; margin-left: 15px; } .container-fluid .row-fluid .content-container.model-six.v3 { margin: 50px 30px 0px; } .container-fluid .row-fluid .content-container.model-six.v4 { margin-right: 15px; margin-left: 15px; } .container-fluid .row-fluid .content-container.model-seven { margin-right: auto; margin-left: auto; } .container-fluid .row-fluid .content-container.model-seven.v1 { margin-right: 10px; margin-left: 10px; } .container-fluid .row-fluid .content-container.model-seven.v2 { margin-right: 0px; margin-left: 0px; } .container-fluid .row-fluid .content-container.model-eight.v2 { padding-top: 50px; padding-bottom: 50px; } .container-fluid .row-fluid .content-container.model-eight.v3 { padding-top: 60px; padding-bottom: 60px; } .container-fluid .row-fluid .content-container.model-eight.v4 { padding-top: 50px; padding-bottom: 50px; } .container-fluid .row-fluid .content-container.model-eight.v5 { margin-top: 0px; padding-top: 60px; padding-bottom: 60px; } .container-fluid .row-fluid .content-container.model-nine { width: 90%; margin-top: 40px; padding-right: 15px; padding-left: 15px; } .container-fluid .row-fluid .content-container.model-nine.v3 { margin-top: 20px; } .container-fluid .row-fluid .content-container.model-ten { margin-top: 20px; margin-bottom: 30px; } .container-fluid .row-fluid .content-container.model-twelve { padding-top: 50px; padding-bottom: 50px; } .container-fluid .row-fluid .content-container.model-17 { display: block; max-width: 300px; margin-right: auto; margin-left: auto; } .logo-wrapper.w--current { width: auto; } .h1.model-one h1, .h1.model-one { font-size: 36px; line-height: 50px; text-align: center; } .h1.model-one.v1 { font-size: 33px; line-height: 37px; } .h1.model-two { font-size: 50px; line-height: 60px; } .h1.model-three { font-size: 40px; line-height: 40px; text-align: center; } .h4.model-two.v4 { width: 100%; } .p-big-model-one p, .p-big.model-one { font-size: 18px; line-height: 23px; } .p-big.model-one.v3 { font-size: 14px; line-height: 23px; } .p-big-model-three p, .p-big.model-three { margin-bottom: 20px; padding-right: 0px; padding-left: 0px; font-size: 16px; line-height: 24px; } .p-big.model-seven { padding: 5px 35px; background-size: 25px, 25px; font-size: 18px; line-height: 25px; } .p-big.model-seven.v1 { padding-right: 20px; padding-left: 20px; background-position: 100% 94%, 0px 21px; background-size: 15px, 15px; font-size: 18px; line-height: 22px; } .p-big-model-two p, .p-big.model-two { margin-bottom: 10px; font-size: 16px; line-height: 26px; } .btn-model-one { display: block; width: 212px; margin-right: auto; margin-left: auto; text-align: center; } .btn-model-one.v2.download { width: auto; float: left; } .btn-model-one.v6 { padding-right: 20px; padding-left: 20px; } .btn-model-one.v7 { padding-right: 20px; padding-left: 20px; } .logo { height: 70px; } .content-row { margin-top: 25px; } .content-row.model-six { margin-top: -25px; } .container-fluid .row-fluid .content-column.model-four { padding-top: 0px; padding-bottom: 20px; } .container-fluid .row-fluid .content-column.model-four.v3 { padding-bottom: 10px; } .container-fluid .row-fluid .content-column.model-four.v1 { padding-bottom: 0px; } .container-fluid .row-fluid .content-column.model-four.v4 { padding-bottom: 0px; } .container-fluid .row-fluid .content-column.model-six { height: 360px; padding-top: 40px; padding-bottom: 30px; } .container-fluid .row-fluid .content-column.model-seven { padding-top: 40px; padding-bottom: 30px; border-bottom: 1px solid #e4e4e4; } .container-fluid .row-fluid .content-column.model-eight { padding-top: 40px; padding-bottom: 30px; } .container-fluid .row-fluid .content-column.model-nine.last { margin-bottom: -25px; } .container-fluid .row-fluid .content-column.model-nine.last-2 { margin-bottom: 20px; } .container-fluid .row-fluid .content-column.model-thirteen { padding-top: 18px; padding-bottom: 30px; padding-left: 85px; } .container-fluid .row-fluid .content-column.fourteen.v1 { height: 211px; display: none; } .container-fluid .row-fluid .content-column.fourteen.v2 { height: 211px; } .container-fluid .row-fluid .content-column.fourteen.v3 { height: 211px; } .container-fluid .row-fluid .content-column.fourteen.v4 { height: 211px; } .container-fluid .row-fluid .content-column.fourteen.v5 { height: 211px; } .container-fluid .row-fluid .content-column.fourteen.v6 { height: 211px; } .container-fluid .row-fluid .content-column.fourteen.v7 { height: 211px; } .container-fluid .row-fluid .content-column.fourteen.v8 { height: 211px; } .container-fluid .row-fluid .content-column.fourteen.v9 { height: 211px; background-position: 75% 0%; background-size: contain; } .container-fluid .row-fluid .content-column.fourteen.v10 { height: 211px; } .container-fluid .row-fluid .content-column.model-fourteen { padding-right: 0px; padding-left: 0px; } .container-fluid .row-fluid .content-column.model-fifteen { padding-right: 0px; padding-left: 0px; } .container-fluid .row-fluid .content-column.model-fifteen.v3 { padding-right: 0px; padding-left: 0px; } .container-fluid .row-fluid .content-column.model-fifteen.v1 { padding-right: 0px; padding-left: 0px; } .container-fluid .row-fluid .content-column.model-twenty-one { padding-right: 0px; padding-left: 0px; } .container-fluid .row-fluid .content-column.model-22 { padding-right: 0px; padding-left: 0px; } .container-fluid .row-fluid .content-column.model-twenty-two { height: 375px; padding: 40px 0px 30px; } .container-fluid .row-fluid .content-column.model-23 { height: 375px; padding: 40px 0px 30px; } .container-fluid .row-fluid .content-column.model-24 { margin-bottom: -25px; padding-bottom: 0px; } .p-medium { font-size: 16px; line-height: 22px; } .p-medium-model-two p, .p-medium.model-two { font-size: 14px; line-height: 22px; } .p-medium.model-three { font-size: 14px; line-height: 23px; } .model-four-p-medium p, .p-medium.model-four { margin-bottom: 10px; font-size: 14px; line-height: 22px; } .p-medium.model-five { font-size: 14px; } .p-medium.model-nine { font-size: 12px; line-height: 19px; } .h2.model-one { margin-bottom: 0px; line-height: 45px; } .h2.model-two { margin-bottom: 20px; line-height: 35px; } .h2.model-two.v1 { margin-bottom: 40px; } .h2.model-two.v2 { margin-bottom: 20px; font-size: 30px; } .h2.model-three, .h2.model-three.v1 { font-size: 30px; line-height: 35px; } .h2.model-six { font-size: 30px; line-height: 35px; } .content-img.model-one.v12 { width: 65px; } .content-img.model-five { margin-right: 15px; margin-bottom: 0px; margin-left: 15px; } .content-img.model-nine { width: 100%; } .content-img.model-eightteen { width: 225px; min-height: 242px; margin-top: 0px; margin-bottom: 0px; } .content-img.model-nineteen { max-width: 282px; min-height: 152px; } .h3 { font-size: 30px; line-height: 35px; } .h3.model-one { font-size: 25px; line-height: 30px; } .h3-model-four p, .h3.model-four { font-size: 14px; line-height: 22px; } .h3.model-five { font-size: 25px; line-height: 30px; } .content-icon-container.model-two { margin-top: 0; float: none; } .content-icon-container.model-two.v1 { margin-top: 20px; float: none; } .content-icon-container.model-two.v2 { margin-top: 24px; float: none; } .inner-content-column.model-two { padding-top: 30px; padding-bottom: 30px; } .inner-content-column.model-one { width: 90%; padding-top: 20px; padding-bottom: 20px; } .inner-content-column.model-six { padding: 15px; } .inner-content-column.model-six.v4 { margin-bottom: 20px; padding: 30px 20px; } .inner-content-column.model-eleven { padding: 20px; } .inner-content-column.model-twelve { margin-right: 15px; margin-bottom: 15px; margin-left: 15px; padding-right: 20px; padding-left: 20px; } .h4 { font-size: 25px; } .h4.model-two.v9 { width: 100%; } .link-model-one { margin-bottom: 5px; } .form-field.model-four.v3 { width: 30%; padding-right: 7px; padding-left: 7px; } .form-field.model-four.v3.middle { width: 30%; margin-right: 10px; margin-left: 10px; } .h5 { font-size: 20px; } .content-slider.model-one { padding: 40px; } .content-slider.model-two { margin-top: 20px; padding-top: 50px; padding-bottom: 50px; } .content-slider.model-three { padding-top: 50px; padding-bottom: 50px; } .content-list { font-size: 14px; line-height: 22px; } .content-list.v4 { margin-bottom: 0px; } .content-list-item.model-one.v3 { padding-left: 0px; background-image: none; } .content-list-item.model-one.v4 { padding-left: 0px; } .content-list-item.model-one.v5 { margin-top: 32px; padding-left: 0px; background-image: none; } .content-list-item.model-one.v6 { margin-top: 32px; padding-left: 0px; } .content-list-item.model-one.v6.v1 { margin-top: 0px; } .p-small.model-one { padding-right: 20px; padding-left: 20px; } .p-small.model-three { width: 100%; } .p-small.model-four { width: 100%; margin-top: 27px; } .p-small.model-four.footer-links { width: 100%; float: none; margin-bottom: 0; } .content-contact-details { font-size: 14px; line-height: 24px; } .btn-model-three { padding-top: 10px; padding-bottom: 10px; } .btn-model-three.v2 { margin-bottom: 10px; } .btn-model-three.v4 { width: 241px; margin-top: 20px; } .btn-mobile-menu { padding-right: 8px; padding-left: 8px; } .p-xbig.model-one { font-size: 20px; } .calculator-container { padding: 25px 25px 20px; } .content-tab-menu.model-two { margin-top: 0px; margin-bottom: -20px; } .content-tab-link { width: 33.333%; height: 50px; float: left; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #c4c4c4; } .content-tab-link.w--current { width: 33.333%; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #c80c0f; background-color: #c80c0f; color: #fff; } .content-tab-link.model-three.w--current { border-bottom-color: #c80c0f; background-color: #c80c0f; color: #fff; } .content-tab-link.model-three.v1 { border-top-color: transparent; border-bottom-color: #c4c4c4; } .content-tab-link.model-three.v1:hover { border-bottom-color: #00a1e4; } .content-tab-link.model-three.v1.w--current { background-color: #00a1e4; } .content-tab-link.model-three.v3 { border-top-color: transparent; } .content-tab-link.model-three.v3.w--current { border-bottom-style: solid; border-bottom-color: #ae9995; } .content-tab-link.model-three.v3.w--current:hover { border-bottom-color: #ae9995; } .content-tab-link.model-one { width: 50px; max-width: 100px; padding-top: 10px; float: none; } .content-tab-link.model-one:hover { width: 55px; font-size: 15px; } .content-tab-link.model-one.w--current { width: 72px; padding-top: 7px; background-color: transparent; } .content-tab-link.model-one.w--current:hover { padding-top: 7px; background-color: transparent; font-size: 20px; } .content-tab-link.model-one.v1 { width: 66px; max-width: 100px; float: none; } .content-tab-link.model-one.v1:hover { width: 66px; font-size: 15px; } .content-tab-link.model-one.v1.w--current { width: 66px; background-color: transparent; font-size: 20px; } .content-tab-link.model-one.v1.w--current:hover { width: 66px; } .content-tab-link.target-tab-link { width: 33.333%; height: 50px; border-right: 1px solid #c4c4c4; border-bottom-style: none; } .content-tab-link.target-tab-link.v3 { border-bottom-style: solid; border-bottom-color: #c4c4c4; } .content-tab-link.model-four { border-top-style: none; } .content-tab-link.model-four.w--current { border-top-width: 4px; } .content-tab-link.model-four.v1 { padding-top: 19px; border-bottom-color: #c4c4c4; } .content-tab-link.model-four.v1.w--current { color: #fff; } .content-tab-link.model-four.v1.w--current:hover { border-top-style: none; border-top-color: transparent; background-color: #c80c0f; } .content-tab-link.model-four.v2 { padding-top: 16px; border-bottom-color: #c4c4c4; } .content-tab-link.model-four.v2.content-tab-areas { padding-top: 12px; border-top-style: solid; border-top-color: transparent; border-bottom-color: #c4c4c4; } .content-tab-link.model-four.v2.content-tab-areas.v1 { border-right: 1px solid #c4c4c4; border-top-style: solid; border-top-color: #c4c4c4; border-left-color: #c4c4c4; color: #555; } .content-tab-link.model-four.v2.content-tab-areas.v1:hover { border-color: #00a1e4; color: #fff; } .content-tab-link.model-four.v2.content-tab-areas.v1.w--current { border-top-width: 1px; border-top-color: #00a1e4; border-right-color: #00a1e4; border-left-color: #00a1e4; color: #fff; } .content-tab-link.model-four.v2.content-tab-areas.v1.w--current:hover { background-color: #00a1e4; color: #fff; } .content-tab-link.model-four.v2.move { padding-top: 20px; } .content-tab-link.model-four.v3 { padding-top: 18px; } .content-tab-link.v2 { border-bottom-color: #c4c4c4; } .content-tab-link.v2.w--current { border-bottom-color: #00a1e4; background-color: #00a1e4; color: #fff; } .content-tab-link.v2.w--current:hover { background-color: #00a1e4; } .content-tab-link.v3 { border-bottom-color: #c4c4c4; } .content-tab-link.v3.w--current { background-color: #ae9995; color: #fff; } .content-tab-link.v3.w--current:hover { background-color: #ae9995; } .content-tab-link.v4.w--current { border-color: #00a1e4; border-right-style: solid; border-right-width: 1px; background-color: #00a1e4; } .content-tab-link.v4.business-move { border-bottom-color: #c4c4c4; } .content-tab-link.v4.business-move:hover { border-bottom-color: #00a1e4; } .content-tab-link.v4.business-move.w--current { background-color: #00a1e4; color: #fff; } .content-tab-pane { position: relative; display: block; overflow: visible; } .content-tabs { position: relative; display: inline-block; overflow: visible; } .content-text-block.model-one { top: -32px; width: 60px; height: 60px; padding-top: 13px; font-size: 30px; } .btn-model-five { width: 283px; } .btn-model-five.v3 { width: 263px; margin-top: 10px; font-size: 15px; } .btn-model-five.v4 { width: auto; margin-top: 10px; } .btn-model-five.v5 { width: auto; } .btn-model-five.v5.v2.w--current { width: auto; } .btn-model-five.v7 { width: auto; padding-right: 10px; padding-left: 10px; } .btn-model-five.v8 { width: auto; margin-top: 20px; } .btn-model-five.v9 { width: 245px; } .btn-model-five.v14 { width: auto; margin-top: 20px; } .modal-wrapper { display: none; } .content-nav-link { margin-left: 10px; } .content-tel-text { margin-left: 10px; font-size: 16px; } } @font-face { font-family: 'Din bold'; src: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/fonts/din_bold.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Din regular'; src: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/Live_Bournes/fonts/din-regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } /** Custom head Style tag from Webflow **/ @media (min-width:1366px) { .content-section.model-one.v1 {padding-top:320px;padding-bottom:160px;} .content-section.model-one.v2 {padding-top:320px;padding-bottom:160px;} .content-section.model-one.v4 {padding-top:320px;padding-bottom:160px;} .content-section.model-one.v5 {padding-top:320px;padding-bottom:160px;} .content-section.model-one.v6 {padding-top:320px;padding-bottom:160px;} .content-section.model-one.v7 {padding-top:320px;padding-bottom:160px;} .content-section.model-one.v8 {padding-top:320px;padding-bottom:160px;} .content-section.model-one.v9 {padding-top:320px;padding-bottom:160px;} .content-section.model-one.v10 {padding-top:320px;padding-bottom:160px;} .content-section.model-one.v11 {padding-top:320px;padding-bottom:160px;} .content-section.model-one.v12 {padding-top:320px;padding-bottom:160px;} .content-section.model-one.v13 {padding-top:320px;padding-bottom:160px;} .content-section.model-one.v14 {padding-top:320px;padding-bottom:160px;} .content-section.model-one.v15 {padding-top:320px;padding-bottom:160px;} .content-section.model-one.v16 {padding-top:320px;padding-bottom:160px;} .content-section.model-one.v17 {padding-top:320px;padding-bottom:160px;} .footer-links {margin-top:40px !important;} } @media (max-width:1366px) { .h4.model-two.v9 {font-size:25px;line-height:28px;} .team-icon-block {padding-top:15px !important;padding-left:15px !important;padding-right:15px !important;} .h3-model-four p, .h3.model-four {font-size:18px;line-height:26px;} .container-fluid .row-fluid .content-column.model-thirteen {padding-top:100px;padding-right:50px;padding-left:230px;} } @media (max-width:1190px) { .content-tab-areas {padding-top:10px;padding-bottom:10px;} .content-tab-link.model-four.v2.content-tab-areas {padding-top:10px;padding-bottom:10px;} .content-tab-link.model-four.v3 {padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;} } @media (max-width:1040px) { .content-tab-link.model-four.v3 {padding-top:10px;padding-bottom:10px;} } @media (max-width:991px) { .container-fluid .row-fluid .content-column.model-thirteen {padding-top:50px;padding-right:30px;padding-left:135px;} .content-tab-link.model-four.v3 {padding-top:18px;padding-bottom:20px;padding-right:10px;padding-left:10px;} .h3-model-four p, .h3.model-four {font-size:16px;line-height: 1.4} } @media (max-width:479px) { .h3-model-four p, .h3.model-four {font-size:14px;line-height:22px;} .container-fluid .row-fluid .content-column.model-thirteen { padding-top:18px; padding-right:30px; padding-left:100px; } .content-tab-link.model-four.v3 {padding-top:20px;} } @media (max-width:355px) { .content-tab-link.model-four.v3 {padding-top:15px;} } /****** FOOTER *****/ /* Footer Article images */ @media (max-width:1600px) { .img-container.model-two {width:40px;height:40px;} } @media (max-width:1366px) { .img-container.model-two {width:30px;height:30px;} .p-medium.model-two.careers {font-size:16px;} .h4.model-two.v9 {font-size:25px;line-height:28px;} .team-icon-block {padding-top:15px !important;padding-left:15px !important;padding-right:15px !important;} } @media (max-width:1080px) { .img-container.model-two {width:25px;height:25px;} } @media (max-width:1024px) { .w-col-stack .content-contact-details {font-size:16px;} .team-icon {width:80px !important;} } /* ========================================================================== 7. MOBILE MEDIA QUERIES FOR DEFAULT AND CUSTOM CLASSES ========================================================================== */ .margin-bottom-p-reduced p { margin-bottom: 0; } /*.hide-form-label form .hs-form-field > label:first-child { display: none; }*/ .footer-newsletter form input.hs-input { border-style:; 2px; } .contact-form h3, .footer-newsletter h3 { display: none; } .footer-newsletter form input[type="submit"] { border: 2px solid white; color: white; } .footer-newsletter form input[type="submit"]:hover { background-color: #fff; color: #242424; } .footer-newsletter .hs_cos_wrapper_type_form input:focus { border: 2px solid white; background-color: #fff; outline: 0; } .widget-type-cell.margin-top-zero { margin-top: 0; } .contact-list p { line-height: 30px; } .padding-bottom-60 { padding-bottom: 100px; } .form-purple .hs_cos_wrapper_type_form input[type="text"], .form-purple .hs_cos_wrapper_type_form input[type="email"] { border: 2px solid #fff; } body .form-purple input[type="submit"] { display: inline-block; padding: 8px 20px; border: 2px solid #fff; background-color: transparent; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; color: #fff; text-decoration: none; text-transform: uppercase; } .form-purple .hs_cos_wrapper_type_form input[type="text"]::-webkit-input-placeholder { color: #f08dbc; opacity: 1 !important; } .form-purple .hs_cos_wrapper_type_form input[type="text"]:-moz-placeholder { color: #f08dbc;} .form-purple .hs_cos_wrapper_type_form input[type="text"]::-moz-placeholder {color: #f08dbc;} .form-purple .hs_cos_wrapper_type_form input[type="text"]:-ms-input-placeholder {color: #f08dbc;} .form-purple .hs_cos_wrapper_type_form input[type="email"]::-webkit-input-placeholder { color: #f08dbc; opacity: 1 !important; } .form-purple .hs_cos_wrapper_type_form input[type="email"]:-moz-placeholder { color: #f08dbc;} .form-purple .hs_cos_wrapper_type_form input[type="email"]::-moz-placeholder {color: #f08dbc;} .form-purple .hs_cos_wrapper_type_form input[type="email"]:-ms-input-placeholder {color: #f08dbc;} body .form-purple .hs-error-msgs label { color: white; } body .form-purple input[type="submit"]:hover { background-color: #fff; color: #c80c0f; } .form-purple h3 { display: none; } /***** Team System ***********/ /****** Team Pop Up Function *********/ .team-link-block { margin-bottom: 20px; padding: 20px; border: 1px solid #fff; border-radius: 8px; background-color: #fff; color: #414141; text-decoration: none; } @media (min-width: 767px) and (max-width: 991px){ .br-overflow-team { max-height: 600px; overflow-y: auto; } } .hp-intro { display: inline-block; width: 40%; min-height: 180px; background-position: 0px 0px; background-size: 125px; } .hp-intro.who-we-are { float: left; clear: none; background-position: center; background-size: cover; } .hp-intro.who-we-are.team { width: 220px; height: 220px; border-radius: 0; } @media (max-width: 479px) { .hp-intro.who-we-are { min-height: 210px; background-position: 50% 50%; } } .about-quote-profile-image { display: inline-block; width: 40px; height: 40px; min-height: 40px; margin-top: 10px; margin-left: 10px; float: left; border: 1px solid #c4c4c4; border-radius: 200px; background-color: #e3e3e3; background-position: 50% 50%; background-size: contain; } .about-quote-name-description { display: inline-block; margin-left: 10px; } .about-quote-name { display: inline-block; margin-top: 11px; margin-left: 10px; float: left; color: gray; line-height: 18px; } .about-team-image-div { width: 100%; height: 150px; margin-bottom: 0px; border-top: 1px solid #a9b521; border-right: 1px solid #a9b521; background-color: #dbdbdb; background-position: 50% 50%; background-repeat: no-repeat; text-decoration: none; } a.about-team-image-div:hover { color: white !important; } .about-team-image-div.extra { background-color: #bfcd31; background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; } .st-about-team-hover, .about-team-hover { display: block; width: 100%; height: 100%; padding-top: 60px; box-shadow: none; -webkit-transition: all 200ms ease; transition: all 200ms ease; color: transparent; font-size: 70px; text-align: center; } .st-about-team-hover:hover, .about-team-hover:hover { background-color: rgba(191, 205, 49, 0.90); color: white; font-weight: 400; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 3px; } .about-team-hover.extra { display: block; } .about-team-hover.extra:hover { color: transparent; text-shadow: none; } .st-about-employee-pop-up { left: 0px; right: 0px; } .st-about-employee-pop-up, .about-employee-pop-up { position: fixed; z-index: 3000; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); z-index: 1000000; } .team-mobile-button { display: none; } @media (max-width: 1024px) { .team-mobile-button { display: block; background: rgba(0, 0, 0, 0.52); color: white; z-index: 9999; display: block; padding: 5px 5px 0 5px; width: 50px; height: 30px; text-align: center; box-sizing: border-box; font-size: 12px; position: absolute; top: 0; cursor: pointer; } } @media (max-width: 991px), (min-height: 1200px) { .hp-intro.who-we-are.team { width: 130px; height: 130px; min-height: inherit; } } @media (max-width: 767px), (min-height: 1200px) { .st-about-employee-pop-up { overflow: auto; overflow-x: hidden; } .st-about-employee-pop-up::-webkit-scrollbar { width: 8px; } .st-about-employee-pop-up::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); border-radius: 10px; } .st-about-employee-pop-up::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } } @media (max-width: 479px) { .p-big.br-title-email-team { font-weight: bold; font-size: 14px; } } .st-team-name { font-size: 13px; margin-bottom: -30px; margin-top: -20px; padding-left: 5px; text-shadow: 1px 1px 3px rgb(0, 0, 0); white-space: nowrap; overflow: hidden; } @media (min-width: 640px) and (max-width: 700px), (min-width: 1100px) and (max-width: 1300px) { .st-team-name { font-size: 12px !important; } } @media (min-width: 480px) and (max-width: 639px), (min-width: 992px) and (max-width: 1099px) { .st-team-name { font-size: 10px !important; } } .about-employee-image-div { display: block; width: 200px; height: 200px; margin: 100px auto 20px; border: 3px solid #bfcd31; border-radius: 200px; background-color: white; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px -6px; } @media (max-width: 1366px) { .about-employee-image-div { margin-top: 50px; } } .about-employee-name { margin-bottom: 10px; font-family:'Stawix amsipro', sans-serif; color: white; font-size: 32px; line-height: 40px; text-align: center; } .about-employee-p { width: 400px; margin-right: auto; margin-bottom: 20px; margin-left: auto; color: white; font-size: 14px; line-height: 20px; text-align: center; } .about-employee-position { margin-bottom: 20px; color: #b4975a; font-size: 20px; text-align: center; } .about-text-block { color: #bfcd31; font-size: 18px; text-align: center; } .about-employee-pagination-div-wrap { display: block; margin-top: 20px; margin-right: auto; margin-left: auto; position: absolute; bottom: 0; right: 0; left: 0; text-align: center; } .about-employee-overlay-exit { width: 40px; height: 40px; float: right; background-color: transparent; text-decoration: none; border-bottom-left-radius: 0; border: 2px solid white; margin-right: 10px; margin-top: 10px; padding-top: 8px; } a.about-employee-overlay-exit:hover { text-decoration: none; } .about-employee-overlay-exit-icon { height: 100%; -webkit-transition: all 200ms ease; transition: all 200ms ease; color:#fff; font-size: 23px; text-align: center; } .about-employee-pagination-div-wrap a { text-decoration: none; margin-right: 10px; margin-left: 10px; margin-bottom: 20px; } .primary-cta.exit, .button.about-employee-pagination-next, .button.about-employee-pagination-back { margin-top: 0; padding: 10px; border: 2px solid white; border-radius: 0; background-color: transparent; color: white; font-size: 14px; display: inline-block; text-align: center; -webkit-transition: opacity 283ms ease, background-color 200ms linear, -webkit-transform 200ms linear; transition: opacity 283ms ease, background-color 200ms linear, -webkit-transform 200ms linear; transition: opacity 283ms ease, background-color 200ms linear, transform 200ms linear; transition: opacity 283ms ease, background-color 200ms linear, transform 200ms linear, -webkit-transform 200ms linear; font-weight: 600; } .primary-cta.exit:hover, .button.about-employee-pagination-next:hover, .button.about-employee-pagination-back:hover { background-color: #fff; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); color:#c80c0f; } .team-overlay-container { padding-top:65px; } @media (max-height: 800px), (max-width: 767px) { .hp-intro.who-we-are { float: none; margin: 0 auto; display: block; margin-bottom: 14px; } .team-overlay-container { padding-top: 70px; padding-left: 15px; padding-right: 15px; } .st-about-employee-pop-up, .about-employee-pop-up { display: none; } .about-employee-pagination-div-wrap .exit { display: none !important; } .about-employee-image-div { width: 100px; height: 100px; margin-top: 30px; background-size: cover; } .about-employee-name { margin-bottom: 0px; font-size: 28px; } .about-employee-pagination-div-wrap { display: block; width: auto; margin-top: 0; margin-right: auto; margin-left: auto; position: absolute; top: 0; right: initial; left: 0px; } .button.about-employee-pagination-next, .button.about-employee-pagination-back { width: 50px; height: 50px; margin-top: 0px; margin-right: 0px; margin-left: 1px; margin-bottom: 1px; padding-top: 5px; border: 0px solid #a9b521; background-color: rgba(255, 255, 255, 0.3); color: transparent; font-size: 13px; display: block; text-align: center; padding-left: 0; padding-right: 0; border-radius: 0; background-position: 50% 50%; background-size: 30px; background-repeat: no-repeat; } .button.about-employee-pagination-next { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/arrows_2.svg'); } .button.about-employee-pagination-back { background-image: url('https://436819.fs1.hubspotusercontent-na1.net/hubfs/436819/arrows_2.svg'); } .button.about-employee-pagination-back:hover { background-color: rgba(255, 255, 255, 0.3); color: transparent; } .button.about-employee-pagination-back, .button.about-employee-pagination-back:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .button.about-employee-pagination-next:hover { background-color: rgba(255, 255, 255, 0.3); -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; color: transparent; } .about-employee-pagination-div-wrap { height: 60px; width: 102px; } .about-employee-pagination-div-wrap a { display: inline-block !important; } } /* Screen sizes smaller than site maxWidth (.page-center) ========================================================================== */ @media (max-width: 1020px) {} /* Landscape tablet and smaller devices ========================================================================== */ @media (max-width: 767px) {} /* Landscape phones and smaller devices ========================================================================== */ @media (max-width: 479px) {} /***************NJ CSS*****************/ .learn-more-pop-up { left: 0px; right: 0px; top: 0px; } .learn-more-pop-up { position: fixed; z-index: 3000; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); z-index: 1000000; } a#learn-more-pop-up-close.btn-bottom-close { float: none; margin-left: auto; margin-right: auto; display: block; width: 100px; margin-top: 10px; } .scroll-text { display: none; } @media (max-width: 767px), (max-height: 700px) { a#learn-more-pop-up-close.btn-bottom-close { display: none; } .scroll-text { display: block; text-align: center; padding-bottom: 10px; color: white; } } .grey{ background-color:#f6f6f6; } /* Anchors */ .anchors-container { padding: 40px; } .anchors-container .anchors-inner-container { display: flex; justify-content: center; flex-wrap: wrap; width: 100%; max-width: 1400px; margin: 0 auto; } .anchor-button { padding: 8px 60px; margin: 10px; display: inline-flex; align-items: center; justify-content: center; border: 2px solid #c80c0f; border-radius: 100px; text-decoration: none; font-size: 15px; text-transform: uppercase; font-family: Raleway, sans-serif; } .anchor-button:hover { text-decoration: none; } /* Anchors End */ /* Notice */ .notice { width: 100%; margin: 0 auto; max-width: 920px; text-align: center; } .notice .text { color: #fff; font-size: 18px; padding: 3px 5px; display: inline-block; background-color: #135698; } .notice .text:hover { text-decoration: none; } /* Notice End */ /* Custom Rich Text */ .custom-rich-text { width: 100%; margin: 0 auto; max-width: 920px; } .custom-rich-text.large { max-width: 1320px; } .custom-rich-text p { font-size: 20px; line-height: 27px; font-family: 'Open Sans', sans-serif; } /* Custom Rich Text End */ /* Icon Content Blocks */ .icon-content-blocks-container { display: flex; flex-wrap: wrap; width: 100%; max-width: 1324px; margin: 0 auto; padding: 0px; } .icon-content-blocks-container .icon-content-block-wrapper { width: 100%; max-width: calc(100% / 3); padding: 0 calc(35px / 2); } @media (max-width: 991px) { .icon-content-blocks-container .icon-content-block-wrapper { max-width: calc(100% / 2); padding: calc(35px / 2) calc(35px / 2); } } @media (max-width: 768px) { .icon-content-blocks-container .icon-content-block-wrapper { max-width: calc(100% / 1); padding: calc(35px / 2) calc(35px / 2); } } .icon-content-blocks-container .icon-content-block-wrapper .icon-content-block { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 63px 40px; background-color: #F6F6F6; border: 1px solid #3837390a; border-radius: 10px; } .icon-content-blocks-container .icon-content-block-wrapper .icon-content-block .icon { width: 100%; text-align: center; margin-bottom: 17px; } .icon-content-blocks-container .icon-content-block-wrapper .icon-content-block .content { text-align: center; } .icon-content-blocks-container .icon-content-block-wrapper .icon-content-block .content .title { text-transform: unset; margin-bottom: 20px; } .icon-content-blocks-container .icon-content-block-wrapper .icon-content-block .content .text { text-align: center; font-size: 20px; margin-bottom: 0px; } /* Icon Bullets */ .icon-bullets { width: 100%; max-width: 1320px; margin: 0 auto; display: flex; } @media (max-width: 991px) { .icon-bullets { flex-direction: column; } } .icon-bullets .column { width: 100%; padding: 0 25px; } .icon-bullets .column ul { margin: 0; padding: 0; list-style: none; } .icon-bullets .column li { display: flex; font-size: 20px; color: #555; line-height: 27px; margin-bottom: 100px; font-family: 'Open Sans', sans-serif; } .icon-bullets .column li .icon { width: 100%; max-width: 50px; min-width: 30px; margin-right: 35px; }