*, *:before, *:after { box-sizing: border-box; } /*! 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; } /* Embed */ iframe { width: 100%; } .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:28px;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}.dnd_area-row-0-padding .row-fluid [class*="span"]{min-height:0}.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:28px;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:28px;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%}}.maps iframe,.maps .hs-embed-wrapper,.maps .hs-embed-content-wrapper>div{width:100% !important;height:500px !important;max-width:100% !important;max-height:500px !important}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.hidden{display:none;visibility:hidden}.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}} html { font-size: 17px; } @media (max-width: 767px) { html { font-size: 17px; } } @media (max-width: 480px) { html { font-size: 14px; } } body { font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none; color: #444; line-height: 1.4; word-break: break-word; } html[lang^="ja"] body, html[lang^="zh"] body, html[lang^="ko"] body { line-break: strict; word-break: break-all; } /* Paragraphs */ p { font-size: 17px; margin: 0 0 1.4rem; line-height: 1.9; font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none; } small { font-size: 12px; } strong { font-weight: 700; } /* Anchors */ a { color: #00aeef; cursor: pointer; text-decoration: none; transition: all 210ms linear; font-size: 17px; } .widget-span ul a:not(.header-main__cta):not(.cta_button):not(.button):before, .widget-span p a:not(.header-main__cta):not(.cta_button):not(.button):before, .widget-span ol a:not(.header-main__cta):not(.cta_button):not(.button):before { width: calc(100% + 0px); display: inline-block; position: absolute; height: 1px; background: #00aeef; opacity: .3421; bottom: 0; left: 50%; transform: translate(-50%,0); content: ""; transition: all 300ms ease-in-out; } .widget-span ul a:not(.header-main__cta):not(.cta_button), .widget-span p a:not(.header-main__cta):not(.cta_button), .widget-span ol a:not(.header-main__cta):not(.cta_button) { position: relative; } .widget-span ul a:not(.header-main__cta):not(.cta_button):hover:before, .widget-span p a:not(.header-main__cta):not(.cta_button):hover:before, .widget-span ol a:not(.header-main__cta):not(.cta_button):hover:before { width: 84%; opacity: 1; } a:hover { color: #0072b3; text-decoration: none; } a:focus { outline: none; color: inherit; } /* Headings */ h1, h2, h3, h4, h5, h6 { color: #444; font-family: Montserrat, serif; font-weight: 700; margin: 0 0 1.4rem; } h1 { font-weight: 500; text-decoration: none; font-family: Montserrat; font-style: normal; color: #494A52; font-size: 60px; line-height: 1.2; } h2 { font-weight: 500; text-decoration: none; font-family: Montserrat; font-style: normal; color: #494A52; font-size: 43px; line-height: 1.2; } h3 { font-weight: 500; text-decoration: none; font-family: Montserrat; font-style: normal; color: #494A52; font-size: 33px; } h4 { font-weight: 500; text-decoration: none; font-family: Montserrat; font-style: normal; color: #494A52; font-size: 24px; } h5 { font-weight: 500; text-decoration: none; font-family: Montserrat; font-style: normal; color: #494A52; font-size: 19px; } h6, .section-title__subheading { font-weight: 500; text-decoration: none; font-family: Montserrat; font-style: normal; color: rgba(73, 74, 82, .7); font-size: 16px; letter-spacing: 4px; text-transform: uppercase; } .section-title__subheading { display: block; } @media (max-width: 1200px) { h1 { font-size: 50px; } h2 { font-size: 43px; } h3 { font-size: 33px; } h4 { font-size: 24px; } h5 { font-size: 17px; } h6 { font-size: 14px; } } @media (max-width: 767px) { h1 { font-size: 43px; } h2 { font-size: 33px; } h3 { font-size: 27px; } h4 { font-size: 21px; } h5 { font-size: 17px; } h6 { font-size: 14px; } } /* Lists */ ul, ol { margin: 0 0 1.5rem 1.5rem; list-style-position: inside; padding: 0; line-height: 1.9; } ul ul, ol ul, ul ol, ol ol { margin: 0; } ul.no-list { list-style: none; padding: 0; } .widget-type-rich_text li { line-height: 2; } /* Code blocks */ code { vertical-align: bottom; } /* Blockquotes */ blockquote { margin: 0 0 1.4rem 0; padding: 0; border-left: 2px none #f5f9fb; font-size: 34px; font-style: italic; font-weight: 400; } /* Horizontal rules */ hr { background-color: rgba(0,0,0,0.12); border: none; color: rgba(0,0,0,0.12); height: 2px; margin: 0 0 1.234rem 0; } /* Subscripts and superscripts */ sup, sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .content-wrapper{margin:0 auto;max-width:1240px;padding:0 20px}@media screen and (min-width:1380px){.content-wrapper{padding:0}}.dnd-section{padding:80px 15px;position:relative}@media(max-width:767px){.dnd-section{padding-bottom:50px;padding-top:50px}}.dnd-section>.row-fluid,.centered{margin:0 auto;max-width:1240px;position:relative;z-index:4}.dnd-section .dnd-column{padding:0 20px}@media(max-width:767px){.dnd-section .dnd-column{padding:0}}.overlay-wrapper .row-fluid [class*="span"]{min-height:0} .top-bar{transition:all 210ms ease-out}.top-bar p{margin:0}.top-bar input{border:0;padding:0 0 0 21px;font-size:12px;display:inline-block;text-align:left;background:0 center;border-radius:0;transition:all 434ms ease;width:120px;position:relative;z-index:1}.top-bar input:focus{outline:0;background:rgba(0,0,0,.07);border:0;width:100%}.top-bar form svg{position:absolute;right:21px;z-index:2;opacity:.21;cursor:text}.top-bar form{display:flex;align-items:center;justify-content:flex-end}.top-bar .text-right{position:relative}.top-bar *{font-size:12px}.top-bar a:not(:first-of-type){padding:0 12px}.top-bar a:first-of-type{padding-right:12px}.top-bar a:hover,.top-bar a:focus{color:#00aeef}@media(max-width:1200px){.top-bar{display:none}}header:not(.sticky-menu-on){position:absolute}header.sticky-menu-on{position:fixed}header{left:0;top:0;width:100%;z-index:20;transition:all ease-in-out 400ms}.header-main--landing{position:absolute}.header-main--white-no-navigation{position:unset}.header-main__logo img{transition:all 123.4ms linear;height:auto}.header-main__logo{padding:0;display:flex;align-items:center}.header-main__logo--fixed{left:2.134vw;position:absolute;top:1.234vw}.header-main--no-navigation{padding:21px}.header-main--no-navigation .header-main__logo{display:inline-block}.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;line-height:1.4}.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}.hs-menu-wrapper.hs-menu-flow-vertical ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.hs-menu-wrapper.flyouts .hs-item-has-children{position:relative}@media(min-width:1200px){.hs-menu-wrapper.flyouts .hs-menu-children-wrapper{left:-9999px;opacity:0;position:absolute}}.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a{display:inline-block;white-space:nowrap;width:100%}@media(min-width:1200px){.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover>.hs-menu-children-wrapper{left:0;opacity:1;display:block}.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover>.hs-menu-children-wrapper{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}.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children.right-menu:hover>.hs-menu-children-wrapper{left:auto;opacity:1;display:block;right:0}}.hs-menu-wrapper{display:inline-flex;transition:all 300ms ease-out}.header-main__menu-nav-wrapper .hs-menu-item{display:flex}@media(min-width:1200px){.body-container-wrapper:before{height:210px;width:100%;top:0;position:absolute;background:#000;background:-moz-linear-gradient(0,rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 100%);background:-webkit-linear-gradient(0,rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 100%);background:linear-gradient(0,rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);display:none;content:"";z-index:5}}.header-main__container{position:relative;padding:1.5rem 0}@media(min-width:1200px){.header-main__container--white-with-navigation,.header-main__container--white-no-navigation{padding:.7rem 0 .43rem 0}}@media(max-width:1200px){.header-main__container{padding:.4rem 0}.header-main__container--white-with-navigation,.header-main__container--white-no-navigation{padding:.9rem 0 .4rem 0}}.header-main__container *{z-index:2}.header-main__menu-nav-container{align-items:center;display:flex}.header-main--fixed .header-main__container:before{display:none}.header-main--fixed .header-main__container{padding:.4rem 0;transition:all 210ms linear}.body-wrapper--mobile-menu:before{content:"";display:block;height:100%;width:100%;background:rgba(0,0,0,0.12);position:absolute;z-index:1}@media(min-width:1200px){.hs-menu-wrapper.flyouts .hs-menu-children-wrapper{box-shadow:0 12px 34px rgba(0,0,0,0.12)}.hs-menu-wrapper.flyouts .hs-menu-children-wrapper:not(.menu--wide){min-width:210px}.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-menu-item.hs-menu-depth-2.right-menu:hover>.hs-menu-children-wrapper{left:auto !important;top:0 !important;right:100% !important}.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover>.hs-menu-children-wrapper ul{left:100%;top:0}.hs-menu-wrapper.flyouts .hs-menu-children-wrapper ul:after{right:100%;left:unset;margin-top:-5px;top:21px}}.hs-item-has-children:hover{z-index:1234 !important}@media(min-width:1200px){.submenu-plus{display:none}}@media(max-width:1200px){.header-main__mobile-menu-btn{background:0;display:inline-block;width:50px;height:50px;border-radius:3px;position:relative}.body-wrapper--landing .header-main__mobile-menu-btn,.body-wrapper--white-no-navigation .header-main__mobile-menu-btn{display:none}.header-main__mobile-menu-btn span{position:absolute;height:2px;border-radius:4px;background:#fff;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.header-main__mobile-menu-btn span:first-of-type{width:32px;top:14px;left:14px}.header-main__mobile-menu-btn span:nth-of-type(2){width:32px;top:25px;left:14px}.header-main__mobile-menu-btn span:nth-of-type(3){width:32px;top:36px;left:14px}.header-main__mobile-menu-btn--close span:first-of-type{width:40px;top:26px;left:10px;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);transform:rotate(225deg)}.header-main__mobile-menu-btn--close span:nth-of-type(2){width:0;left:33px}.header-main__mobile-menu-btn--close span:nth-of-type(3){width:40px;top:26px;left:10px;-webkit-transform:rotate(-225deg);-moz-transform:rotate(-225deg);transform:rotate(-225deg)}html,body{transition:transform 700ms ease}.body-wrapper--mobile-menu{transform:translate(-80vw)}.header-main__menu-nav-container{display:none;background:#fff;position:fixed;width:80vw;left:100%;top:0;z-index:1234;opacity:1;transition:all 700ms ease;height:100vh;overflow-y:scroll}.body-wrapper--mobile-menu .header-main__menu-nav-container:before{content:"Socially Determined";display:block;padding:21px 12px;text-transform:uppercase;letter-spacing:2px;opacity:.4;border-bottom:1px solid #bbb;background:#efefef}.body-wrapper--mobile-menu .header-main__menu-nav-container{display:block;opacity:1}.body-wrapper--mobile-menu .footer{display:none}.body-wrapper--mobile-menu .body-container-wrapper{height:100vh;overflow-y:hidden}.header-main__menu-nav-wrapper .hs-menu-wrapper>ul>li>a:not(.header-main__cta),.header-main__menu-nav-wrapper .hs-menu-item{color:#444;display:block;width:100%}.header-main__menu-nav-wrapper .hs-menu-item a{height:50px;line-height:50px}.header-main__menu-nav-wrapper .hs-menu-wrapper>ul>li>a:not(.header-main__cta){border-bottom:1px solid rgba(68, 68, 68,0.21)}.header-main__menu-nav-wrapper .hs-menu-wrapper{display:block;transition:all 400ms linear}.header-main__cta.button{display:block;max-width:210px;margin:34px auto;text-align:center}.submenu-plus i,.submenu-plus i:after{width:10px;height:1px;background-color:#444;display:block;left:50%;top:50%;position:absolute;transform:translate(-50%,-50%)}.submenu-plus i:after{-webkit-transform:rotate(-90deg) translate(0,-5px);-ms-transform:rotate(-90deg) translate(0,-5px);transform:rotate(-90deg) translate(0,-5px);content:""}.submenu-plus--active i:after{display:none}.submenu-plus{display:block;cursor:pointer;position:absolute;top:0;right:0;width:55px;padding:0;border-left:1px dotted rgba(68, 68, 68,0.21);height:50px}.submenu-plus.active-menu i:after{display:none}.header-main__menu-nav-wrapper .hs-item-has-children a{position:relative}.header-main__menu-nav-wrapper .hs-menu-wrapper>ul>li>a:not(.header-main__cta):hover{color:#00aeef}.header-main__menu-nav-wrapper .hs-menu-children-wrapper a{border-bottom:1px solid rgba(68, 68, 68,0.21);text-indent:12px}.header-main__menu-nav-wrapper .hs-item-has-children>a:hover,.header-main__menu-nav-wrapper .hs-item-has-children>a:focus,.header-main__menu-nav-wrapper .hs-item-has-children>a:active,.header-main__menu-nav-wrapper .hs-item-has-children>a.active-menu{background:#f5f9fb}.header-main__menu-nav-wrapper .hs-item-has-children>a:hover .submenu-plus i:after{display:none}.hs-menu-wrapper.flyouts .hs-menu-children-wrapper{transition:opacity 400ms ease;position:relative;display:none}.hs-menu-wrapper.flyouts .hs-menu-children-wrapper.open-menu-list{left:0;opacity:1;display:block}}@media(max-width:767px){.submenu-plus i:after{-webkit-transform:rotate(-90deg) translate(1px,-5px);-ms-transform:rotate(-90deg) translate(1px,-5px);transform:rotate(-90deg) translate(1px,-5px);content:""}}.header-main__language-switcher{display:inline-flex;align-items:baseline;padding-left:21px;height:auto;color:inherit;width:100%;justify-content:center}.header-main__language-switcher-label{display:flex;align-items:center}.header-main__language-switcher-label>div>span{display:block}.header-main__language-switcher .lang_switcher_class{display:inline-block;padding-right:0}.header-main__language-switcher .globe_class{background:0;position:relative;width:21px;height:21px;z-index:1234}.header-main__language-switcher svg{position:relative;z-index:1;margin-left:-16px}.header-main__language-switcher-label-current{padding-left:5px;line-height:2}.header-main__language-switcher .lang_list_class li{border:0;background:#fff;width:10rem;font-size:.75rem}.header-main__language-switcher .lang_list_class li:first-child,.header-main__language-switcher .lang_list_class li:last-child{border-top:0}.header-main__language-switcher .lang_list_class{box-shadow:0 21px 21px rgba(0,0,0,0.12);overflow:hidden}.header-main__language-switcher .lang_list_class li a{color:#444;display:block}.header-main__language-switcher .lang_list_class li a:hover{color:#00aeef;background:#f5f9fb}.header-main__language-switcher .lang_list_class li:last-child,.header-main__language-switcher .lang_list_class:before{border:0}.header-main__language-switcher .lang_list_class li{padding:0 14px 6px}@media(max-width:1200px){.header-main__language-switcher .lang_switcher_class{display:block;position:absolute;top:21px;right:21px}.header-main__language-switcher .lang_list_class{right:0;left:unset;-webkit-transform:translateX(12%);transform:translateX(12%)}.header-main__language-switcher .lang_list_class:after,.header-main__language-switcher .lang_list_class:before{right:12px;left:unset}.header-main__language-switcher .lang_list_class li{padding:12px}}@media(min-width:1200px){.menu--wide{min-width:430px}.menu--wide>li{float:left;width:50%}.menu--wide>li>a{white-space:normal !important}.menu--wide>li:nth-of-type(2n+1){clear:left}} button,.button,.cta_button{border-radius:8px;cursor:pointer;display:inline-block;font-weight:normal;height:auto;line-height:1.1;padding:24px 43px;position:relative;text-align:center;text-decoration:none;transition:all .15s linear;white-space:normal;width:auto;word-break:break-word;font-size:17px}@media(max-width:500px){button,.button,.cta_button{margin-right:auto !important;margin-left:auto !important;display:block}}.button--primary,.cta_button{background-color: rgba(0, 174, 239, 1.0) ;border:1px solid #00aeef;color:#FFFFFF;font-size:17px}button:disabled,.button:disabled{background-color:#d0d0d0;border-color:#d0d0d0;color:#e6e6e6}.button--primary:hover,.button--primary:focus,button:hover,button:focus,.cta_button:hover,.header-main__cta:hover{background-color:rgba(0, 158, 223,1.0);border-color:#009edf;color:#FFFFFF;text-decoration:none;outline:0}.cta_button:focus{color:inherit}.button--primary:focus,.header-main__cta:focus{color:#FFFFFF}.button:active{transform:scale(.98)}.header-main__cta{padding:12px 21px;background: rgba(0, 174, 239, 1.0) ;border:1px solid #00aeef;border-radius:8px;color:#FFFFFF;transition:all .15s linear}@media(min-width:1200px){.header-main__cta{margin-left:12px}}.header-main--fixed .header-main__cta{padding-bottom:.4rem;padding-top:.4rem}.button--outline{border:1px solid rgba(0, 174, 239, 1.0) ;background:0;color: rgba(0, 174, 239, 1.0) }.button--outline:hover{background: rgba(0, 174, 239, 1.0) ;color:#FFFFFF;border:1px solid rgba(0, 174, 239, 1.0) }.button--white{background:#fff;color:#00aeef;border:1px solid #fff}.button--white:hover{background:0;color:#fff;border:1px solid #fff}.button--outline-white{border:1px solid #fff;background:0;color:#fff}.button--outline-white:hover{background:#fff;color: rgba(0, 174, 239, 1.0) ;border:1px solid #fff}div .button:not(:last-of-type){margin-right:1.02rem;margin-bottom:1.02rem}.button--secondary{color:#FFFFFF;background: rgba(0, 174, 239, 1.0) ;border:1px solid #00aeef;border-radius:8px;font-size:17px;padding:24px 43px}.button--tertiary{color:#FFFFFF;background: rgba(0, 174, 239, 1.0) ;border:1px solid #00aeef;border-radius:8px;font-size:17px;padding:24px 43px}.button--tertiary:hover,.button--tertiary:focus{color:#FFFFFF}.button--secondary:hover,.button--secondary:focus{color:#FFFFFF}.button--tertiary:hover{background-color:rgba(0, 158, 223,1.0);border-color:#009edf}.button--secondary:hover{background-color:rgba(0, 158, 223,1.0);border-color:#009edf} /* Form */ form { font-family: Montserrat, sans-serif; } .hs-form-field { margin-bottom: 1.234rem; } /* Labels */ form label { color: #494A52; display: inline-block; padding-top: 0; margin-bottom: 0.35rem; text-align: left; width: auto; } form label, .hs-form-field a { font-size: 0.875rem; } .blog-listing__subscribe label { display: inline; } /* Help text - legends */ form legend { color: #494A52;; font-size: 0.875rem; } .form-input-validation-message, .email-prefs .item p { opacity: .7; } /* 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: 1px solid #BBB; border-radius: 3px; color: #444; display: inline-block; font-size: 0.875rem; padding: 0.7rem; width: 100%; box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); max-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: none; border-color: #00aeef; } fieldset { max-width: 100% !important; } textarea { min-height: 120px; } /* 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; vertical-align: middle; } .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: #494A52; } .fn-date-picker td.is-selected .pika-button { background: #494A52; border-radius: 0; box-shadow: none; } .fn-date-picker td .pika-button:hover { background-color: #494A52 !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%; } 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; } /* 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: rgba(0, 174, 239, 1.0) ; border: 1px solid #00aeef; border-radius: 8px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 0.92rem; font-weight: normal; height: auto; line-height: 1.1; margin: 0; padding: 24px 43px; position: relative; text-align: center; text-decoration: none; transition: all 0.15s linear; white-space: normal; width: auto; word-break: break-word; } form input[type=submit]:hover, form input[type=submit]:focus, form .hs-button:hover, form .hs-button:focus { background-color: rgba(0, 134, 199, 1.0); border-color: #0086c7; color: #FFFFFF; outline: none; } form input[type=submit]:active, form .hs-button:active { background-color: rgba(40, 214, 255, 1.0); border-color: #28d6ff; color: #FFFFFF; } /* Captcha */ .grecaptcha-badge { margin: 0 auto; } form, .submitted-message { font-family: Montserrat; font-style: normal; font-weight: normal; text-decoration: none; } /* Form title */ h3.form-title { background-color: rgba(255, 255, 255, 0.0) ; color: #444; } /* Form placeholder text */ ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder, ::placeholder, .hs-fieldtype-date .input .hs-dateinput:before { color: #444; } /* Banner Form / Overlapping */ @media (min-width: 1200px) { .body-container--banner-form .span12 > .row-depth-1 .widget-type-form { position: absolute; } .body-container--banner-form .row-number-2 > .row-fluid { z-index: 12; } } .body-container--banner-form .span12 > .row-depth-1 .widget-type-form, .boxed-form { width: 100%; top: 0; border-radius: 12px; background: #fff; padding: 0 43px 43px 43px; box-shadow: 0 12px 70px rgba(0,0,0,0.21); z-index: 999; } .body-container--banner-form .span12 > .row-depth-1 .widget-span { position: relative; } .body-container--banner-form .span12 > .row-depth-1 .form-title, .boxed-form .form-title { text-align: center; font-size: 24px; margin-left: -43px; background: #00aeef; background: -moz-linear-gradient(270deg, #062b6d 0%, #00aeef 100%); background: -webkit-linear-gradient(270deg, #062b6d 0%, #00aeef 100%); background: linear-gradient(270deg, #062b6d 0%, #00aeef 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aeef",endColorstr="#062b6d",GradientType=1); color: #fff; width: calc(100% + 86px); border-radius: 12px 12px 0 0; padding: 4%; } /* Membership */ .hs-membership-loader { padding: 2rem 0; } table{border:1px solid#494A52;margin-bottom:1.4rem;background-color: rgba(255, 255, 255, 1.0) }tbody+tbody{border-top:2px solid#494A52}th,td{border:1px solid#494A52;padding:.75rem;vertical-align:top;color:#494A52}thead th,thead td{background-color: rgba(255, 255, 255, 1.0) ;border-bottom:2px solid#494A52;color:#444;vertical-align:bottom}tfoot td{background-color: rgba(255, 255, 255, 1.0) ;color:#494A52} /* Blog background */ .body-container--blog-index, .body-container--blog-post { background: #f5f9fb; } .inner-blog ul li { list-style: disc; } /* Subscribe form */ .actions input.hs-button.primary.large { background-color: rgba(67,83,255,1.0) !important; border: 1px solid #4353ff !important; padding: 16px 42px; } .blog-listing__subscribe { margin-top: 15px; } .blog-listing__subscribe svg { fill: #00aeef; } .blog-listing__subscribe .hs-form-required { display: none; } .blog-listing__subscribe .hs-button { padding: 12px 21px; width: 100%; } footer .marbtm2 strong { font-weight: 500; font-size: 14px; text-transform: uppercase; font-family: Montserrat; opacity:1; margin-bottom: 8px !IMPORTANT; float: left; } small.date-width-one { max-width: 110px; height: 27px; padding-bottom: 0px !important; display: block; width: 100% !important; overflow: hidden; } .date-width { max-width: 137px; height: 33px; padding-bottom: 0px !important; margin-bottom: 0px !important; margin: 0 auto; } .footer .marbtm2 a { padding-bottom: 15px !important; display: inline-block; opacity: 0.7; font-size:14px; color:#fff; line-height: 23px; } footer .marbtm2 a:first-child { opacity: 1; } /* Topics */ .blog-listing__tags li { list-style-type: none; border-top: 1px solid #e4e4e4; } .blog-listing__tags ul { padding: 0; margin:0; } .blog-listing__tags a { display: block; padding: 5px 0; } /* Popular posts */ .popular-posts__image { height: 70px; min-width: 70px; background-size: cover; margin-right: 12px; border-radius: 4px; max-width: 70px; } .popular-posts__item { display: flex; justify-content: flex-start; margin-bottom: 12px; align-items: center; } /* Blog pagination */ .blog-pagination { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 3.3rem; text-align: center; width: 100%; } .blog-pagination__link { border-radius: 4px; color: #00aeef; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 1; margin: 0 .2rem; padding: 0.5rem 0.9rem; text-decoration: none; background: #fff; font-size: 14px; } .blog-pagination__link--active { opacity: .5; color: #494A52; cursor: default; } .blog-pagination__link:hover, .blog-pagination__link:focus { 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 { opacity: .5; cursor: default; pointer-events: none; color: #494A52; } .blog-pagination__prev-link svg, .blog-pagination__next-link svg { fill: #00aeef; margin: 0 5px; } .blog-pagination__prev-link--disabled svg, .blog-pagination__next-link--disabled svg { fill: #494A52; opacity: .5; } /* Blog Listing Page */ .body-container--blog-index .banner--blog { background-image: url(https://f.hubspotusercontent40.net/hubfs/8124098/blog-listing-hero-image.jpg); background-position: center center; } .banner--blog .banner__inner * { color: rgba(255, 255, 255, 1.0); } .banner--blog:before { background: rgba(0, 0, 0, 0.5); } /* Blog Post */ .body-container--blog-post .banner { background-position: center center; } .banner--blog { padding: calc(6% + 90px) 0 6% 0; position: relative; overflow: hidden; } .banner--blog:before { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; } .banner--blog .banner__inner { max-width: 700px; margin: 0 auto; text-align: center; position: relative; } .banner--blog p a { font-size: 21px; } .blog-post, .blog-comments { margin-right: auto; margin-left: auto; max-width: 800px; } .blog-post__tags svg { fill: #494A52; opacity: .7; } .blog-comments { margin: 2rem auto; } .blog-post__share a { height: 50px; width: 50px; border-radius: 4px; align-items: center; justify-content: center; display: inline-flex; margin: 5px; } .blog-post__share a:hover svg { fill: #fff; } .blog-post__share svg { transition: all 210ms ease; } .blog-post__share-twitter svg { fill: #1da1f2; } .blog-post__share-twitter { border: 1px solid #1da1f2; } .blog-post__share-twitter:hover { background: #1da1f2; } .blog-post__share-linkedin svg { fill: #007bb5; } .blog-post__share-linkedin { border: 1px solid #007bb5; } .blog-post__share-linkedin:hover { background: #007bb5; } .blog-post__share-facebook svg { fill: #1877f2; } .blog-post__share-facebook { border: 1px solid #1877f2; } .blog-post__share-facebook:hover { background: #1877f2; } /* Blog comments */ .blog-comments .comment-reply-to:hover { background-color: #00aeef; color: #fff; } .blog-comments .comment-reply-to { padding: 12px 17px 12px 12px; color: #00aeef; border: 1px solid #00aeef; font-size: 14px; background: none; } .blog-comments .comment-from h4 { font-size: 17px; margin-bottom: 12px; } .blog-comments .comment { background: #f5f9fb; padding: 21px; border-radius: 7px; margin-bottom: 1rem; } .blog-comments .comment-reply-to:before { content: "\261D"; display: inline-block; } .blog-comments .comment.depth-0 { padding-top: 21px; margin-top: 0; } .blog-comments .comment.depth-1 { margin-left: 4%; } .blog-comments #comments-listing { margin-bottom: 2rem; } @media (max-width: 767px) { .header-main.header-main--default.sticky-menu-on.header-main--fixed { padding: 0px 15px !important; } .listing-post-in .blog-post p { padding: 0 15px; font-size: 18px !important; } .listing-post-in .blog-post p strong span{ font-size: 18px !important; } .blog-post .sqs-block-content p { padding: 0 !important; } .listing-post-in .blog-post h2, .listing-post-in .blog-post h3 { font-size: 25px !important; } .listing-post-in ol li { list-style: auto; } } .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}}.error-page__heading{margin-bottom:1rem}.systems-page{margin:12% 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:.1rem .7rem;width:100%}.systems-page form input{max-width:100%}#email-prefs-form .header{background-color:transparent}.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{font-size:1.25rem}.hs-search-results__title:hover{text-decoration:none}.hs-search-results__description{padding-top:.7rem}.hs-search-highlight{font-weight:bold}.password-prompt input[type=password]{display:block;height:auto !important;margin-bottom:1.4rem}.backup-unsubscribe #email-prefs-form div{padding-bottom:0 !important}.backup-unsubscribe input[type=email]{margin-bottom:1.4rem;padding:.7rem !important}.backup-unsubscribe{text-align:center} /* Global */ body, p, h1, h2, h3, h4, h5, h6, div, a{ font-family: Montserrat !important; } .actions input.hs-button.primary.large { background-color: rgba(67,83,255,1.0); border: 1px solid #4353ff; padding: 16px 42px; } .blog-recent-posts__list p.item-with-image__text a { font-weight: 500; font-size: 14px; line-height: 18px; } .bgimage.contt h2 { line-height: 1.56 !important; margin: 0 0 2rem; text-align: center !important; color:#fff !important; } header.header-main--fixed .header-main__logo img { max-width: 218px !important; margin-top: 0px !important; margin-bottom: 0px !important; } .row-fluid .bannerslider p { font-size: 19px; margin-right: 50px; } .bannerslider p { font-size: 19px !important; } .bannerslider a.button.button--primary { font-family: 'Montserrat'; font-size: 16px; text-transform: uppercase; } .button--primary, .cta_button, a.button.button--white, .button{ font-family: 'Montserrat'; font-size: 16px; /*text-transform: uppercase;*/ } .hs-blog-post .body-container-wrapper:before, .hs-blog-listing .body-container-wrapper:before{ background: transparent !important; background: transparent !important; background: transparent !important; background: transparent !important; } .hs-blog-post .body-container--blog-post .banner--blog:before { background: transparent !important; } .hs-blog-post .body-container--blog-post .banner.banner--blog { background-image: none !important; background-color: transparent !important; } .hs-blog-post .body-container--blog-post .banner.banner--blog { padding: calc(9% + 20px) 0 0% 0; } .hs-blog-post .banner--blog .banner__inner * { color: rgb(2 2 2); } .listting .item-with-image h4 a, .listing-post-in .item-with-image h4 a{ font-weight: 500; text-decoration: none; font-family: Montserrat; font-style: normal; color: #494a52; font-size: 20px; line-height: 28px; } .listting .item-with-image small, .listing-post-in .item-with-image small{ font-size: 14px; line-height: 27px; margin-bottom: 1.4rem; opacity:1; } .listting .item-with-image h4.item-with-image__text a, .listing-post-in .item-with-image h4.item-with-image__text a{ font-size: 14px; line-height: 36px; color: #4353ff; text-decoration: underline; } .body-container--services .item-with-image__inner-content small { opacity: .7; font-size: 14px; line-height: 27px; margin-bottom: 1.4rem; opacity: 1; } .row-fluid a.ctaa { font-size: 14px; line-height: 36px; color: #4353ff; text-decoration: underline; font-weight: normal; } .listting h4.item-with-image__text, .listing-post-in h4.item-with-image__text{ margin-top: 15px; } .listting .item-with-image, .listing-post-in .item-with-image{ padding: 21px 27px 21px 27px; } .blog-recent-posts__list p.item-with-image__text a { margin-top: 25px !important; float: left; } .listting .item-with-image__image, .listing-post-in .item-with-image__image{ background-size: cover !important; min-height: 200px !important; background-position: center !important; } .flex-container.recnt-bg .item-with-image { width: 30%; float: left; margin-bottom: 50px; } .flex-container.recnt-bg { display: block; } img { max-width: 100%; } h2{ font-size:39px !important; line-height:1.45 !important; } h5{ font-size:17px !important; } ::selection { color: #fff; background: #00aeef; } .event-right-text p { margin-bottom: 0px !important; } .event-right-text { background-color: #D2EFFD; padding: 48px 20px; max-width: 385px; min-width: 385px; text-align: center; } .feature.iconcards { box-shadow: 0 43px 30px rgb(0 0 0 / 7%); margin-bottom: 30px; } /* Text */ .text-right { text-align: right; } .text-left { text-align: left; } .text-center { text-align: center; } .text-italic { font-style: italic; } /* Spacing classes */ .space-between { display: flex; flex-direction: row; justify-content: space-between; } @media (max-width: 1200px) { ::not(.header-main) .space-between { flex-direction: column; } } .margin-0 { margin: 0; } .mb-s { margin-bottom: 0.5rem; } .mb-m { margin-bottom: 1rem; } .mb-l { margin-bottom: 2rem; } .mb-xl { margin-bottom: 4.3rem; } .mt-s { margin-top: 0.5rem; } .mt-m { margin-top: 1rem; } .mt-l { margin-top: 2rem; } .mt-xl { margin-top: 4.3rem; } .margin-auto { margin-right: auto; margin-left: auto; } .no-spacing { margin: 0 !important; padding: 0 !important; } /* Utilities */ .hide { display: none; } .show { display: block; } @media (min-width: 1200px) { .hide-on-desktop { display: none; } } @media (max-width: 1200px) { .hide-on-mobile { display: none; } } .hide-text { text-indent: -9999px; display: inline-block; } .fixed-background { background-attachment: fixed; } /* Layout */ .flex-container { display: flex; } @media (max-width: 1200px) { .flex-container { flex-direction: column; } } .flex-container > div { display: unset; vertical-align: top; margin-right: 21px; margin-left: 21px; } .flex-container > div:first-of-type, .flex-container--two-col > div:nth-of-type(3n) { margin-left: 0; } .flex-container > div:last-of-type { margin-right: 0; } @media (max-width: 1200px) { .flex-container > div { margin-right: 0; margin-left: 0; } } .flex-container--center { justify-content: center; } .flex-container--vertical { align-items: center; } .flex-container--wrap { flex-wrap: wrap; } .flex-container--two-col > div { flex: 0 calc(46% - 16px); margin-bottom: 43px; } .flex-container--3-col > div { flex: 0 29%; } .flex-container--width-even > div { flex: 1 1 0px; } .banner--blog.new-resource{ position: relative; padding: 14% 0 17% 0; background-image: url(https://4066811.fs1.hubspotusercontent-na1.net/hubfs/4066811/resource-header-2.png); background-repeat: no-repeat; background-size: cover; background-position: center center; } .banner--blog.new-resource:before { background: none; } .banner__inner.resource-heading-left { max-width: 1240px !important; margin-top:-30px; } .resource-heading-left .banner__inner.fx-fade-up{ max-width: 1240px !important; } .banner__inner.resource-heading-left p { max-width: 550px; } .banner__inner.resource-heading-left h1 { font-size: 50px; line-height: 56px; } .date-width { max-width: 137px; height: 33px; padding-bottom: 0px !important; margin-bottom: 0px !important; margin: 0 auto; } small.date-width-one { max-width: 110px; height: 27px; padding-bottom: 0px !important; display: block; width: 100% !important; overflow: hidden; } header.header-main.header-main--default.sticky-menu-on.header-main--fixed { padding: 10px 0 !important; } .footer__logo a.footer__logo-link { pointer-events: auto !important; } .footer__text { opacity: 1 !important; } .footer__logo { margin-bottom: 21px; } p.footer-col-text { opacity: 0.7; } p.footer__logo { margin-top: -38px; } .header-main a.button.header-main__cta { /* font-weight: 600; */ letter-spacing: .9px; /* background: rgba(67,83,255,1.0);*/ /* border: 1px solid #4353ff;*/ } .t2-col.nopad { margin-top: -14%; } .banner__inner.resource-heading-left p { font-size: 19px; padding-top: 10px; } .listting .item-with-image:nth-child(4) { margin-left: 0; } footer .marbtm2 strong { font-weight: 500; font-size: 14px; text-transform: uppercase; font-family: Montserrat; opacity:1; margin-bottom: 8px !IMPORTANT; float: left; } .footer .marbtm2 a { padding-bottom: 15px !important; display: inline-block; opacity: 0.7; font-size:14px; color:#fff; line-height: 23px; } footer .marbtm2 a:first-child { opacity: 1; } .footer .marbtm2 a:hover{ text-decoration: none !important; } footer .footer-container>div:not(.footer__main) { flex: none; } footer .flex-container>div { margin-left: 18px; margin-right:18px; } .footer__main { flex: 0 300px; } .footer-flex { display: flex; } .footer-flex .marbtm2:first-child { padding-right: 28px; } p.footer__copyright-text { font-size: 16px; } p.footer-col-text, p.footer__copyright-text{ color: #fff !important; } /* Animations */ [data-aos] { body[data-aos-easing="custom"] &, &[data-aos][data-aos-easing="custom"] { transition-timing-function: cubic-bezier(0.5, 0, 0, 1); } } .animation-delay-1 { animation-delay: 0.1s; } .animation-delay-2 { animation-delay: 0.2s; } .animation-delay-3 { animation-delay: 0.3s; } .animation-delay-4 { animation-delay: 0.4s; } .animation-delay-5 { animation-delay: 0.5s; } .animation-delay-6 { animation-delay: 0.6s; } .animation-delay-7 { animation-delay: 0.7s; } .animation-delay-8 { animation-delay: 0.8s; } .animation-delay-9 { animation-delay: 0.9s; } .animation-delay-10 { animation-delay: 1.0s; } @keyframes fxFadeUp { 0% { opacity: 0; transform: translateY(33px); } 100% { opacity: 1; transform: none; } } .fx-fade-up { animation-name: fxFadeUp; animation-fill-mode: both; animation-duration: 1.3s; animation-timing-function: cubic-bezier(0.5, 0, 0, 1); } @keyframes fxFadeDown { 0% { opacity: 0; transform: translateY(-33px); } 100% { opacity: 1; transform: none; } } .fx-fade-down { animation-name: fxFadeDown; animation-fill-mode: both; animation-duration: 1s; } @keyframes fxFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fx-fade-in { animation-name: fxFadeIn; animation-fill-mode: both; animation-duration: 1.5s; } /* White content box + image */ .item-with-image { padding: 0 43px 21px 43px; transition: all 210ms linear; border-radius: 7px; box-shadow: 0 43px 70px rgba(0,0,0,0.07); background: #fff; margin-top: 120px; } @media (max-width: 1200px) { .item-with-image { margin-bottom: 21px; padding: 0 21px 21px 21px; } header.header-main.header-main--default.sticky-menu-on.header-main--fixed{ padding: 0px 15px !important; } .word3 { margin-left: -4px !important; } .footer__main { padding-left: 15px; } .footer-flex { display: block; } .slider .logos img { margin-bottom: 30px; } #home-img-acc { margin-bottom: 40px; } } .item-with-image--tiny { padding: 21px 27px 21px 27px; } .item-with-image__image { display: block; width: 100%; margin: -106px auto 21px auto; background-size: cover; min-height: 170px; border-radius: 7px; transition: all 210ms ease-in; text-indent: -9999px; } @media (min-width: 1200px) { .item-with-image__image { max-width: 700px; } } .item-with-image__image--profile-photo { max-width: 210px; } .item-with-image:hover { transform: translateY(-3px); } .item-with-image__text a, .item-with-image__text { font-size: 14px; } .item-with-image__inner-content h5 a { color: #494A52; font-size: 21px; } .item-with-image--no-image { margin-top: 21px; } .item-with-image__inner-content h5 a:hover { color: #00aeef; } .item-with-image__share a:hover { color: #fff; background: #00aeef; } .item-with-image__share a { height: 24px; width: 24px; line-height: 1.2; display: inline-flex; text-align: center; border-radius: 3px; justify-content: center; align-items: center; border: 1px solid #00aeef; } .item-with-image__share a:before { visibility: hidden; } @media (max-width: 767px) { .item-with-image__share a { height: 48px; width: 48px; } .banner__inner.fx-fade-up { padding: 20px; } .row-fluid .bannerslider .banner__inner p { margin-right: 0px !IMPORTANT; padding-top: 20px; } footer .footer__social-link { margin-bottom: 13px; } footer .marbtm2 strong { margin-top: 15px; margin-bottom: 0px !important; padding-bottom: 0px !important; } .bgimage.contt h2 { font-size: 23px !important; } header .hs-menu-depth-1:nth-child(5) span.submenu-plus i:after { display: block !important; } header .hs-menu-depth-1:nth-child(5) span.submenu-plus i { display: block !important; } header .hs-menu-depth-1:nth-child(5) span.submenu-plus.submenu-plus--active i:after { display: none !important; } } .item-with-image__share a svg { fill: #00aeef; } .item-with-image__share a:hover svg { fill: #fff; } .item-with-image__share a span { position: absolute; } .item-with-image__inner-content small { opacity: .7; } /* White content box basic */ .white-item-shadow { padding: 43px; background: #fff; border-radius: 7px; box-shadow: 0 43px 70px rgba(0,0,0,0.07); margin-bottom: 21px; } @media (max-width: 1200px) { .white-item-shadow { padding: 21px; } } /* Banners */ .banner { background-size: cover; } .banner__inner p { font-size: 21px; } /* Pulled items - overlapping content */ .pulled-item { margin-top: -113px; background: #fff; padding: 4%; } /* Rounded items */ .rounded iframe, .rounded { border-radius: 21px; } /* Sliders */ .glide__bullets { display: flex; justify-content: center; } .glide__bullet { display: inline-flex; width: 12px; margin: 4px; height: 12px; border-radius: 12px; transition: all 210ms ease; opacity: .7; cursor: pointer; } .glide__bullet--active, .glide__bullet:hover { opacity: 1; } .glide__bullet--active { width: 21px; border-radius: 7px; } @media (max-width: 1200px) { .glide__slides, .glide__track { overflow: visible; } } /* Counter */ .counter__number, .counter__type { margin-bottom: 1.4rem; font-size: 48px; } .counter { padding: 21px 21px 12px 21px; border-radius: 12px; transition: all 210ms linear; } .counter:hover { background: rgba(255,255,255,0.12); transform: translateY(-6px); } .counter__item p { opacity: .8; } /* Overlay */ .section-overlay { height: 100%; width: 100%; z-index: -1; position: absolute; bottom: 0; left: 0; } .section-decoration { height: 400px; width: 400px; border: 43px solid #bbb; position: absolute; } .overlay-wrapper { position: relative; z-index: 1; } /* Logos of customers */ .logos-of-customers div { display: inline-block; margin: 21px; } .logos-of-customers { text-align: center; } .logos-of-customers img { width: 100%; } .listting { margin-top: 60px; } .blog-post .sqs-block-content { padding: 40px 20px; } /* Features */ .feature { transition: all 210ms linear; } .feature p:last-of-type { margin-bottom: 0; } .feature__icon { display: inline-block; padding-bottom: 1.4rem; } .content-wrapper { padding: 0 !important; } .listting .item-with-image { width: 30%; margin-bottom: 70px; } .footer .marbtm2 a { padding-bottom: 15px !important; display: inline-block; } .blog-listing__left .item-with-image__image{ background-position: center !important; } .header-main--fixed .header-main__logo img { max-width: 250px !important; margin-top: 10px !important; margin-bottom: 10px !important; } .contct-for-blgs { max-width: 600px; margin: 0 auto; background-color: #fff; padding: 20px; box-shadow: 0 12px 70px rgb(0 0 0 / 21%); border-radius: 10px; } .contct-for-blgs h3{ text-align:center; } /**************************************************** * Landing Pages ***************************************************/ /* Columns with full height */ @media (min-width: 1200px) { .body-container--lp-columns .row-depth-1.row-number-1 .span6 { min-height: 100vh; } .body-container--lp-columns .row-depth-1.row-number-1 .span6 > .row-fluid-wrapper > .row-fluid { max-width: 500px; margin: 0 auto; } } @media (max-width: 1200px) { .flex-container.listting{ display: flex; flex-direction: row; justify-content: space-evenly; } .hs-blog-listing .content-wrapper { padding: 0 15px !important; } .hs-blog-listing .resource-heading-left .banner__inner.fx-fade-up { max-width: 700px !important; } .hs-blog-listing .blog-listing__left { margin-left: 0; } } .body-container--lp-columns .row-depth-1.row-number-1 .span6 { padding: 102px 21px; } @media (max-width: 767px) { .body-container--lp-columns .row-depth-1.row-number-1 .span6:first-of-type { padding-top: 120px; } .listting .item-with-image { width: 100%; margin-bottom: 70px; } .view-mr { text-align: center; max-width: 200px; margin: 0 auto; } .event-right-text { max-width: 100% !important; min-width: 100% !important; } section.Contact-us h2 { font-size: 23px !important; } section.Two-col { margin: 0 20px; } .listing-post-in .banner__inner { margin-top: 70px; padding: 0 20px; } .listing-post-in .banner__inner h1 { font-size: 25px; line-height: 40px; } .contct-for-blgs { margin: 0 20px; } .feature--module_16389864897593 { display: block !important; } .banner__inner.resource-heading-left { margin-top: 5px; } header .hs-menu-wrapper.flyouts .hs-menu-children-wrapper a, header .header-main__language-switcher .lang_list_class li a { font-size: 14px; } } /* Banner Form */ .body-container--banner-form .row-depth-1.row-number-1 > .row-fluid { z-index: 999; position: relative; } header .header-main__menu-nav-wrapper .hs-menu-wrapper>ul>li>a:not(.header-main__cta) { font-size: 15px !important; } .footer-container>div:not(.footer__main){flex:1 1 0}@media(min-width:1200px){.footer__main{padding-right:34px}}.footer__social-link a{height:50px;width:50px;display:inline-block;text-align:center;line-height:50px;border-radius:60px;position:relative;overflow:hidden;margin-right:7px}.footer__social-link a svg{height:43%;position:absolute;transform:translate(-50%,-50%);left:50%;fill:#fff;top:50%}.footer__social-link{margin-bottom:43px}.footer__left *{font-size:14px}.footer__text,.footer__copyright-text,footer .hs-menu-depth-2 a,.footer__legal-menu a{opacity:.7}@media(min-width:1200px){.footer__text{max-width:270px}}.footer__menu .hs-menu-depth-1>a{text-transform:uppercase;margin-bottom:21px}.footer__menu .hs-menu-wrapper li{text-align:left}.footer__menu .hs-menu-wrapper li a{display:block}.footer__menu a{font-size:14px}footer a:not(.cta_button):hover{opacity:1;color:inherit}.footer__menu .hs-menu-wrapper{width:100%}.footer__menu .hs-menu-wrapper ul{justify-content:space-between}.footer__menu .hs-menu-depth-2 a{font-weight:300;padding:4px 0 12px 0}.footer__legal-menu a{text-transform:none;font-size:14px;margin-right:12px;display:inline-block;font-weight:300}@media(max-width:767px){.footer__menu .hs-menu-item,.footer__menu .hs-menu-flow-horizontal{display:block;width:100%}.footer__menu .hs-menu-depth-1>a,.footer__menu .hs-menu-depth-2>a,.footer__legal-menu a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,0.12);margin-bottom:0;display:block}.footer__menu .hs-menu-depth-1{margin-bottom:2rem}}.footer__menu{margin-top:1.2rem}.footer-container--wide{padding:0 5%}.footer--no-nav{background: rgba(33, 34, 39, 1.0) ;padding:2.134vw}.footer__copyright p{margin:0} .glide { position: relative; width: 100%; box-sizing: border-box; } .glide * { box-sizing: inherit; } .glide__track { overflow: hidden; } .glide__slides { position: relative; width: 100%; list-style: none; backface-visibility: hidden; transform-style: preserve-3d; touch-action: pan-Y; overflow: hidden; padding: 0; white-space: nowrap; display: flex; flex-wrap: nowrap; will-change: transform; } .glide__slides--dragging { user-select: none; } .glide__slide { width: 100%; height: 100%; flex-shrink: 0; white-space: normal; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .glide__slide a { user-select: none; -webkit-user-drag: none; -moz-user-select: none; -ms-user-select: none; } .glide__arrows { -webkit-touch-callout: none; user-select: none; } .glide__bullets { -webkit-touch-callout: none; user-select: none; } .glide--rtl { direction: rtl; } .glightbox-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999 !important; overflow: hidden; -ms-touch-action: none; touch-action: none; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: none; overflow: hidden; } .glightbox-container.inactive { display: none; } .glightbox-container .gcontainer { position: relative; width: 100%; height: 100%; z-index: 9999; overflow: hidden; } .glightbox-container .gslider { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; height: 100%; left: 0; top: 0; width: 100%; position: relative; overflow: hidden; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .glightbox-container .gslide { width: 100%; position: absolute; opacity: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; } .glightbox-container .gslide.current { opacity: 1; z-index: 99999; position: relative; } .glightbox-container .gslide.prev { opacity: 1; z-index: 9999; } .glightbox-container .gslide-inner-content { width: 100%; } .glightbox-container .ginner-container { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; margin: auto; height: 100vh; } .glightbox-container .ginner-container.gvideo-container { width: 100%; } .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right { max-width: 100% !important; } .gslide iframe, .gslide video { outline: none !important; border: none; min-height: 165px; -webkit-overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto; } .gslide-image { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gslide-image img { max-height: 100vh; display: block; max-width: 100%; margin: 0; padding: 0; float: none; outline: none; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100vw; width: auto; height: auto; -o-object-fit: cover; object-fit: cover; -ms-touch-action: none; touch-action: none; margin: auto; min-width: 200px; } .desc-top .gslide-image img, .desc-bottom .gslide-image img { width: auto; } .desc-left .gslide-image img, .desc-right .gslide-image img { width: auto; max-width: 100%; } .gslide-image img.zoomable { position: relative; } .gslide-image img.dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; -webkit-transition: none; transition: none; } .gslide-video { width: 100%; max-width: 100%; position: relative; width: 100vh; max-width: 100vh; width: 100% !important; } .gslide-video .gvideo-wrapper { width: 100%; margin: auto; } .gslide-video::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: rgba(255, 0, 0, 0.34); display: none; } .gslide-video.playing::before { display: none; } .gslide-video.fullscreen { max-width: 100% !important; min-width: 100%; height: 75vh; } .gslide-video.fullscreen video { max-width: 100% !important; width: 100% !important; } .gslide-inline { background: #fff; text-align: left; max-height: calc(100vh - 40px); overflow: auto; max-width: 100%; } .gslide-inline .ginlined-content { padding: 20px; width: 100%; } .gslide-inline .dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; -webkit-transition: none; transition: none; } .ginlined-content { overflow: auto; display: block !important; opacity: 1; } .gslide-external { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-width: 100%; background: #fff; padding: 0; overflow: auto; max-height: 75vh; height: 100%; } .gslide-media { display: block; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } .zoomed .gslide-media { -webkit-box-shadow: none !important; box-shadow: none !important; } .desc-top .gslide-media, .desc-bottom .gslide-media { margin: 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .gslide-description { position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; } .gslide-description.description-left, .gslide-description.description-right { max-width: 100%; } .gslide-description.description-bottom, .gslide-description.description-top { margin: 0 auto; width: 100%; } .gslide-description p { margin-bottom: 12px; } .gslide-description p:last-child { margin-bottom: 0; } .zoomed .gslide-description { display: none; } /* * Description for mobiles * something like facebook does the description * for the photos */ .glightbox-mobile .glightbox-container .gslide-description { height: auto !important; width: 100%; background: transparent; position: absolute; bottom: 15px; padding: 19px 11px; max-width: 100vw !important; -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; max-height: 78vh; overflow: auto !important; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .75))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 100%); -webkit-transition: opacity .3s linear; transition: opacity .3s linear; padding-bottom: 50px; } .glightbox-mobile .glightbox-container .gslide-title { color: #fff; font-size: 1em; } .glightbox-mobile .glightbox-container .gslide-desc { color: #a1a1a1; } .glightbox-mobile .glightbox-container .gslide-desc a { color: #fff; font-weight: bold; } .glightbox-mobile .glightbox-container .gslide-desc * { color: inherit; } .glightbox-mobile .glightbox-container .gslide-desc string { color: #fff; } .glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: #fff; opacity: .4; } .gdesc-open .gslide-media { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: .4; } .gdesc-open .gdesc-inner { padding-bottom: 30px; } .gdesc-closed .gslide-media { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 1; } .greset { -webkit-transition: all .3s ease; transition: all .3s ease; } .gabsolute { position: absolute; } .grelative { position: relative; } .glightbox-desc { display: none !important; } .glightbox-open { overflow: hidden; } .gloader { height: 25px; width: 25px; -webkit-animation: lightboxLoader .8s infinite linear; animation: lightboxLoader .8s infinite linear; border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; position: absolute; display: block; z-index: 9999; left: 0; right: 0; margin: 0 auto; top: 47%; } .goverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; will-change: opacity; } .glightbox-mobile .goverlay { background: #000; } .gprev, .gnext, .gclose { background-repeat: no-repeat; z-index: 99999; cursor: pointer; width: 26px; height: 44px; display: block; background-position: 0 0; border: none; padding: 0 0 0 4px; } .gprev svg, .gnext svg, .gclose svg { display: block; width: 33px; height: 33px; } .gprev.disabled, .gnext.disabled, .gclose.disabled { opacity: .1; } .gprev .garrow, .gnext .garrow, .gclose .garrow { stroke: #fff; } iframe.wait-autoplay { opacity: 0; } .glightbox-closing .gnext, .glightbox-closing .gprev, .glightbox-closing .gclose { opacity: 0 !important; } /*Skin */ .glightbox-clean .gslide-description, .glightbox-modern .gslide-description { background: #fff; } .glightbox-clean .gdesc-inner, .glightbox-modern .gdesc-inner { padding: 22px 20px; } .glightbox-clean .gslide-title, .glightbox-modern .gslide-title { font-size: 1em; font-weight: normal; font-family: arial; color: #000; margin-bottom: 19px; line-height: 1.4em; } .glightbox-clean .gslide-desc, .glightbox-modern .gslide-desc { font-size: 0.86em; margin-bottom: 0; font-family: arial; line-height: 1.4em; } .glightbox-clean .gslide-video, .glightbox-modern .gslide-video { background: #000; } .glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose, .glightbox-modern .gprev, .glightbox-modern .gnext, .glightbox-modern .gclose { background-color: rgba(0, 0, 0, 0.12); } .glightbox-clean .gprev:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gclose:hover, .glightbox-modern .gprev:hover, .glightbox-modern .gnext:hover, .glightbox-modern .gclose:hover { background-color: rgba(0, 0, 0, 0.20); } .glightbox-clean .gprev path, .glightbox-clean .gnext path, .glightbox-clean .gclose path, .glightbox-modern .gprev path, .glightbox-modern .gnext path, .glightbox-modern .gclose path { fill: #fff; } .glightbox-clean button:focus:not(.focused):not(.disabled), .glightbox-modern button:focus:not(.focused):not(.disabled) { outline: none; } .glightbox-clean .gprev, .glightbox-modern .gprev { position: absolute; top: -100%; left: 30px; width: 40px; height: 56px; } .glightbox-clean .gnext, .glightbox-modern .gnext { position: absolute; top: -100%; right: 30px; width: 40px; height: 56px; } .glightbox-clean .gclose, .glightbox-modern .gclose { width: 35px; height: 35px; top: 15px; right: 10px; position: absolute; opacity: .7; background-position: -59px 2px; } .glightbox-clean .gclose svg, .glightbox-modern .gclose svg { width: 20px; } .glightbox-clean .gclose:hover, .glightbox-modern .gclose:hover { opacity: 1; } /*CSS Animations*/ .gfadeIn { -webkit-animation: gfadeIn .5s ease; animation: gfadeIn .5s ease; } .gfadeOut { -webkit-animation: gfadeOut .5s ease; animation: gfadeOut .5s ease; } .gslideOutLeft { -webkit-animation: gslideOutLeft .3s ease; animation: gslideOutLeft .3s ease; } .gslideInLeft { -webkit-animation: gslideInLeft .3s ease; animation: gslideInLeft .3s ease; } .gslideOutRight { -webkit-animation: gslideOutRight .3s ease; animation: gslideOutRight .3s ease; } .gslideInRight { -webkit-animation: gslideInRight .3s ease; animation: gslideInRight .3s ease; } .gzoomIn { -webkit-animation: gzoomIn .5s ease; animation: gzoomIn .5s ease; } .gzoomOut { -webkit-animation: gzoomOut .5s ease; animation: gzoomOut .5s ease; } @-webkit-keyframes lightboxLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lightboxLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d( 0, 0, 0); transform: translate3d( 0, 0, 0); opacity: 1; } } @keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d( 0, 0, 0); transform: translate3d( 0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @-webkit-keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } } @keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } } @-webkit-keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 1; } } @keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 1; } } @-webkit-keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @media (min-width: 769px) { .glightbox-container .ginner-container { width: auto; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .glightbox-container .ginner-container.desc-top .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .glightbox-container .ginner-container.desc-left .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .glightbox-container .ginner-container.desc-left .gslide-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .gslide-image img { max-height: 97vh; max-width: calc(100% - 20px); max-width: 100%; } .gslide-image img.zoomable { cursor: -webkit-zoom-in; cursor: zoom-in; } .zoomed .gslide-image img.zoomable { cursor: -webkit-grab; cursor: grab; } .gslide-inline { max-height: 95vh; } .gslide-external { max-height: 100vh; } .gslide-description.description-left, .gslide-description.description-right { max-width: 275px; } .glightbox-open { height: auto; } .goverlay { background: rgba(0, 0, 0, .92); } .glightbox-clean .gslide-media, .glightbox-modern .gslide-media { -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); } .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner, .glightbox-modern .description-left .gdesc-inner, .glightbox-modern .description-right .gdesc-inner { position: absolute; height: 100%; overflow-y: auto; } .glightbox-clean .gprev, .glightbox-modern .gprev { top: 45%; } .glightbox-clean .gnext, .glightbox-modern .gnext { top: 45%; } } @media (min-width: 992px) { .glightbox-clean .gclose, .glightbox-modern .gclose { right: 20px; } } @media screen and (max-height: 420px) { .goverlay { background: #000; } }