/* Macro Start */ /** * Border Radius * * */ /** * Box Shadow  * * */ /** * Transition * * */ /** * Transform * * */ @import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700;800;900&display=swap'); *, *:before, *:after {box-sizing: border-box;} * { box-sizing:border-box; } *:focus{outline:none;} ::-moz-focus-inner{border:0;} html,body{margin:0px;} ::-webkit-input-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:1; font-size:20px !important; } ::-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { opacity:1; font-size:20px !important; } :-ms-input-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:1; font-size:20px !important; } :-moz-placeholder, input:-moz-placeholder, textarea:-moz-placeholder { opacity:1; font-size:20px !important; } a { text-decoration:none; outline:none; transition:all ease-in-out .4s; -webkit-transition:all ease-in-out .4s; } img { border:0; vertical-align: top; height:auto; max-width:100%; } /* .fl100 { float:left; width:100%; } */ .fl50 { float:left; width:50%; } .fl25 { float:left; width:25%; } .fl20 { float:left; width:20%; } .wrapper { margin:0 auto ; width:1330px; padding:0 15px; float:none; } .text-white, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #fff;} /* Slick css */ .slick-slider .slick-arrow { background-image:url('https://f.hubspotusercontent20.net/hubfs/4385420/theme-payday-HCM/images/prev-slide.png'); background-repeat:no-repeat; background-position:center center; background-size:cover; background-color:transparent; border:none; z-index:9; position:absolute; top:50%; left:0; width:23px; height:54px; font-size:0px; color:#fff; cursor:pointer; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); padding:0;} .slick-slider .slick-arrow.slick-next{ left:auto; right:0; background-image:url('https://f.hubspotusercontent20.net/hubfs/4385420/theme-payday-HCM/images/next-slide.png'); } .slick-slider .slick-dots{text-align:center; padding:0; margin:0;} .slick-slider .slick-dots li{display:inline-block; margin:0 5px;} .slick-slider .slick-dots li button{width:6px; height:6px; border-radius:100%; background-color:#fff; border:none; padding:0; text-indent:-9999px; cursor:pointer; opacity:.5; ;} .slick-slider .slick-dots li.slick-active button{opacity:1;} /* data-small-btn="true" */ .fancybox-slide .fancybox-content{overflow:visible !important;} .fancybox-slide .fancybox-close-small{background:#fff;border-radius:100%;height:30px;opacity:1;padding:2px;right:0;top:-38px;width:30px;} .fancybox-slide .fancybox-close-small svg{color:#000;} /* Media Query */ @media (min-width:991px) and (max-width:1200px){ .wrapper { width:950px; padding:0 15px; } } @media (min-width:768px) and (max-width:991px){ .wrapper { width:750px; padding:0 15px; } } /* Theme default div structure */ .hs_theme_wrap { float: left; width: 100%; } .hs_theme_wrap:before, .hs_theme_wrap:after { display: table; content: "" } .hs_theme_wrap:after { clear: both } [class*="hs_theme"] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.127659574%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box } [class*="hs_theme"]:first-child { margin-left: 0 } .hs_theme12 { float: left; width: 99.99999998999999%; } .hs_theme11 { float: left; width: 91.489361693%; } .hs_theme10 { float: left; width: 82.97872339599999%; } .hs_theme9 { float: left; width: 74.468085099%; } .hs_theme8 { float: left; width: 65.95744680199999%65%; } .hs_theme7 { float: left; width: 57.446808505%; } .hs_theme6 { float: left; width: 48.93617020799999%; } .hs_theme5 { float: left; width: 40.425531911%; } .hs_theme4 { float: left; width: 31.914893614%; } .hs_theme3 { float: left; width: 23.404255317%; } .hs_theme2 { float: left; width: 14.89361702%; } .hs_theme1 { float: left; width: 6.382978723%; } @media(max-width:767px) { [class*="hs_theme"] { display: block; float: none; width: auto; margin-left: 0 } .fl100 { float:left; width:100%; } .fl50 { float:left; width:100%; } .fl25 { float:left; width:100%; } .fl20 { float:left; width:100%; } ::-webkit-input-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size:14px !important; } ::-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { font-size:14px !important; } :-ms-input-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-size:14px !important; } :-moz-placeholder, input:-moz-placeholder, textarea:-moz-placeholder { font-size:14px !important; } } @media(min-width:768px) and (max-width:1139px) { [class*="hs_theme"] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.762430939%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box } [class*="hs_theme"]:first-child { margin-left: 0 } .hs_theme12 { width: 99.999999993%; } .hs_theme11 { width: 91.436464082%; } .hs_theme10 { width: 82.87292817100001%; } .hs_theme9 { width: 74.30939226%; } .hs_theme8 { width: 65.74585634900001%; } .hs_theme7 { width: 57.182320438000005%; } .hs_theme6 { width: 48.618784527%; } .hs_theme5 { width: 40.055248616%; } .hs_theme4 { width: 31.491712705%; } .hs_theme3 { width: 22.928176794%; } .hs_theme2 { width: 14.364640883%; } .hs_theme1 { width: 5.801104972%; } } @media(min-width:1280px) { [class*="hs_theme"] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.564102564%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box } [class*="hs_theme"]:first-child { margin-left: 0 } .hs_theme12 { width: 100%; } .hs_theme11 { width: 91.45299145300001%; } .hs_theme10 { width: 82.905982906%; } .hs_theme9 { width: 74.358974359%; } .hs_theme8 { width: 65.81196581200001%; } .hs_theme7 { width: 57.264957265%; } .hs_theme6 { width: 48.717948718%; } .hs_theme5 { width: 40.170940171000005%; } .hs_theme4 { width: 31.623931624%; } .hs_theme3 { width: 23.076923077%; } .hs_theme2 { width: 14.529914530000001%; } .hs_theme1 { width: 5.982905983%; } } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Responsive Grid */ .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.127659574%; *margin-left: 2.0744680846382977%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.99999998999999%; *width: 99.94680850063828%; } .row-fluid .span11 { width: 91.489361693%; *width: 91.4361702036383%; } .row-fluid .span10 { width: 82.97872339599999%; *width: 82.92553190663828%; } .row-fluid .span9 { width: 74.468085099%; *width: 74.4148936096383%; } .row-fluid .span8 { width: 65.95744680199999%; *width: 65.90425531263828%; } .row-fluid .span7 { width: 57.446808505%; *width: 57.3936170156383%; } .row-fluid .span6 { width: 48.93617020799999%; *width: 48.88297871863829%; } .row-fluid .span5 { width: 40.425531911%; *width: 40.3723404216383%; } .row-fluid .span4 { width: 31.914893614%; *width: 31.8617021246383%; } .row-fluid .span3 { width: 23.404255317%; *width: 23.3510638276383%; } .row-fluid .span2 { width: 14.89361702%; *width: 14.8404255306383%; } .row-fluid .span1 { width: 6.382978723%; *width: 6.329787233638298%; } .container-fluid { *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; } .container-fluid:after { clear: both; } @media (max-width: 767px) { .row-fluid { width: 100%; } .row-fluid [class*="span"] { display: block; float: none; width: auto; margin-left: 0; } } @media (min-width: 768px) and (max-width: 1139px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.762430939%; *margin-left: 2.709239449638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.999999993%; *width: 99.9468085036383%; } .row-fluid .span11 { width: 91.436464082%; *width: 91.38327259263829%; } .row-fluid .span10 { width: 82.87292817100001%; *width: 82.8197366816383%; } .row-fluid .span9 { width: 74.30939226%; *width: 74.25620077063829%; } .row-fluid .span8 { width: 65.74585634900001%; *width: 65.6926648596383%; } .row-fluid .span7 { width: 57.182320438000005%; *width: 57.129128948638304%; } .row-fluid .span6 { width: 48.618784527%; *width: 48.5655930376383%; } .row-fluid .span5 { width: 40.055248616%; *width: 40.0020571266383%; } .row-fluid .span4 { width: 31.491712705%; *width: 31.4385212156383%; } .row-fluid .span3 { width: 22.928176794%; *width: 22.874985304638297%; } .row-fluid .span2 { width: 14.364640883%; *width: 14.311449393638298%; } .row-fluid .span1 { width: 5.801104972%; *width: 5.747913482638298%; } } @media (min-width: 1280px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.564102564%; *margin-left: 2.510911074638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145300001%; *width: 91.3997999636383%; } .row-fluid .span10 { width: 82.905982906%; *width: 82.8527914166383%; } .row-fluid .span9 { width: 74.358974359%; *width: 74.30578286963829%; } .row-fluid .span8 { width: 65.81196581200001%; *width: 65.7587743226383%; } .row-fluid .span7 { width: 57.264957265%; *width: 57.2117657756383%; } .row-fluid .span6 { width: 48.717948718%; *width: 48.6647572286383%; } .row-fluid .span5 { width: 40.170940171000005%; *width: 40.117748681638304%; } .row-fluid .span4 { width: 31.623931624%; *width: 31.5707401346383%; } .row-fluid .span3 { width: 23.076923077%; *width: 23.0237315876383%; } .row-fluid .span2 { width: 14.529914530000001%; *width: 14.4767230406383%; } .row-fluid .span1 { width: 5.982905983%; *width: 5.929714493638298%; } } /* Clearfix */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } /* Visibilty Classes */ .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .hidden { display: none; visibility: hidden; } /* Responsive Visibilty Classes */ .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } @media (max-width: 767px) { .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } @media (min-width: 768px) and (max-width: 1139px) { .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important ; } } .container { margin: 0 auto; max-width: 1240px; padding: 0 15px; } @media screen and (min-width: 1380px) { .content-wrapper { padding: 0; } } .dnd-section, .content-wrapper--vertical-spacing { padding: 80px 20px; } .dnd-section > .row-fluid, .body-container-wrapper .content-wrapper { margin: 0 auto; max-width: 1200px; } .dnd-section .dnd-column { padding: 0 20px; } @media (max-width: 767px) { .dnd-section .dnd-column { } .lp-content .row-fluid-wrapper.dnd-section { padding: 40px 20px !important; } } @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap'); @import url("https://p.typekit.net/p.css?s=1&k=hvv6znm&ht=tk&f=44931.44932.44939.44940&a=9870637&app=typekit&e=css"); body{margin:0px; font-family: franklin-gothic-atf, sans-serif;; font-weight:400; color:#505050; font-size: 14px;line-height:1.5em;} /* Paragraphs */ p { margin: 0 0 1.4rem;} strong {font-weight: 700;} a{ ; text-decoration:none; color:#000;} a:hover, a:focus{text-decoration:none; color:#000; } .text-center{text-align:center;} .text-left{text-align:left;} .text-right{text-align:right;} .text-uppercase{text-transform:uppercase;} .text-italic{font-style:italic;} /* Headings */ h1,h2,h3,h4,h5,h6{font-family: franklin-gothic-atf, sans-serif; font-weight:400;margin:0 0 1.4rem; color:#ff1331} h1{font-size:48px;line-height:1em;} h2{font-size:40px;line-height:1em;} h3{font-size:35px;line-height:1em;} h4{font-size:26px;line-height:1em; } h5{font-size:20px; line-height:1em;} h6{font-size:18px;line-height:1em;} .hs-site-page .lp-hero h1:after { content: ''; margin: 15px auto 0; width: 43px; height: 4px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; display: block; background: #FFF; } .hs-site-page h2:after { content: ''; margin: 15px auto 0; width: 43px; height: 4px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; display: block; background: #505050; } /* Lists */ ul,ol{margin:0 0 1.5rem;} ul ul,ol ul,ul ol,ol ol{margin:0;} ul.no-list{list-style:none;} /* Code blocks */ code{vertical-align:bottom;} /* Blockquotes */ blockquote{border-left:2px solid #A9A9A9;margin:0 0 1.4rem;padding-left:15px;} /* Horizontal rules */ hr{background-color:#CCC;border:none;color:#CCC;height:1px;} /* Subscripts and superscripts */ sup,sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} /* Focus styles */ :focus{outline:auto;outline-color:green;} .disable-focus-styles:focus{outline:none;} .alignright {margin-left:15px; margin-bottom:15px;} .alignleft {margin-right:15px; margin-bottom:15px;} .aligncenter {margin-bottom:15px;} button, .button, a.cta_button, .hs-button { background-color: #ff1331; border: 1px solid #ff1331; border-radius: 1px; color: #FFF; cursor: pointer; display: inline-block; font-size: 18px; font-weight: 600; height: auto; line-height: 1.1; margin: 0; padding: 15px 25px; position: relative; text-align: center; text-decoration: none; transition: all 0.3s linear; white-space: normal; width: %; word-break: break-word; } button:disabled, .button:disabled { background-color: #D0D0D0; border-color: #D0D0D0; color: #E6E6E6; } button:hover, button:focus, .button:hover, .button:focus, a.cta_button:hover, a.cta_button:focus, .hs-button:hover, .hs-button:focus { background-color: #FFF; border-color: #ff1331; color: #ff1331; text-decoration: none; } button:active, .button:active, a.cta_button:active, .hs-button:active { background-color: #FFF; border-color: #ff1331; color: #ff1331; text-decoration: none; } /* Form */ form { font-family:"franklin-gothic-atf"; } .hs-form-field { margin-bottom: 1.4rem; } /* Labels */ form label { color: #505050; display: block; font-size: 0.875rem; padding-top: 0; margin-bottom: 0.35rem; text-align: left; width: auto; } /* Help text - legends */ form legend { color: #505050; font-size: 0.875rem; } /* Inputs */ .input { position: relative; } input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number], input[type=file], select, textarea { background-color: #FFF; border: 2px solid #D1D6DC; border-radius: 3px; color: #33475B; display: inline-block; font-size: 0.875rem; padding: 0.7rem; width: 100%; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=file]:focus, select:focus, textarea:focus { outline-color: rgba(255, 19, 49, .8); } fieldset { max-width: 100% !important; } ::-webkit-input-placeholder { color: #BFBFBF; } ::-moz-placeholder { color: #BFBFBF; } :-ms-input-placeholder { color: #BFBFBF; } :-moz-placeholder { color: #BFBFBF; } ::placeholder { color: #BFBFBF; } /* Inputs - checkbox/radio */ form .inputs-list { margin: 0; padding: 0; list-style: none; } .inputs-list > li { display: block; margin: 0.7rem 0; padding: 0; width: 100%; } .inputs-list input, .inputs-list span { font-size: 0.875rem; } .hs-input[type=checkbox], .hs-input[type=radio] { border: none; cursor: pointer; height: auto; line-height: normal; margin-right: 0.35rem; padding: 0; width: auto; } /* Inputs - datepicker */ .hs-fieldtype-date .input .hs-dateinput:before { color: #33475B; content:'\01F4C5'; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .fn-date-picker .pika-table thead th { color: #FFF; } .fn-date-picker td.is-today .pika-button { color: #343A40; } .fn-date-picker td.is-selected .pika-button { background: #343A40; border-radius: 0; box-shadow: none; } .fn-date-picker td .pika-button:hover { background-color: #343A40 !important; border-radius: 0 !important; color: #FFF; } /* Inputs - file picker */ input[type=file] { background-color: transparent; border: initial; box-shadow: none; line-height: initial; padding: initial; } /* Headings and text */ form .hs-richtext, form .hs-richtext p { font-size: 0.875rem; margin: 0 0 1.4rem; } form .hs-richtext img { max-width: 100% !important; } form .header { background-color: transparent; border: none; } /* GDPR */ .legal-consent-container .hs-form-booleancheckbox-display > span, .legal-consent-container .hs-form-booleancheckbox-display > span p { font-size: 0.875rem; margin-left: 1rem !important; } /* Validation */ .hs-form-required { color: red; } .hs-input.invalid.error { border-color: #EF6B51; } .hs-error-msg { color: #EF6B51; margin-top: 0.35rem; } /* Submit button */ form input[type=submit], form .hs-button { background-color: #ff1331; border: 1px solid #ff1331; border-radius: 100px; color: #FFF; cursor: pointer; display: inline-block; font-size: 18px; font-weight: 300; height: auto; line-height: 1.1; margin: 0; padding: 15px 25px; position: relative; text-align: center; text-decoration: none; transition: all 0.3s linear; white-space: normal; width: %; word-break: break-word; } form input[type=submit]:hover, form input[type=submit]:focus, form .hs-button:hover, form .hs-button:focus { background-color: #ff1331; color: #FFF; text-decoration: none; } form input[type=submit]:active, form .hs-button:active { background-color: #000; border-color: #000; color: #FFF; text-decoration: none; } /* Captcha */ .grecaptcha-badge { margin: 0 auto; } /* Table */ table { border: 1px solid #DEE2E6; margin-bottom: 1.4rem; overflow-wrap: break-word; } tbody + tbody { border-top: 2px solid #DEE2E6; } /* Table Cells */ th, td { border: 1px solid #DEE2E6; padding: 0.75rem; vertical-align: top; } /* Table Header */ thead th, thead td { background-color: #343A40; border-bottom: 2px solid #DEE2E6; color: #FFF; vertical-align: bottom; } /* Header container */ .header { } .header.header--no-navigation { margin: 0 auto; } .header__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; left: 0; top: 0; width: 100%; padding: 0; z-index: 999; transition: all 0.2s ease-in-out; max-width: unset !important; background-color: rgba(255, 255, 255, .6); } .header__container .container-width { width: 100%; max-width: 1170px; margin: 0 auto; } .header__container-nonav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; left: 0; top: 0; width: 100%; padding: 15px !important; z-index: 999; border-bottom: 1px solid rgba(255,255,255,0.15); transition: all 0.2s ease-in-out; max-width: unset !important; } .header .header__container.fixed { position: fixed; border-bottom: none; background-color: #fff; } .header .header__container.fixed .logo .logo1 { display: none; } .header .header__container.fixed .logo .logo-fixed { display: block; } .header__row-1, .header__row-2 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } .header__row-1 { padding-top: 20px; } /* Logo */ .header__logo { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; margin: 21px 0 22px; max-width: 200px; overflow: hidden; float: left; width: auto; } .header.header--no-navigation .header__logo { max-width: unset; margin: 0 auto; } .header__logo img { max-width: 100%; } .header.header--no-navigation .header__logo img { width: 260px !important; } .header__logo .logo-company-name { font-size: 28px; margin-top: 7px; } .header__logo--main { } .header__logo--main .logo-original, .header__logo--main .logo-fixed { display: none; } /* Search bar */ .header__search { position: relative; width: 30px; margin: 10px 0; float: right; border-left: 1px solid rgba(255,255,255,0.15); } .header__search .hs-search-field__input { background-color: transparent; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+); background-position: center right 15px; background-repeat: no-repeat; border: none; color: #fff; font-family: Lato, serif; font-size: 22px; font-weight: 300; height: 45px; padding: 0 15px; } .header__search .hs-search-field--open .hs-search-field__input { border: 1.79px solid #D1D6DC; border-bottom: none; border-radius: 6px 6px 0 0; background-color: #FFF; } .header__search .hs-search-field__input::placeholder { color: transparent; } .header__search .hs-search-field--open .hs-search-field__suggestions { background-color: #FFF; border: 1.79px solid #D1D6DC; border-top: -2px solid #FFF; border-radius: 0 0 6px 6px; position: absolute; width: 100%; z-index: 10; } .header__search .hs-search-field__suggestions li { border-top: 1px solid #D1D6DC; font-family: Lato, serif; font-size: 22px; } .header__search .hs-search-field__suggestions li a { color: #494A52; padding: 3px 15px; text-decoration: none; transition: background-color 0.3s; } .header__search .hs-search-field__suggestions #results-for { display: none; } /* Language switcher */ .header__language-switcher { cursor: pointer; padding-right: 35px; } .header__language-switcher .lang_switcher_class { position: static; } .header__language-switcher .lang_list_class { border: 2px solid #D1D6DC; border-radius: 6px; box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2); color: #494A52; display: block; font-family: Lato, serif; font-size: 0.8rem; left: calc(100% - 24px); opacity: 0; min-width: 100px; padding-top: 0; text-align: left; top: 100%; transition: opacity 0.3s; visibility: hidden; } .header__language-switcher:hover .lang_list_class { opacity: 1; transition: opacity 0.3s; visibility: visible; } .header__language-switcher .lang_list_class:before { border-bottom-color: #D1D6DC; left: 70%; top: -25px; } .header__language-switcher .lang_list_class:after { left: 70%; top: -22px; } .header__language-switcher .lang_list_class.first-active::after { border-bottom-color: #EBEFF3; top: -22px; transition: 0.3s; } .header__language-switcher .lang_list_class li { border: none; font-size: 18px; padding: 10px 15px; } .header__language-switcher .lang_list_class li:first-child { border-radius: 6px 6px 0 0; border-top: none; } .header__language-switcher .lang_list_class li:last-child { border-bottom: none; border-radius: 0 0 6px 6px; } .header__language-switcher .lang_list_class li:hover { background-color: #EBEFF3; transition: background-color 0.3s; } .header__language-switcher .lang_list_class li a { color: #494A52; font-family: Lato, serif; } .header__language-switcher .lang_list_class li a:hover { color: #494A52; } .header__language-switcher--label { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .header__language-switcher--label-current { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; margin-bottom: 5px; margin-left: 10px; } .header__language-switcher--label-current:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #494A52; content: ""; display: block; height: 0px; margin-left: 10px; margin-top: 3px; width: 0px; } /* Navigation */ #nav-toggle { display: none; } .header__menu--flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__navigation.mainmenu { text-align: right; padding-left: 15px; } /* Tablet styles */ @media (max-width: 1150px) and (min-width: 900px) { .header__column { width: 100%; } } @media (max-width: 991px) and (min-width: 769px) { .hero-slider .hero-text h1 { font-size: 42px !important; line-height: 50px !important; } } /* Mobile styles */ @media (min-width: 901px){ a.mobile-trigger, span.child-triggerm { display: none !important; /* Hide button on Desktop */ } .mainmenu .navigation-primary { display: block !important; } } @media (max-width: 900px) { .header__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header__container form { max-width: 100%; } .header__logo { width: 100%; } .header__navigation, .header__search, .header__language-switcher { width: 100%; } .header__navigation.open, .header__search.open, .header__language-switcher.open { background-color: ; display: block; height: calc(100vh - 115px); left: 0; position: absolute; right: 0; top: 75px; z-index: 2; } .header__navigation--toggle, .header__search--toggle, .header__language-switcher--toggle, .header__close--toggle { cursor: pointer; margin: 0 5vw; position: relative; } .header__navigation--toggle.hide, .header__search--toggle.hide, .header__language-switcher--toggle.hide { display: none; } .header__navigation--toggle.open, .header__search--toggle.open, .header__language-switcher--toggle.open { display: block; margin-left: 0; margin-right: auto; } .header__navigation--toggle.open:after, .header__search--toggle.open:after, .header__language-switcher--toggle.open:after { display: block; word-break: normal; } .header__navigation--toggle:after, .header__search--toggle:after, .header__language-switcher--toggle:after { display: none; font-size: 26px; font-weight: 600; position: absolute; left: 40px; text-transform: uppercase; top: -10px; } .header__column { position: relative; } .header__row-1 { padding-top: 0; } .header__row-2 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px; } body .mainmenu .navigation-primary { display: none !important; } body.mobile-open .mainmenu .navigation-primary { display: block !important; position: absolute; top: 82px; left: 0px; width: 100%; padding: 0 0 0 0; background-color: #ff1331; z-index: 8888; } body.mobile-open .submenu.level-1 { display: inline-block !important; width: 100%; } body.mobile-open .submenu.level-1 > li { border-top: 1px dotted rgba(255, 255, 255, .35); position: relative; padding: 0 !important; float: left; width: 100%; margin-bottom: 0; } body.mobile-open .submenu.level-1 li a { padding: 10px 15px; font-size: 18px; line-height: 24px; overflow: visible; float: left; color: #FFF; font-weight: 500; } .header__navigation--toggle { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); background-position: top left; background-repeat: no-repeat; background-size: cover; cursor: pointer; height: 25px; width: 25px; } .header__navigation--toggle:after { content: "Menu"; } .header__language-switcher--toggle { background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png); background-size: cover; height: 25px; width: 25px; } .header__language-switcher--toggle:after { content: "Language"; } .header__language-switcher { border-top: 2px solid #CED4DB; padding-left: 30px; padding-right: 0; } .header__language-switcher .lang_list_class { background-color: inherit; border: none; border-radius: 0; box-shadow: unset; display: block; left: 30px; opacity: 1; padding: 0 30px; top: 0; visibility: visible; } .header__language-switcher .lang_list_class li { background-color: inherit; font-size: 22px; } .header__language-switcher--label-current { display: none; } .header__language-switcher .globe_class { background-image: none; } .header__language-switcher .lang_list_class li:hover { background-color: inherit; } .header__language-switcher .lang_list_class:before, .header__language-switcher .lang_list_class:after { content: none; } .header__search--toggle { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+); background-size: cover; height: 25px; width: 25px; } .header__search--toggle:after { content: "Search"; } .header__navigation-toggle svg, .menu-arrow svg { fill: ; } .header__search { border-top: 2px solid #CED4DB; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 30px; } .header__search .hs-search-field__input { padding-left: 15px; } .header__search .hs-search-field__suggestions li { padding: 10px 0; } .header__close--toggle { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); background-repeat: no-repeat; background-size: 110%; display: none; height: 25px; margin-right: 0; width: 25px; } .header__close--toggle.show { display: block; } a.mobile-trigger { display: inline-block !important; cursor: pointer; position: absolute; top: 18px; right: 15px; width: 44px; height: 44px; padding: 12px 10px; background: transparent; z-index: 99999999999; -webkit-transition: background-color 0.2s linear; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; border-radius: 6px; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; transition: color .2s ease-in; } a.mobile-trigger:hover { text-decoration: none; /* Removes link text underline on button */ color: #ff1331; } a.mobile-trigger span { display: inline; } a.mobile-trigger span:before { position: absolute; content: 'Menu'; /* Change the text on the closed toggle button */ } a.mobile-trigger span:after { position: relative; right: 2px; content: 'Close'; /* Change the text on the open toggle button */ background-color: ; opacity: 0; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; } .mobile-open a.mobile-trigger { -webkit-transition:background-color 0.2s linear; /* Button color transition effect */ -moz-transition:background-color 0.2s linear; /* Button color transition effect */ transition:background-color 0.2s linear; /* Button color transition effect */ background: transparent; /* Changes button background to be slightly darker than open menu color */ } .mobile-open a.mobile-trigger span:after { opacity: 1; } a.mobile-trigger i { display: inline; position: relative; top: -2px; margin-left: 0; -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: ''; } a.mobile-trigger i, a.mobile-trigger i:before, a.mobile-trigger i:after { width: 24px; /* Icon line width */ height: 3px; /* Icon line height */ background-color: #ff1331; /* Icon color */ display: inline-block; } a.mobile-trigger i:before { margin-top: -8px; /* 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: 8px; /* 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); } .mobile-open a.mobile-trigger i:before { margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .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); } .mobile-open a.mobile-trigger i:after { margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .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); } .mobile-open .submenu.level-2 { display: none; } .mobile-open .has-submenu.submenu-open .submenu.level-2 { display: block !important; float: left; width: 100%; max-width: 100%; position: relative !important; background: transparent; transform: none; top: 0 !important; } .mobile-open .has-submenu.submenu-open .submenu.level-2 li { text-align: left; } .mobile-open .has-submenu.submenu-open .submenu.level-2 li a { width: 100%; font-weight: 400; background-color: rgba(255, 255, 255, .08); text-indent: 10px; } .submenu.level-1 span.child-triggerm { display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 50px !important; /* Button width */ min-width: 50px !important; height: 43px !important; /* Button height */ padding: 0 !important; border-left: 1px solid rgba(255, 255, 255, .20); } .submenu.level-1 span.child-triggerm:hover { text-decoration: none; } .submenu.level-1 span.child-triggerm span { position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } .submenu.level-1 span.child-triggerm span:after { position: absolute; content: ''; } .submenu.level-1 span.child-triggerm span, .submenu.level-1 span.child-triggerm span:after { width: 10px; /* Icon line width */ height: 1px; /* Icon line height */ background-color: #FFF; /* Icon color */ display: block; } .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span:after { background-color: #FFF; } span.child-triggerm span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; } span.child-triggerm.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; } span.child-triggerm.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; } .submenu.level-2 span.child-triggerm { display: none !important; } .submenu.level-3 { display: none !important; } } @media (max-width: 768px) { .hero-slider .hero-text h1 { font-size: 32px !important; line-height: 40px !important; padding: 15px 0; } } @media (max-width: 500px) { .hero-slider .hero-text h1 { font-size: 26px !important; line-height: 34px !important; } } .footer { text-align: left; padding: 0; display: flex; position: relative; } .footer .footer-overlay { background-color: rgba(0, 0, 0, .75); padding: 50px 0 0; position: relative; width: 100%; } .footer.footer--no-navigation { padding: 0 16px; text-align: center; } .footer--no-navigation .footer-copyright { font-size: 0.8rem; width: 100%; text-align: center; } .footer.footer--no-navigation .content-wrapper { margin: 0 auto; text-align: center; } .footer__container.content-wrapper { padding: 1rem 0; margin: 0 auto; height: 100%; min-height: 320px; } .footer .footer-bottom { padding: 7px 0; background: #212326; width: 100%; display: inline-block; float: left; box-sizing: border-box; } .footer .footer-content { font-size: 13px; line-height: 1.7; } .footer-block, .footer-recent { padding-right: 28px; border-right: 1px solid rgba(255,255,255,0.10); width: 22.5%; display: block; float: left; margin-left: 2.5%; box-sizing: border-box; } .footer-recent { border-right: 0; } .footer-header h3 { margin-top: 16px; font-size: 14px; line-height: 20px; color: #FFFFFF; text-transform: uppercase; letter-spacing: 0.5px; } .footer-header h3:after { content: ''; margin-top: 10px; width: 27px; height: 3px; display: block; background: #FFF; } .footer-copyright, .footer-poweredby { margin: 0.5rem; padding: 3px 0; width: 46.5%; text-align: left; margin-left: 2.5%; float: left; } .footer-poweredby { text-align: right; } .footer-menuB { width: 47.5%; text-align: right; float: left; } .footer-bottom .content-wrapper { margin: 0 auto; } .footer .footer-logo img { max-width: 200px; padding-bottom: 12px; } .footer-icon .social-links { justify-content: left; margin: 30px 0 10px; } .footer-icon .social-links a { -webkit-transition: ease all 0.4s; -moz-transition: ease all 0.4s; -o-transition: ease all 0.4s; -ms-transition: ease all 0.4s; transition: ease all 0.4s; } .footer-icon .social-links a:hover .social-links__icon { background-color: #ff1331 !important; -webkit-transition: ease all 0.4s; -moz-transition: ease all 0.4s; -o-transition: ease all 0.4s; -ms-transition: ease all 0.4s; transition: ease all 0.4s; } .footer-icon ul { margin:0 0 30px; padding:0; list-style-type:none; } .footer-icon ul li { margin:0; padding:5px 2px 5px 0; display:inline-block; } .footer-icon ul li a { width:38px; height:38px; line-height:36px; display:inline-block; border:2px solid #777777; color:#777777; text-align:center; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .footer-icon ul li a:hover { background:#ff1331; border-color:#ff1331; color:#fff; } .footer-icon ul li:nth-child(1) a:before { content:"\f230"; font-family: 'FontAwesome'; display:block; } .footer-icon ul li:nth-child(2) a:before { content:"\f099"; font-family: 'FontAwesome'; display:block; } .footer-icon ul li:nth-child(3) a:before { content:"\f1a0"; font-family: 'FontAwesome'; display:block; } .footer-icon ul li:nth-child(4) a:before { content:"\f08c"; font-family: 'FontAwesome'; display:block; } .footer-icon ul li:nth-child(5) a:before { content:"\f231"; font-family: 'FontAwesome'; display:block; } .footer-menu ul li { margin: 0; padding: 0; display: block; width: 100%; } .footer-menu ul li a { width: auto; margin: 0; padding: 5px 0 5px 22px; color:#FFF; position: relative; } .footer-menu ul li a:hover { padding: 5px 0 5px 25px; color: #ff1331; } .footer-menu ul li a:before { content: "\f105"; width: 14px; height: 14px; font-size: 12px; line-height: 13px; letter-spacing: -2px; border: 1px solid #FFF; position: absolute; top: 8px; left: 0; font-family: 'FontAwesome'; text-align: center; -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .footer-menu ul li a:hover:before { left: 3px; color: #FFF; background: #ff1331; border-color: #ff1331; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .footer-subscribe h3 { display: none; } .footer-subscribe .hs-form label { display: none; } .footer-subscribe .hs-form input.hs-input { background:rgba(255,255,255,0.10); border:none; color:#fff; font-weight:600; margin-top:25px; padding:0 20px; height:50px; width:100%; text-transform:uppercase; letter-spacing:1px; } .footer-subscribe .hs-form input.hs-input:first-of-type { margin-top:8px; } .footer-subscribe .hs-button { width:100%; border-radius:0; text-transform:uppercase; letter-spacing:0.5px; font-size:13px; line-height:24px; border:2px solid transparent; font-weight:700; padding:10px 20px; display:inline-block; } .footer-subscribe .hs-button:hover { border-color:#fff; color:#fff; background:transparent; } .footer-blog .post-content { display:block; } .footer-blog .post-content .post-title a { font-size: 13px; line-height: 22px; color: #FFFFFF; opacity: 0.80; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .footer-blog .post-content .post-title a:hover { color:#ff1331; text-decoration:none; } .footer-blog .post-date { font-size:12px; text-transform:uppercase; color:#777777; padding-top:6px; font-family: 'PT Serif', serif; font-style: italic; } .footer-blog .post-block { margin-bottom:20px; } .footer-blog .post-image { width:51px; height:51px; top:20px; left:0; display:block; float:left; margin-right:12px; margin-top:7px; } .footer-blog .bgimg-main1 { background-size:cover !important; background-repeat:no-repeat !important; background-position:center !important; } .footer-blog .bgimg-main1 img { display: none; } .footer-bottom .footer-menuB .active-branch { display:inline-flex; } .footer-bottom .footer-menuB ul li a { font-size:13px; font-weight:600; color:#777777; text-transform:uppercase; display:inline-block; padding:10px 20px; text-decoration:none; white-space: normal; } .footer-bottom .footer-menuB ul li a:hover { color:#000; text-decoration:none; } .footer-contact ul, .footer-block .footer-menu ul { margin: 0; padding: 0; list-style-type: none; } .footer-contact ul li { padding: 5px 0 5px 25px; position: relative; } .footer-contact ul li:before { content: ''; position: absolute; top: 6px; left: 0; font-family: 'FontAwesome'; } .footer-contact ul li:nth-child(1):before { content: "\f041"; } .footer-contact ul li:nth-child(2):before { content: "\f095"; } .footer-contact ul li:nth-child(3):before { content: "\f1d8"; } .footer-contact ul li:nth-child(4):before { content: "\f017"; } .footer-contact ul li a { color: #FFF; } .footer-contact ul li a:hover { color: #ff1331; text-decoration: none; } @media (max-width: 991px) { .footer-block, .footer-recent { padding-right: 20px; padding-left: 20px; border: none; width: 50%; float: left; margin: 0; height: 297px; } .footer-bottom .footer-menuB ul li a { padding: 10px 8px; } .footer .footer-overlay { padding: 50px 0px 20px; } .footer__container.content-wrapper { padding: 1rem; } .footer-header h3 { font-size: 14px !important; } } @media (max-width: 525px) { .footer-block, .footer-recent { width: 100%; float: left; height: auto; } .footer-recent { padding-top: 20px; } .footer-bottom .footer-copyright, .footer-bottom .footer-poweredby { width: 100%; text-align: center; } .footer-bottom .footer-menuB { width: 100%; text-align: center; } } .hs-menu-wrapper ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding-left: 0; } /* Horizontal menu */ .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 767px) { .hs-menu-wrapper.hs-menu-flow-horizontal ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } /* Vertical menu */ .hs-menu-wrapper.hs-menu-flow-vertical ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* Flyouts */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media (max-width: 767px) { .hs-menu-wrapper.hs-menu-flow-vertical ul { display: -webkit-box; display: -ms-flexbox; display: flex; } } .hs-menu-wrapper.flyouts .hs-item-has-children { position: relative; } .hs-menu-wrapper.flyouts .hs-menu-children-wrapper { left: -9999px; opacity: 0; position: absolute; } .hs-menu-wrapper.flyouts .hs-menu-children-wrapper a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 0; opacity: 1; top: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 100%; opacity: 1; top: 0; } @media (max-width: 767px) { .hs-menu-wrapper.flyouts .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 0; opacity: 1; position: relative; top: auto; } } .body-container--blog-index { background: #f5f5f5; } .hs-blog-post .top-scroll.background-white, .hs-blog-listing .top-scroll.background-white { background: #f5f5f5; } /* Blog header */ .blog-header { background-color: #F8FAFC; text-align: center; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; padding-top: 100px; } .blog-header:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .6; background: #000; } .blog-header .blog-header__inner { margin: 0 auto; max-width: 720px; position: relative; padding: 100px 20px 80px !important; } .blog-header .blog-header__title { font-size: 47px; line-height: 62px; color: #fff; font-weight: 600; letter-spacing: 2px; margin: 0; } .blog-header .blog-header__title:after { content: ''; margin: 15px auto 0; width: 43px; height: 4px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; display: block; background: #FFF; } .blog-header__subtitle { margin: 1rem 0 2rem; } .blog-header__form { margin: 0 1rem; } @media screen and (min-width: 768px) { .blog-header__form { margin: 0 auto; width: 500px; } } /* Blog header - author listing */ .blog-header__author-avatar { background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 50%; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15); height: 200px; margin: 0 auto 1.5rem; width: 200px; } .blog-header__author-social-links a { background-color: #000; border-radius: 50%; display: inline-block; height: 40px; margin: 0 5px; position: relative; width: 40px; } .blog-header__author-social-links a:hover { background-color: #494A52; } .blog-header__author-social-links svg { fill: #FFF; height: 15px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; } /* Blog listing */ .blog-index { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 3.3rem 0; } .blog-index:after { content: ""; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .blog-index__tag-header { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; padding: 1rem; } .blog-index__tag-subtitle { font-size: 1.16rem; line-height: 1.1; } .blog-index__tag-heading { border-bottom: 3px solid #D1D6DC; padding-bottom: 1rem; } .blog-index__post { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 1rem; } @media screen and (min-width: 768px) { .blog-index__post { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); } } @media screen and (min-width: 1000px) { .blog-index__post { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100%/3); flex: 0 0 calc(100%/3); } } @media screen and (min-width: 768px) { .blog-index__post--large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; justify-items: space-between; } } .blog-index__post-image { display: block; background-image: url('https://cdn2.hubspot.net/hubfs/6326501/boilerplate/grayscale-mountain.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; padding-bottom: 63%; } @media screen and (min-width: 768px) { .blog-index__post-image--large { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-bottom: 0; } .blog-index__post-content--large { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-left: 2rem; } .blog-index__post-image--large { -webkit-box-flex: 1; -ms-flex: 1 1 48%; flex: 1 1 48%; } .blog-index__post-content--large { -webkit-box-flex: 1; -ms-flex: 1 1 48%; flex: 1 1 48%; padding-left: 2rem; } .blog-index__post-content--full-width { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-left: 0; } } .blog-index__post-content h2 { margin: 0.5rem 0; } .blog-index__post-content--small h2 { font-size: 1.25rem; } .blog-index__post-content p { font-family: Lato, sans-serif; } .blog-index__post-content a { color: #494A52; } .blog-index__post img { height: auto; max-width: 100%; } /* Blog Listing */ .hs-blog-post h2:after { display: none; } .blog-left { padding: 20px 0 30px; width: 74%; } .blog-right { padding-top: 20px; width: 23.5%; float: left; margin-left: 2.5% } .blog-section3 .post-listing { margin: 0; width: 100%; display: inline-block; } .blog-section3 .blog-listing-wrapper .post-item { width: 50%; float: left; padding: 15px; } .blog-section3 .blog-listing-wrapper .post-box { background-color: #FFFFFF; -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 7px rgba(0,0,0,0.1); -o-box-shadow: 0 1px 7px rgba(0,0,0,0.1); -ms-box-shadow: 0 1px 7px rgba(0,0,0,0.1); box-shadow: 0 1px 7px rgba(0,0,0,0.1); } .blog-section3 .post-body .hs-featured-image-wrapper { height: 288px; text-align: right; position: relative; } .blog-section .blog-post-wrapper .hs-featured-image-wrapper { height: 420px; background-position: center center !important; background-size: cover !important; position: relative; } .bgimg-main1 { background-size: cover; background-repeat: no-repeat; background-position: center center; } .blog-section3 .blog-listing-wrapper .post-body .hs-featured-image-wrapper:after { content: ''; position: absolute; top: 100%; left: 100%; right: 100%; bottom: 100%; background: #000000; opacity: 0.70; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .blog-section3 .hs-featured-image-link { border: 0; } .bgimg-main1 img { display: none; } .blog-section3 .hs-featured-image { display: none; } .blog-section3 .blog-listing-wrapper .post-body .post-plus { font-size: 30px; width: 65px; height: 65px; line-height: 61px; color: #FFFFFF; border: 2px solid #FFFFFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; text-align: center; z-index: 1; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .blog-section3 .blog-listing-wrapper .post-body .fa-plus:before { content: "\f067"; } .blog-section3 .blog-listing-wrapper .post-body a.topic-link:last-child { margin-right: 14px; } .blog-section3 .blog-listing-wrapper .post-body a.topic-link { margin: 14px 7px 0; padding: 2px 8px; font-size: 10px; line-height: 18px; text-transform: uppercase; display: inline-block; background-color: #ff1331; color: #FFFFFF; } .blog-section3 .blog-listing-wrapper .post-box:hover .post-plus { opacity: 1; } .blog-section3 .blog-listing-wrapper .post-box:hover .hs-featured-image-wrapper:after { top: 0; left: 0; right: 0; bottom: 0; } .blog-section3 .blog-listing-wrapper .hs-featured-image-wrapper { height: 320px; background-position: center center !important; background-size: cover !important; position: relative; } .blog-section3 .blog-listing-wrapper .post-header { padding: 10px 0; } .blog-section3 .blog-listing-wrapper .post-header h2 { font-size: 26px; line-height: 36px; font-weight: 600; text-transform: none; } .blog-section3 .blog-listing-wrapper .post-header h2:after, .blog-section3 .blog-listing-wrapper .post-header h2:before { display: none; } .blog-section3 .blog-listing-wrapper .post-header h2 a { color: #505050; } .blog-section3 .blog-listing-wrapper .post-header h2 a:hover { color: #ff1331; } .blog-section3 .blog-listing-wrapper .post-date, .blog-section .blog-post-wrapper .post-date { padding: 18px 25px; font-size: 26px; line-height: 32px; height: 110px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; color: #FFF; background: #ff1331; position: absolute; bottom: 15px; left: 15px; text-align: center; } .blog-section .blog-post-wrapper .post-date { bottom: -85px; } .blog-section3 .blog-listing-wrapper .post-date span, .blog-section .blog-post-wrapper .post-date span { display: block; font-size: 50px; line-height: 50px; } .blog-section .blog-post-wrapper .postinner-title { padding: 0 0 20px 140px; } .blog-section .blog-post-wrapper .postinner-title h1 { padding: 10px 0; font-size: 26px; line-height: 36px; font-weight: 600; text-transform: none; color: #333333; margin: 0; } .blog-section3 .blog-listing-wrapper .post-content { height: 138px; } .blog-section3 .blog-listing-wrapper a.link-post { margin: 10px 0 30px; min-width: 125px; padding: 5px 20px; font-size: 13px; line-height: 20px; text-transform: uppercase; background: #f5f5f5; display: inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; letter-spacing: 0.5px; font-weight: 600; } .blog-section3 .blog-listing-wrapper .link-post:hover { color: #f5f5f5; background: #ff1331; } .blog-topics { margin: 0 auto; } .blog-topics ul { margin: 0; padding: 0 15px; list-style-type: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; background: #FFFFFF; display: inline-block; } .blog-topics ul li:first-child { border-left: none; } .blog-topics ul li { margin: 8px 0; padding: 0 30px; display: inline-block; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; } .blog-topics ul li:last-child { border-right: none; } .blog-topics ul li a { font-size: 13px; line-height: 26px; color: #999999; font-family: Open Sans; font-weight: bold; text-transform: uppercase; } .blog-topics ul li a:hover { color: #ff1331; } /* Blog Post */ .blog-section3 .post-header h1 { padding: 40px 0 10px; font-size: 30px; line-height: 40px; font-weight: 700; letter-spacing: 0.5px; } .post-comment .hubspot-editable, .post-comment .custom_listing_comments, .postinner-title .post-author, .postinner-title .custom_listing_comments { padding: 0 10px 0 0; display: inline-block; vertical-align: top; } .post-comment .hubspot-editable:before, .postinner-title .post-author:before { content: "\f007"; margin-right: 5px; display: inline-block; font-family: 'FontAwesome'; color: #ff1331; } .post-comment .custom_listing_comments:before, .postinner-title .custom_listing_comments:before { content: "\f086"; margin-right: 5px; display: inline-block; font-family: 'FontAwesome'; color: #ff1331; } .post-comment .hubspot-editable a, .post-comment .custom_listing_comments a, .postinner-title .post-author a { font-weight: 600; color: #333333; } .post-comment .hubspot-editable a:hover, .post-comment .custom_listing_comments a:hover, .postinner-title .post-author a:hover { color: #ff1331; text-decoration: none; } .more-link.link-style2 { min-width: auto; padding: 8px 25px; border-radius: 100px; font-weight: 500; min-width: 220px; text-transform: uppercase; line-height: 24px; z-index: 5; overflow: hidden; position: relative; display: inline-block; background-color: transparent; color: #ff1331; border: 1px solid #ff1331; margin: 20px 0 0; font-size: 16px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; } .more-link.link-style2:hover { background: #ff1331; color: #FFF; -webkit-box-shadow: 0 8px 15px rgb(0 0 0 / 15%); -moz-box-shadow: 0 8px 15px rgba(0,0,0,.15); -o-box-shadow: 0 8px 15px rgba(0,0,0,.15); -ms-box-shadow: 0 8px 15px rgba(0,0,0,.15); box-shadow: 0 8px 15px rgb(0 0 0 / 15%); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -o-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } .blog-section .blog-post-wrapper .social-sharing { margin: 30px 0 0; padding: 50px 0 100px; font-size: 20px; text-align: center; text-transform: uppercase; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; } .blog-section .blog-post-wrapper .social-sharing span { padding-right: 10px; } .blog-section .blog-post-wrapper .social-sharing ul { margin: 0 0 0 20px; padding: 0 0 0 20px; list-style-type: none; display: inline-block; border-left: 1px solid; line-height: 22px; } .blog-section .blog-post-wrapper .social-sharing ul.share-buttons { margin: 0; padding: 0; list-style-type: none; padding-left: 10px; } .blog-section .blog-post-wrapper .social-sharing ul li { margin: 0 5px; padding: 0; display: inline-block; } .blog-section .blog-post-wrapper .social-sharing ul li a { color: #505050; } .blog-section .blog-post-wrapper .social-sharing ul li a:hover { color: #ff1331; } .post_slugsec { padding: 40px 0; width: 100%; float: left; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; } .post_slugsec .post_slug { padding: 0; width: 50%; float: left; } .post_slugsec .post_slug:last-child { text-align: right; } .post_slugsec .post_slug a { color: #505050; } .post_slugsec .post_slug a:hover { color: #ff1331; } .post_slugsec .post_slug i { margin: 0 5px; font-size: 22px; vertical-align: middle; } .hs-blog-post .blog-post-date, .hs-blog-post .blog-post-themes, .hs-blog-post .custom_listing_comments, .hs-blog-post .hs-author-social-section, .hs-blog-post .blog-post-share { display: inline-block; font-family: 'PT Serif', serif; font-style: italic; color: #999999; } .hs-blog-post .blog-post-date:after, .hs-blog-post .custom_listing_comments:after, .hs-blog-post .blog-post-themes:after { content: '/'; margin: 0 4px; display: inline-block; font-style: normal; } .hs-blog-post .blog-post-themes a { color: #999999; } .hs-blog-post .sidebar.social-sharing { width: auto; display: inline-block; } .hs-blog-post .social-sharing ul.share-buttons { margin: 0; padding: 0; list-style-type: none; } .hs-blog-post .social-sharing ul.share-buttons li { margin: 0; padding: 0 3px; display: inline-block; } .hs-blog-post .hs-author-social-section { font-style: normal; } .hs-blog-post .blog-post-topic { padding: 15px 0 50px; } .hs-blog-post .blog-post-topic a.topic-link { margin: 0; padding: 5px 10px; font-size: 11px; border: 1px solid #999999; color: #999999; font-weight: 700; background: #FFFFFF; line-height: 18px; text-transform: uppercase; display: inline-block; } .hs-blog-post .blog-post-topic a.topic-link:last-child { margin-right: 14px; } .hs-blog-post a.topic-link:hover { border-radius: 50px; } .blog-post-wrapper .about-author-sec { margin: -50px 0 0; padding: 0 0 30px; text-align: center; } .blog-post-wrapper .about-authorimg { margin: 0 auto; width: 100px; height: 100px; background-position: center center !important; background-size: cover !important; position: relative; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; border: 7px solid #EAEAEA; } .blog-post-wrapper .about-authortext h3 { margin-top: 10px; font-size: 14px; line-height: 30px; text-transform: none; font-weight: 400; font-style: italic; } .blog-post-wrapper .about-authortext h3 a { font-size: 16px; line-height: 30px; display: block; text-transform: uppercase; font-style: normal; font-weight: 600; color: #333333; } .blog-post-wrapper .about-authortext h3 a:hover { color: #ff1331; text-decoration: none; } .hs-blog-post .about-text h3:after { display: none; } .blog-right-search { padding: 40px 0; clear: both; position: relative; } .blog-right-search .hs-form .field > label { display: none; } .blog-right-search .input { position: relative; } .blog-right-search input { padding: 0 65px 0 15px; height: 65px; border-color: #505050; color: #505050; font-size: 20px; font-weight: 200; } .blog-right-search button { margin: 0; min-width: auto; max-width: 20px; position: absolute; top: 0; right: 0; height: 100%; font-size: 0; background: transparent; color: #ff1331; border: 0; border-radius: 0; } .blog-right-search button:hover { color: #ff1331; background: transparent; } .blog-right-search input[type=text] { text-transform: none; } .fa-search:before { content: "\f002"; } .blog-right-search .hs-button:after { content: "\f002"; font-size: 16px; line-height: 30px; font-family: 'FontAwesome'; display: inline-block; } .blog-right-topic { border: 2px solid #d1d6dc; background: #FFF; padding: 30px 18px 10px; } .blog-right-topic h3, .blog-right-posttopic h3 { font-size: 14px; line-height: 22px; text-transform: uppercase; letter-spacing: 0.5px; color: #333; } .blog-right-topic h3:after, .blog-right-posttopic h3:after { content: ''; margin: 10px 0; width: 27px; height: 3px; display: block; background: #ff1331; } .blog-right-box { padding: 15px 0px 15px 85px; border-bottom: 1px solid #DFDFDF; font-size: 14px; line-height: 20px; min-height: 104px; position: relative; display: inline-block; } .blog-right-box:last-child { border-bottom: none; } .blog-right-box .post-image { height: 70px; width: 70px; background-size: cover; background-position: center center; position: absolute; top: 15px; left: 0; } .blog-right-box .post-topic .post-title a { font-size: 14px; line-height: 20px; color: #777777; padding: 0 0 7px; font-weight: 500; } .blog-right-box .post-topic .post-title a:hover { color: #ff1331; } .post-topic { width: 99%; float: left; } .post-topic .post-title a { font-size: 14px; line-height: 20px; color: #777777; } .post-date-box { font-size: 13px; } .blog-right-posttopic { clear: both; position: relative; padding: 0; } .blog-right-topic h3, .blog-right-posttopic h3 { font-size: 14px; line-height: 22px; text-transform: uppercase; letter-spacing: 0.5px; } .blog-right-topic h3:after, .blog-right-posttopic h3:after { content: ''; margin: 10px 0; width: 27px; height: 3px; display: block; background: #ff1331; } .blog-right-posttopic ul { margin: 0; padding: 0; list-style-type: none; width: 100%; } .blog-right-posttopic ul li { margin: 0 0 3px; width: 100%; display: block; position: relative; float: left; } .blog-right-posttopic ul li a { word-wrap: break-word; max-width: none !important; text-overflow: inherit !important; vertical-align: top; white-space: normal; padding: 14px 20px; width: 100%; background: #FFF; color: #505050; position: relative; display: inline-block; overflow: hidden; } .blog-right-posttopic ul li a:before { content: ''; width: 4px; height: 100%; position: absolute; top: 0; left: 0; background: #FFF; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .blog-right-posttopic ul li a:hover:before { background: #ff1331; } /* Blog pagination */ .blog-pagination { padding: 10px 0 30px; text-align: center; width: 100%; display: inline-table; margin: 0 auto; position: relative; } .blog-pagination .all-posts-link, .blog-pagination .next-posts-link, .blog-pagination .previous-posts-link { margin: 5px 2px; padding: 5px 30px; font-size: 24px; line-height: normal; border: 2px solid #ff1331; display: inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; font-weight: 600; vertical-align: top; color: #ff1331; } .blog-pagination .active .all-posts-link, .blog-pagination .all-posts-link:hover, .blog-pagination .next-posts-link:hover, .blog-pagination .previous-posts-link:hover { background: #ff1331; color: #FFF; text-decoration: none; } .blog-pagination__prev-link, .blog-pagination__next-link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .blog-pagination__prev-link { margin-right: 0.25rem; text-align: right; } .blog-pagination__next-link { margin-left: 0.25rem; text-align: left; } .blog-pagination__prev-link--disabled, .blog-pagination__next-link--disabled { color: #B0C1D4; cursor: default; pointer-events: none; } .blog-pagination__prev-link svg, .blog-pagination__next-link svg { fill: #494A52; margin: 0 5px; } .blog-pagination__prev-link--disabled svg, .blog-pagination__next-link--disabled svg { fill: #B0C1D4; } .blog-pagination__number-link:hover, .blog-pagination__number-link:focus { border: 2px solid #B0C1D4; } /* Blog post */ .blog-post { margin: 0 auto; max-width: 960px; padding: 3.3rem 0; } .blog-post h1 { font-size: 1.6rem; } .blog-post__meta { margin: 1rem 0; } .blog-post__meta a { color: #494A52; text-decoration: underline; } .blog-post__tags { color: #000; font-family: Lato, sans-serif; } .blog-post__tags svg { height: auto; margin-right: 10px; width: 15px; } .blog-post__tag-link { color: #000; font-size: .8rem; } /* Blog related posts */ .blog-recent-posts { background-color: #F8FAFC; margin-top: 3rem; padding: 2rem 0; } .blog-recent-posts h2 { text-align: center; } .blog-recent-posts__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-recent-posts__post { color: #494A52; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 1rem; } @media(max-width:1200px) { .blog-section .blog-post-wrapper .postinner-title h1 { font-size:26px !important; } .blog-left { width: 73%; } .blog-right { margin-left: 2%; margin-right: 2%; width: 22.5%; } } @media screen and (min-width: 768px) { .blog-recent-posts__post { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); } } @media screen and (min-width: 1000px) { .blog-recent-posts__post { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100%/3); flex: 0 0 calc(100%/3); } } .blog-recent-posts__post:hover { text-decoration: none; } .blog-recent-posts__image { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-bottom: 63%; } .blog-recent-posts__title { margin: 1rem 0 0.5rem; } .hs-blog-post .related-post { margin-top: 48px; padding: 35px 0 60px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .hs-blog-post .related-post h4 { font-size: 16px; line-height: 24px; color: #999999; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; } .hs-blog-post .related-post h4:after { content: ''; margin-top: 7px; width: 27px; height: 3px; background: #ff1331; display: block; } .hs-blog-post .related-slider { margin: 16px -16px 0; display: block; } /* Blog comments */ .blog-comments { margin: 0 auto; max-width: 680px; } .blog-comments form { max-width: 100%; } .blog-comments .hs-submit { text-align: center; } .blog-comments .hs-button { background-color: transparent; border: 2px solid #494A52; color: #494A52; } .blog-comments .hs-button:hover { background-color: #494A52; color: #FFF; } .blog-comments .comment-reply-to { border: 0 none; } .blog-comments .comment-reply-to:hover { background-color: transparent; color: #494A52; text-decoration: underline; } .hs-blog-post .new-comments { font-size: 17px; line-height: 34px; text-align: center; } @media (max-width: 991px) { .blog-right-topic h3, .blog-right-posttopic h3 { font-size: 14px !important; } } @media (max-width: 768px) { .hs-blog-post .blog-left, .hs-blog-post .blog-right { width: 100%; margin-top: 30px; } .hs-blog-post .blog-left { padding: 0 20px; } .hs-blog-post .blog-right { padding: 0 20px; margin-left: 0; } } @media (max-width: 525px) { .blog-section3 .blog-listing-wrapper .post-item { width: 100%; } } /* Error pages */ .error-page { padding: 10rem 0; position: relative; text-align: center; } .error-page:before { color: #F3F6F9; content: attr(data-error); font-family: Lato, sans-serif; font-size: 40vw; font-weight: bold; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; z-index: -1; } @media screen and (min-width: 1100px) { .error-page:before { font-size: 20rem; } } /* System pages */ .systems-page { margin: 0 auto; max-width: 700px; padding: 3rem 1.4rem; } .systems-page .success { background-color: #CDE3CC; border: 1.5px solid #4F7D24; border-radius: 6px; color: #4F7D24; display: inline-block; margin: 1.4rem 0; padding: 0.1rem 0.7rem; width: 100%; } .systems-page form input { max-width: 100%; } #email-prefs-form .header { background-color: transparent; } /* Search pages */ .hs-search-field__bar { position: relative; } .hs-search-field__suggestions { background-color: #FFF; max-width: 360px; position: absolute; right: 0; top: 100%; width: 100%; } .hs-search-results { margin-top: 1.4rem; } ul.hs-search-results__listing li { margin-bottom: 1.4rem; } .hs-search-results__title { color: #494A52; font-family: Merriweather, serif; font-size: 1.25rem; margin-bottom: 0.35rem; text-decoration: underline; } .hs-search-results__title:hover { text-decoration: none; } .hs-search-results__description { padding-top: 0.7rem; } .hs-search-highlight { font-weight: bold; } .hs-search-results__pagination a { color: #0270E0; } /* Password prompt */ .password-prompt input[type=password] { display: block; height: auto !important; margin-bottom: 1.4rem; } /* Backup unsubscribe */ .backup-unsubscribe #email-prefs-form div { padding-bottom: 0 !important; } .backup-unsubscribe input[type=email] { margin-bottom: 1.4rem; padding: 0.7rem !important; } .landing-hero {position:relative;} .landing-hero .Lead_Hero_Section-row-0-background-image {position:relative;} .landing-hero .Lead_Hero_Section-row-0-background-image:before {content:'';width: 100%; height: 100%;position: absolute; top: 0; left: 0; background: #fff; opacity: .78;} .landing-hero .Lead_Hero_Section-row-0-background-image .row-fluid {position:relative;} .landing-hero h1 {font-weight: 400;margin-bottom: 40px;} .lead-hero.landing-hero .widget-type-text { font-style: italic; line-height: 30px; margin-bottom: 30px;color:#545454;} .landing-hero ul {padding-left:20px;} .landing .landing-hero ul li { color:#fff;} .landing-hero ul li { padding-left: 25px; position: relative; line-height: normal; margin-bottom: 10px; list-style:none;color:#545454;} .landing-hero ul li:before { position: absolute; content: ""; height: 8px;width: 8px;left: 0; top: 7px; background: #000;} .lead-hero .landing-formwrap { max-width: 100%; background: #ff1331; padding: 35px; position: relative;} .lead-hero .landing-formwrap:before { content: ''; border-top: 10px solid #000; position: absolute; bottom: 100%; left: 40px; right: 40px;} .lead-hero .hero-form-title { padding: 0; background: transparent;} .lead-hero .hero-form-title h3 { padding: 0 0 30px;color:#fff;text-align: center; margin-bottom:0;} .lead-hero .landing-formwrap form { padding: 0;} .landing-formwrap form .hs-form-field { margin-bottom: 20px;} .landing-formwrap .hs_cos_wrapper h3 {display:none;} .landing-formwrap form .hs-form-field { margin-bottom: 20px;} .landing-formwrap form .hs-form-field .hs-input { border-radius: 0 !important;border: 1px solid #ccc !important; font-size: 14px;padding: 0 15px !important; height: 50px;} .landing-formwrap form .hs-form-field .hs-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ccc; font-size:14px;} .landing-formwrap form .hs-form-field .hs-input::-moz-placeholder { /* Firefox 19+ */ color:#ccc;font-size:14px;} .landing-formwrap form .hs-form-field .hs-input:-ms-input-placeholder { /* IE 10+ */ color:#ccc; font-size:14px;} .landing-formwrap form .hs-form-field .hs-input:-moz-placeholder { /* Firefox 18- */ color:#ccc;font-size:14px;} .lead-hero .landing-formwrap form input[type="submit"] {background:#000; box-shadow: none; border: 2px solid #000; color: #fff; min-width: 288px; font-weight: 400; font-size: 18px; padding: 18px 10px; cursor: pointer; -webkit-appearance: none; border-radius: 2px; border: 0; box-sizing: border-box; display: inline-block; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; box-shadow: 0 10px 25px rgba(0,0,0,0.16); border-radius: 2px; width: 100%;} .lead-hero .landing-formwrap form input[type="submit"]:hover {background:#000;} .lead-testimonial-colin { padding: 0 50px 0 180px;} .lead-slidecontent { position: relative; font-style: italic; line-height: 30px; color:#fff;} .lead-slidecontent:before { content: "\f10d"; font-family: 'FontAwesome'; position: absolute; top: 0; right: 103%; font-size: 100px; color: #fff; line-height: normal; font-style: normal; opacity: .1;} .lead-slideinfo { padding: 25px 0 20px 0; font-size: 20px; position: relative; display: flex; align-items: center;} .lead-slideimg { width: 69px; height: 69px; overflow: hidden;border-radius: 100px;font-family: "Open Sans";} .lead-slidename { padding-left: 15px;font-size: 16px; line-height: 20px; color: #fff;} .lead-slidename h5 { color: #fff; margin-bottom: 10px;} .lead-service-col { float: left; width: 33.33%; padding: 20px 40px 0;} .lead-service-colin { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .lead-service-in { padding: 60px 10px;} .lead-service-icon img { max-width: 64px;} .lead-service-title { padding: 25px 0 20px; font-size: 24px; line-height: 30px; font-family: 'Roboto Slab',serif; color:#000;} .lead-service-text { line-height: 28px;} .lead-service-colin:hover { -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3); -o-box-shadow: 0 0 10px rgba(0,0,0,0.3); -ms-box-shadow: 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3);} .lp-footer-section {background-color:#ff1331;color: #9189ac; padding: 30px 0px;text-align: center; width:100%; float:left;} .landing .landing-hero:before { position: absolute; content: ""; left: 0; top: 0; background: #171746; opacity: .7; height: 100%; width: 100%;} .landing .landing-hero .LpHero_Section-row-0-vertical-alignment {color:#fff;} .landing .landing-hero .LpHero_Section-row-0-vertical-alignment h1 {color:#fff;} .landing .landing-hero .LpHero_Section-row-0-vertical-alignment > .row-fluid {position:relative;} .landing .landing-formwrap { max-width: 360px; float: right; width: 100%; background: #eee;} .landing .hero-form-title { background: #ff1331; padding: 15px 0 7px; position: relative;} .landing .hero-form-title:before { width: 100%; height: 100%; background: #ff1331; position: absolute; bottom: -20px; top: auto; left: 0; border-bottom: 5px solid #000; content: ''; -webkit-transform: skewY(-5deg); transform: skewY(-5deg);} .landing .row-fluid .hero-form-title h3 { color: #fff; font-size: 36px; margin: 0; text-align: center; line-height: normal; position: relative;font-weight: 400;} .landing .landing-formwrap form { padding: 45px 20px 20px;} .landing .landing-formwrap .hs-form .field { padding: 0; margin-bottom: 20px; width: 100% !important;} .landing .hs-form-field > label { color: #666; font-size: 14px; margin-bottom: 3px; line-height: normal; display: block;} .landing .landing-formwrap form .hs-form-field .hs-input {border-radius: 0 !important; border: 1px solid #ccc !important; font-size: 14px; padding: 0 15px !important; height: 50px;font-weight: 300;} .landing .landing-formwrap form input[type="submit"] { background-color: #ff1331; color: #fff; min-width: 288px; font-weight: 400; font-size: 18px; padding: 18px 10px; cursor: pointer; -webkit-appearance: none; border-radius: 2px;border: 0; box-sizing: border-box; display: inline-block; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; box-shadow: 0 10px 25px rgba(0,0,0,0.16); border-radius: 2px;} .landing .landing-formwrap form input[type="submit"]:hover {background-color: #000;} .landing .landing-formwrap form ul li {list-style:none;} .landing .landing-formwrap form ul li:before {display:none;} .cta-strip-section h4 {color:#fff;margin-bottom:0;} .cta-strip-section h4 span {color:#000;} .cta-strip-section .cta_button {float: none; display: inline-block; vertical-align: top; border-radius: 2px; background-color: #000; position: relative; color: #fff; padding: 11px 20px; min-width: 303px; box-sizing: border-box !important; /* font-family: 'Gotham-Medium',sans-serif; */ text-align: center; border-radius: 0;} .cta-strip-section .cta_button:hover {background-color:#000; } .people-saying-section h2 {text-align:center;} .people-saying-section .People_Saying_Section-row-0-padding span {text-align:center;} .client-saycolumn { padding: 0px 22px;} .client-saycolumn > div { position: relative; background:#ff1331; text-align: left; padding: 25px;} .client-saycolumn > div:before { background: #171746; bottom: -15px; content: ""; height: 100%; left: 0; opacity: .3;position: absolute; -webkit-transform: skewY(-4deg); transform: skewY(-4deg); width: 100%; z-index: -1;} .client-imgbox { position: absolute;right: 18px; top: -40px; border: 10px solid rgba(0,0,0,0.50); width: 80px; height: 80px;} .client-namebox { font-size: 20px; line-height: 24px; font-weight: 700; color: #fff;} .client-desc { color: #fff; margin-top: 15px; font-style: italic; font-size: 16px;} .lead-zigzag-raw .title-section { margin-bottom: 50px;} .lead-zigzag-col { margin-bottom: 70px; float: left; width: 100%;} .lead-zigzag-col:last-child { margin-bottom: 0;} .lead-zigzag-imgwrap { position: relative;z-index: 1; width: 260px; float: right; height: 260px; text-align: center;} .lead-zigzag-img { height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 50%; border: 5px solid #fff; box-shadow: -6px 6px 7px rgba(0,0,0,0.35);} .lead-zigzag-imgwrap:after { position: absolute; z-index: -1; left: auto; right: -25px; bottom: -20px; top: auto; content: ''; border: 4px solid #eee; width: 125px; height: 125px; border-radius: 50%;} .lead-zigzag-text { padding-right: 80px; text-align: right; width: calc(100% - 260px); padding-top: 10px;} .lead-zigzag-text h3 { position: relative; padding-bottom: 10px; margin-bottom: 15px; display: inline-block;} .lead-zigzag-text h3:before {bottom: 0; left: 60%; width: 100%; height: 2px; content: ''; position: absolute; background: #000;} .lead-zigzag-col:nth-child(2n+2) .lead-zigzag-imgwrap { float: left;} .lead-zigzag-col:nth-child(2n+2) .lead-zigzag-text { padding-left: 80px; padding-right: inherit; text-align: left; float: right;} .lead-zigzag-col:nth-child(2n+2) .lead-zigzag-text h3:before { right: 60%; left: auto;} @media(max-width:1200px){ .container{ max-width: 970px;} h1 {font-size:50px !important; line-height:60px;} } @media(max-width:991px){ .container{max-width: 750px;} h1 {font-size:40px !important; line-height:50px;} h2 {font-size: 30px !important; line-height:38px;} h3 {font-size: 28px !important; line-height:36px;} } @media(max-width:767px){ .container{max-width: 100%;} h1 {font-size: 36px !important; line-height:45px;} h2 {font-size: 28px !important; line-height:36px;} h3 {font-size: 26px !important; line-height:34px;} h4 {font-size: 24px !important; line-height:32px;} h5 {font-size: 22px !important; line-height:30px;} .lead-zigzag-section .lead_zigzag_Section-row-0-padding {padding:50px 15px !important;} .lead-zigzag-imgwrap { width: 200px;height: 200px;} .lead-zigzag-text {width: calc(100% - 200px);padding-right: 30px;} .lead-zigzag-col:nth-child(2n+2) .lead-zigzag-text { padding-left: 30px;} } @media(max-width:575px){ h1 {font-size: 32px !important; line-height:42px;} h2 {font-size: 26px !important; line-height:34px;} h3 {font-size: 24px !important; line-height:32px;} h4 {font-size: 22px !important; line-height:30px;} h5 {font-size: 20px !important; line-height:28px;} .lead-zigzag-imgwrap {margin: 0 auto 25px; float: none;} .lead-zigzag-text { width: 100%; padding-right: 0; text-align: center;} .lead-zigzag-text h3:before {left:0;} .lead-zigzag-col:nth-child(2n+2) .lead-zigzag-imgwrap { float: none;} .lead-zigzag-col:nth-child(2n+2) .lead-zigzag-text { padding-left: 0; text-align: center;} .lead-zigzag-col:nth-child(2n+2) .lead-zigzag-text h3:before { right: 0; left: auto;} }