@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap'); /* @font-face { font-family: 'Montserrat'; src: url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Thin.eot'); src: url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Thin.woff2') format('woff2'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Thin.woff') format('woff'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Thin.ttf') format('truetype'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Thin.svg#Montserrat-Thin') format('svg'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-ExtraLight.eot'); src: url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-ExtraLight.woff2') format('woff2'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-ExtraLight.woff') format('woff'), url(https://www.lairedigital.com/hubfs/Laire%202020/Font/%27Montserrat-ExtraLight.ttf%27) format('truetype'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-ExtraLight.svg#Montserrat-ExtraLight') format('svg'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Light.eot'); src: url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Light.woff2') format('woff2'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Light.woff') format('woff'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Light.ttf') format('truetype'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Light.svg#Montserrat-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } */ @font-face { font-family: 'Montserrat'; src: url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Regular.eot'); src: url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Regular.woff2') format('woff2'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Regular.woff') format('woff'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Regular.ttf') format('truetype'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Regular.svg#Montserrat-Regular') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Medium.eot'); src: url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Medium.woff2') format('woff2'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Medium.woff') format('woff'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Medium.ttf') format('truetype'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Medium.svg#Montserrat-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-SemiBold.eot'); src: url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-SemiBold.woff2') format('woff2'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-SemiBold.woff') format('woff'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-SemiBold.ttf') format('truetype'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Bold.eot'); src: url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Bold.woff2') format('woff2'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Bold.woff') format('woff'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Bold.ttf') format('truetype'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/Montserrat-Bold.svg#Montserrat-Bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Monument'; src: url('https://www.lairedigital.com/hubfs/Laire%202020/Font/MonumentExtended-Regular.eot'); src: url('https://www.lairedigital.com/hubfs/Laire%202020/Font/MonumentExtended-Regular.eot?#iefix') format('embedded-opentype'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/MonumentExtended-Regular.woff2') format('woff2'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/MonumentExtended-Regular.woff') format('woff'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/MonumentExtended-Regular.ttf') format('truetype'), url('https://www.lairedigital.com/hubfs/Laire%202020/Font/MonumentExtended-Regular.svg#MonumentExtended-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: .1s } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: .1s } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s } [data-aos][data-aos][data-aos-easing=data-aos-custom], body[data-aos-easing=data-aos-custom] [data-aos] { transition-timing-function: cubic-bezier(0.15, 0.50, 0.40, 1); } [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity, transform } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translateZ(0) } [data-aos=fade-up] { transform: translate3d(0, 60px, 0) } [data-aos=fade-down] { transform: translate3d(0, -100px, 0) } [data-aos=fade-right] { transform: translate3d(-100px, 0, 0) } [data-aos=fade-left] { transform: translate3d(100px, 0, 0) } [data-aos=fade-up-right] { transform: translate3d(-100px, 100px, 0) } [data-aos=fade-up-left] { transform: translate3d(100px, 100px, 0) } [data-aos=fade-down-right] { transform: translate3d(-100px, -100px, 0) } [data-aos=fade-down-left] { transform: translate3d(100px, -100px, 0) } [data-aos^=slide][data-aos^=slide] { transition-property: transform } [data-aos^=slide][data-aos^=slide].aos-animate { transform: translateZ(0) } [data-aos=slide-up] { transform: translate3d(0, 100%, 0) } [data-aos=slide-down] { transform: translate3d(0, -100%, 0) } [data-aos=slide-right] { transform: translate3d(-100%, 0, 0) } [data-aos=slide-left] { transform: translate3d(100%, 0, 0) } [data-aos^=flip][data-aos^=flip] { backface-visibility: hidden; transition-property: transform } [data-aos=flip-up] { transform: perspective(2500px) rotateX(-100deg) } [data-aos=flip-up].aos-animate { transform: perspective(2500px) rotateX(0) } [data-aos=flip-down] { transform: perspective(2500px) rotateX(100deg) } [data-aos=flip-down].aos-animate { transform: perspective(2500px) rotateX(0) } html{ overflow-x: hidden;} *, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box ;webkit-text-size-adjust: 100%; } body {margin:0; padding:0; font-family: "Lato", serif; font-weight:500; font-size:18px; line-height: 1.5; color:#3D3642; background:#fff; overflow-x:hidden;-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; } img { border:0; vertical-align: top; height:auto; max-width:100%; } hr { border:none; outline:none; float:left; width:100%; height:1px; background:#f2f2f2; clear:both; margin:30px 0; } .clear { clear:both } ul{ list-style:none; padding:0; margin:0; } .row-fluid .zig-zag-section ul {padding-left: 20px;margin: 10px 0px 20px;} .row-fluid .zig-zag-section ul li {font-size: 18px;line-height: 28px;position: relative;padding-left: 25px;list-style: disc;} .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body ul, .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body ol {padding-left: 25px;margin: 10px 0px 20px;} .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body ul li {position: relative;padding-left: 25px;list-style: disc;} .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body ol li {position: relative;padding-left: 25px;} p { padding:15px 0; margin:0; } h1 {color:#3D3642; font-size:40px; margin:0; padding:0; line-height:1.4;letter-spacing: 0.72px;font-weight:400; clear:both; font-family: 'Monument',sans-serif; } h2 {color:#3D3642; font-size:28px; margin:0; padding:0; line-height:1.4; font-weight:400; clear:both; font-family: 'Monument',sans-serif;} h3 { color:#3D3642; font-size:22px; margin:0; padding:0; line-height:25px; font-weight:600; clear:both;} h4 { color:#3D3642; font-size:18px; margin:0; padding:0; line-height:40px; font-weight:500; clear:both;} h5 {color:#3D3642; font-size:18px; margin:0; padding:0; line-height:40px; font-weight:normal; clear:both;} h6 {color:#FF8B71; font-size:16px; margin:0; padding:0; line-height:24px; font-weight:700; clear:both; text-transform:uppercase; letter-spacing:1px;padding-bottom: 7px;} a { text-decoration:none; outline:none; color:inherit; -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; font-size:14px; cursor: pointer;} a:hover { color:#FF8B71; } p a,.body-container-wrapper li a{font-family: inherit; font-size: inherit; line-height: inherit; outline: 0; text-decoration: underline;} .detail-content ul { margin: 0 0px 20px; } .detail-content ul ul{ padding-top:10px; } .detail-content ul li { /*font-size: 16px;*/ position: relative; padding-left: 28px; list-style: none; } .detail-content ul li:before { position: absolute; content: ""; background-image: url('https://www.lairedigital.com/hubfs/Laire%202020/Images/Vector%206.png'); height: 16px; width: 16px; background-repeat: no-repeat; left: 0; background-position: center; top: 7px; } .detail-content.white ul li:before{ background-image: url('https://www.lairedigital.com/hubfs/Laire%202020/Images/Vector%208.png'); } .detail-content h1{ margin-bottom:30px;color: inherit; /*line-height: 1.2;*/ } .detail-content h2{ position: relative; margin-bottom: 22px; padding-bottom: 27px; color: inherit;} .detail-content h2:before { content: ' '; top: auto; bottom: 0; width: 60px; height: 2px; position: absolute; } .detail-content.white h2:before{ background: #ffffff; } .detail-content h6{ padding:0; margin-bottom:20px;} .detail-content h3{ margin-bottom:22px;color: inherit;} .detail-content p{ padding:0; margin-bottom:20px; } .detail-content .common-cta,.common-cta{ margin-top: 55px;position: relative; z-index: 1;} .detail-content:not(.with-margin) > *:last-child{ margin-bottom:0 !important; } .detail-content strong{ font-weight:700; } .detail-content p:empty { margin-bottom: 0; height: 15px; } .detail-content small{font-size: 78%;} .detail-content.white { color: #fff; } .arrow-cta { margin-top: 60px; } .arrow-cta a { font-size: 14px; letter-spacing: .08em; line-height: 21px; font-weight: 700; display: inline-flex; align-items: center; } .arrow-cta a svg{ margin-left:15px; transition: margin 0.4s ease-in-out;min-width: 17px; } .arrow-cta a:hover svg{ margin-left:10px; } .dis-flex{ display:flex; flex-wrap:wrap; } .vmiddle{ align-items:center; } .rtp { padding-top: 0 !important; } .rbp { padding-bottom: 0 !important; } .hs_cos_wrapper_type_cta{ opacity:0; } .tc{ text-align:center; } .float-div{ float: left; width: 100%;} input , button , textarea, select , input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline:none; border:1px solid #ccc; background:#fff; height:50px; padding:0 20px;/*font-size:16px;*/ width:100%; } input[type=checkbox] , input[type=radio] { width:auto; height:auto; } textarea { padding:15px 20px; height:100px; } input[type=submit] , button { width:auto; border:none; cursor:pointer; background:url(images/blank.png) no-repeat left top #01adf1; font-size:17px; line-height:24px; font-weight:700; padding:8px 20px; color:#fff; display:inline-block; -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; } input[type=submit]:hover , button:hover { background-color:#00658b; } ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; } .hs-form .input { margin:0; } .hs-form .hs-form-field { padding:0 0 15px; } .row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 } .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 10px } .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 10px 0; } .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px 10px } .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 10px 0; } .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 10px; } .row-fluid .hs-form fieldset .hs-input { width:100% !important; } .row-fluid .hs-form fieldset { max-width:none; } .row-fluid .hs-form fieldset input[type="checkbox"], .row-fluid .hs-form fieldset input[type="radio"] { width:auto !important; } ul.inputs-list { margin:0; padding:5px 0; list-style:none; } .row-fluid .inputs-list .hs-form-checkbox-display , .row-fluid .inputs-list .hs-form-booleancheckbox , .row-fluid .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; } .row-fluid .inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; } .row-fluid .inputs-list input[type="radio"] { top:3px; } .row-fluid .inputs-list input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; } .row-fluid .inputs-list input[type="checkbox"] + span:before { position:absolute; left:-25px; top:0; content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa; } .row-fluid .inputs-list input[type="checkbox"]:checked + span:before { background:#333; color:#ffff; border-color:#333; } .row-fluid .inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#fff; position:absolute; left:-25px; top:0; content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; } .row-fluid .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px; content:''; width:20px; height:20px; border:1px solid #dadada; background:#fafafa; border-radius:100%; } .row-fluid .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px; content:''; width:12px; height:12px; border-color:#333; background:#3333; border-radius:100%; } form .legal-consent-container { font-size: 12px; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ /* font-size: 14px; */ color: #616972; /* line-height: 1.25; */ } ::-moz-placeholder { /* Firefox 19+ */ /* font-size: 14px; */ color: #616972; /* line-height: 1.25; */ } :-ms-input-placeholder { /* IE 10+ */ /* font-size: 14px; */ color: #616972; /* line-height: 1.25; */ } :-moz-placeholder { /* Firefox 18- */ /* font-size: 14px; */ color: #616972; /* line-height: 1.25; */ } .row-fluid a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .row-fluid [class*="span"] { min-height:0px; } .row-fluid .bgimg-main { background-size:cover; background-repeat:no-repeat; background-position:center center; } .row-fluid .bg-img { display:none; } /*Text Option*/ .row-fluid .text-center { text-align:center; } .row-fluid .text-left { text-align:left; } .row-fluid .text-right { text-align:right; } /*Button*/ a.cta_button,.common-cta a,.button a,.button a.cta_button{display:inline-block; text-decoration:none;box-sizing: border-box !important; border-radius:50px; color: #ffffff; background: #FF8B71;border:2px solid #FF8B71 ;font-size:14px; font-weight:700; padding: 14px 32px;line-height: normal; text-transform:uppercase; } a.cta_button:hover,.common-cta a:hover,.button a:hover,.button a.cta_button:hover{background: transparent; color:#3D3642; } .dark a.cta_button:hover,a.cta_button.dark:hover,.common-cta a.dark:hover,.common-cta.dark a:hover,.dark .common-cta a:hover,.dark .button a:hover,.dark .button a.cta_button:hover,.button.dark a:hover,.dark.button a.cta_button:hover,.button a.dark:hover,.button a.dark.cta_button:hover{ color:#ffffff; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; } [dir='rtl'] .slick-slide { float: right; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-arrow { cursor:pointer; z-index:5; position:absolute; top:50%; margin-top:-17.5px; display:inline-block; color:#fff; background:#333; width:35px; height:35px; font-size:0; text-index:-9999; cursor:pointer; } .slick-arrow:before { font-family:'FontAwesome'; font-size:14px; } .slick-arrow:hover { background:#fff; color:#000; } .slick-arrow.slick-prev { left:5px; } .slick-arrow.slick-prev:before { content: "\f104"; } .slick-arrow.slick-next { right:5px; } .slick-arrow.slick-next:before { content: "\f105"; } .slick-arrow.slick-disabled { display:none; } ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;} ul.slick-dots { text-align:center; padding:10px 0 0; } ul.slick-dots li { display:inline-block; padding:0 5px; } ul.slick-dots li button { display:inline-block; background:#a1a1a1;padding:0;width:15px; height:15px; border-radius:100%; font-size:0; text-index:-9999; cursor:pointer; } ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#B4BB65; } .row-fluid .header-wrapper { margin:0 auto !important; max-width:1300px; width:100%; float:none !important; padding:0px 15px;} .row-fluid .container { margin:0 auto !important; max-width:1230px; width:100%; float:none !important; padding:0px 15px;} /* === Header Section === */ header { position: fixed; width: 100%; top: 0; left: 0; z-index: 9; font-size: 14px; line-height: 1.3; transition:background .4s ease-in-out; } header a{ transition: color .4s ease-in-out; display:inline-block; } header:not(.sticky) .sticky-logo,header.sticky .logo{ display: none; } header > .container { max-width: 1300px !important; } header > .container >.dis-flex{position: relative;} header.sticky { background: #3D3642; } header .header-logo { width: 130px; } header .menu{ width: calc(100% - 150px); justify-content: space-between; padding-left: 42px; padding-right: 20px; } header .search-part { width: 20px; } header .cta a { transition: all .4s ease-in-out; padding: 14px 17px; min-width: 212px; text-align: center; } header ul.hs-menu-children-wrapper { width: 510px;top: 100%; left: 28px;padding:30px; } header .hs-menu-depth-1 { padding: 42px 23px; position: relative; } header .child-trigger { display: inline-block; margin-left: 3px; width: 9px; height: 6px; } header svg { display: inline-block; vertical-align: middle; } header .icon-wrapper { width: 34px; padding-right: 7px; text-align:center; } header .icon-wrapper svg{ max-width: 27px; } header .label { width: calc(100% - 34px); font-size: 16px; } header .one-col .label { width:100%;} header .label small { display: block; margin-top: 5px; font-size: 85%; opacity: 0.7; color: #3D3642; } header .label strong { font-weight: 700; display: block; } header .icon-wrapper svg path { fill: #3D3642; /*stroke: #3D3642;*/transition: fill .4s ease-in-out,stroke .4s ease-in-out; } header .search-icon path { fill: #fff; } header .search-icon { position: relative;height: 20px; width: 20px; z-index: 999;cursor: pointer; } header .hs-search-field { display: none;transition: width .4s ease-in-out; position: absolute; width: 275px; right: -5px; top: 100%; background: #fff; padding: 30px; border-radius: 3px; box-shadow: 0px 3px 10px rgb(0 0 0 / 10%);} header .hs-search-field__input { padding-right: 35px; } header form{position: relative;} header form button { height: 38px; background: transparent!important; padding: 0; position: absolute; top: 50%; right: -10px; width: 38px; text-align: right; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); } header .hs-search-field__bar button svg { height: 15px;width:15px; } header .search-icon > svg:nth-child(2){transform: rotate(45deg);} header .search-icon:not(.active) > svg:nth-child(2),header .search-icon.active > svg:nth-child(1){display:none;} header .form form .hs-search-field__input { padding-right: 30px; } header .hs-search-field:before { position: absolute; content: ""; height: 10px; width: 10px; background: #fff; transform: rotate(-45deg); top: -5px; right: 10px; margin: 0 auto; z-index: 9; } header .hs-search-field.active{ display:block;} header ul.hs-menu-children-wrapper.one-col{ left: 28px;} /* === Footer Section === */ /* LP - Header Global Module */ .lp-header { position: absolute; left: 0; top: 0; width: 100%;padding:38px 0; z-index:9; } /* .lp-header .container { max-width: 1730px; } */ /* LP - Footer Global Module */ .lp-footer-section { background: #3D3642; padding: 52px 0; text-align: center; } /* Home - Hero Modules + LP - Hero Module */ .hero-section { width: 100%; float: left; position: relative; z-index: 1; /*background-position: center center;*/ background-position: top center; background-repeat: no-repeat; background-size: cover; overflow: hidden;} .hero-section .hero-text h1 { max-width: 700px; } .hero-section .hero-text h1 { color: #fff; padding: 10px 0px; } .hero-section .hero-text { max-width: 700px; float: left; width: 100%; padding: 100px 0px 140px; position: relative; } .hero-section .hero-text .content { width: 100%; float: left; color: #Fff; max-width: 530px; padding-bottom: 20px; } .hero-section:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: rgba(63, 60, 75, 0.4); z-index: -1; } .hero-section .shape-box { width: 100%; float: left; position: relative; padding: 100px 0px; } .hero-section .shape-box:before{ content: ' '; top: 0; left: -25%; background: #3D3642; width: 79%; height: 100%; position: absolute; transform: skewX(-32deg); } .hero-section .shape-box:after{ content: ' '; top: 0; right: -19%; background: #3D3642; width: calc(100% - 69%); height: 100%; position: absolute; left: auto; transform: skewX(-32deg); border-bottom: 45px solid #ffffff; } .hero-section:after { top: auto; right: -3%; height: 100px; background: #fff; z-index: 2; position: absolute; transform: skewX(-32deg); width: calc(100% - 81%); bottom: 0; } .hero-section .hero-text .text-wrap { width: 100%; float: left; position: relative; } .hero-section .scroll-down { position: absolute; top: auto; bottom: 90px; right: 40px; left: auto; z-index: 1; } .hero-section .scroll-down img { width: 11px; } .hero-section .scroll-down a { font-size: 9px; color: #fff; font-weight: 600; letter-spacing: 2px; position: relative; } .hero-section .scroll-down a span { position: relative; top: 5px; } .hero-section .scroll-down a:hover { color: #FF8B71; } .hero-section .hero-text .pattern-1{left:-91px;position:absolute;top:147px;} .hero-section .hero-text .pattern-2{left:275px;position:absolute;bottom:-105px;} /* Home - Right Side Image With Text */ .industry-section { width: 100%; float: left; position: relative; z-index: 1; padding: 70px 0px 80px; background: #3D3642; overflow:hidden} .industry-section .container { display: flex; align-items: center; } .industry-section .left-part { width: 50%; float: left; padding-right: 50px; } .industry-section .right-part { width: 50%; float: left; padding-left: 50px; } .industry-section .right-part .right-img { max-width: 400px; width: 100%; margin: auto; position: relative; } .industry-section .right-part .right-img .pattern-1{bottom:-36px;left:-35px;position:absolute;} .industry-section .left-part h2 { color: #fff; padding: 12px 0px 25px; position: relative; margin-bottom: 15px; } .industry-section .left-part h2:before { content: ' '; top: auto; bottom: 0; background: #FF8B71; width: 60px; height: 2px; position: absolute; } .industry-section .left-part .content { width: 100%; float: left; color: #fff; padding-bottom: 15px; } .industry-section:before { content: ' '; top: 0; left: 0; width: 32%; height: 100%; position: absolute; background: #454252; z-index: -1; transform: skewX(30deg); } .industry-section .left-part .content ul { list-style: inherit; padding-left: 20px; } .industry-section.light{ background:#ffffff; color:inherit; } .industry-section.light:before{ background: #f5f4f2; content: " "; height: 100%; left: auto; right:0; position: absolute; top: 0; transform: skewX(330deg); width: 32%; z-index: -1; } .industry-section.light .left-part h2,.industry-section.light .left-part .content { color:inherit; } /* Home - Services */ .service-section { width: 100%; float: left; background: #3D3642; padding: 80px 0px; overflow:hidden;} .service-section h2 { color: #fff; padding: 15px 0px 60px; } .service-section .service-main { width: 100%; float: left; position: relative; padding: 50px 0px 0px; background: #3D3642; z-index: 1; } .service-section .service-wrap { margin: 0px -15px; text-align: center; position: relative; } .service-section .service-box { width: calc(100% / 3 - 44px); display: inline-block; margin: 0px 20px; background: #3D3642; vertical-align: top; padding: 0px 5px 80px 5px; } .service-section .service-box .service-img { width: 100%; float: left; padding-bottom: 30px; } .service-section .service-box .service-img img { width: 70px; height: 70px; object-fit: contain; } .service-section .service-box h3 { color: #fff; letter-spacing: 0px; } .service-section .service-box .content { width: 100%; float: left; color: #fff; padding: 10px 0px; } /* .service-section .service-box .content p{line-height:26px;font-size: 16px;} */ .service-section .service-box .service-btn { width: 100%; float: left; } .service-section .service-box .service-btn a { color: #fff; font-weight: 700; letter-spacing: 2px; font-size:14px; } .service-section .service-box .service-btn a:hover { color: #FF8B71; } .service-section .service-box .service-btn a:hover svg path { stroke: #FF8B71; } .service-section .service-box .service-btn a svg path { transition: all .4s ease-in-out; } .service-section .service-box:nth-last-child(1), .service-section .service-box:nth-last-child(2), .service-section .service-box:nth-last-child(3) { padding: 0px 5px 50px 5px;} .service-section .service-box:nth-child(3) { position: relative; z-index: 1; } .service-section .service-main .pattern-1{top:40px;left:-22px;position:absolute;} .service-section .service-main .pattern-2{bottom:7px;left:calc(30% + -8px);position:absolute;} .service-section .service-main .pattern-3{position:absolute;right:-35px;top:311px;} .service-section .common-cta { margin-top: -45px; float: left; width: 100%; } /* + About - Services */ .service-section.a-service-section .service-main .pattern-3{position:absolute;right:-35px;top:237px;} .service-section .detail-content { color: #fff; margin-bottom: 22px;} .service-section .detail-content small{font-size: 78%;} .service-section.updated h2{ padding-bottom: 30px; margin-bottom: 22px; position:relative;line-height: 1.25; max-width: 800px; } .service-section.updated h2:after { position: absolute; content: ""; height: 2px; width: 68px; bottom: 0; left: 0; } /* + Marketing Strategy- Services */ .service-section.marketing-service { background: #ffffff; } .service-section.marketing-service h2 { color: #3D3642; max-width: 740px; width: 100%; padding: 15px 0px 40px; } .service-section.marketing-service .service-main { background: #ffffff; } .service-section.marketing-service .service-main .service-box { background: #ffffff; padding-top: 20px; } .service-section.marketing-service .service-box h3 { color: #3D3642; letter-spacing: 1px; } .service-section.marketing-service .service-box .content { color: #3D3642; } .service-section.marketing-service .service-box {padding: 0px 5px 0px 5px; } .service-section.marketing-service .service-box:nth-child(3) { position: relative; z-index: 1; } /* + Marketing Strategy Action */ .service-section.stretagy-action .service-box:nth-last-child(1), .service-section.stretagy-action .service-box:nth-last-child(2), .service-section.stretagy-action .service-box:nth-last-child(3) { padding: 0px 5px 50px 5px;} .service-section.stretagy-action .service-box .service-btn { width: 100%; float: left; } .service-section.stretagy-action .service-box .service-btn a { color: #fff; font-weight: 700; letter-spacing: 2px; } .service-section.stretagy-action .service-box .service-btn a svg path { transition: all .4s ease-in-out; } .service-section.stretagy-action { padding: 80px 0px 60px; position: relative; z-index: 1; overflow: hidden; } .service-section.stretagy-action:has(.common-cta) { padding-bottom: 100px;} .service-section.stretagy-action h2 { padding: 12px 0px 25px; position: relative; margin-bottom: 5px; } .service-section.stretagy-action h2:before { content: ' '; top: auto; bottom: 0; background: #B4BB65; width: 60px; height: 2px; position: absolute; } .service-section.stretagy-action .content { color: #fff; max-width: 958px; padding-bottom: 20px; } .service-section.stretagy-action .content a { font-size: 18px; color: #B4BB65; } .service-section.stretagy-action .content a:hover { color: #fff; } .service-section.stretagy-action .service-main:before { display: none; } .service-section.stretagy-action .service-main:after { display: none; } .service-section.stretagy-action .service-main { padding: 50px 0px 0px; background: transparent; } .service-section.stretagy-action:before { content: ' '; top: 0; left: -10%; width: 36%; height: 100%; position: absolute; background: #454252; z-index: -1; transform: skewX(31deg); } .service-section.stretagy-action .service-box { background: transparent; } .service-section.stretagy-action .service-box { text-align: left; } .service-section.stretagy-action .service-box .content li { position: relative; padding-left: 24px; font-size:14px;} .service-section.stretagy-action .service-box .content li:before { content: ' '; top: 3px; left: 0; position: absolute; width: 14px; height: 20px; background-image: url("https://www.lairegroup.com/hubfs/Laire%202020/Images/right.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; } .service-section.stretagy-action .service-box .service-img { padding-bottom: 35px;} /* Home - Left Side Image With Text */ .growth-section { width: 100%; float: left; padding: 100px 0px 110px; background: #ffffff; padding-right: 15px; } .growth-section .left-part { width: 48%; float: left; background-repeat: no-repeat; background-size: cover; background-position: center top; position: relative; } .growth-section .right-part { width: 52%; float: left; padding: 50px 0px 50px 120px; padding-right: calc((100% - 1250px) / 2); } .growth-section .growth-wrap { display: flex; } .growth-section .right-part h2 { padding: 12px 0px 25px; position: relative; margin-bottom: 10px; max-width: 510px; } .growth-section .right-part h2:before { content: ' '; top: auto; bottom: 0; background: #FF8B71; width: 60px; height: 2px; position: absolute; } .growth-section .right-part .content { max-width: 525px; padding-bottom: 15px; } .growth-section .left-part .shape-img{bottom:-35px;position:absolute;right:-2px;top:auto;width:150px;} .growth-section ul { list-style: inherit; padding-left: 20px; } /* Home - Industries Including */ .including-section { width: 100%; float: left; padding: 90px 0px; position: relative; background: #3D3642; z-index: 1; overflow:hidden} .including-section.light{ background: #ffffff;color: #3D3642; } .including-section .including-wrap { max-width: 1088px; width: 100%; margin: auto; clear: both; } .including-section .title { width: 100%; float: left; } .including-section .title h2 { color: #fff; } /* .including-section .title h2 { font-size: 26px; line-height: 42px;font-weight: 600; } */ .including-section.light .title h2,.including-section.light .including-list ul li { color:inherit; } .including-section .title h6 { padding-bottom: 15px; } .including-section .including-list { width: 100%; float: left; padding: 55px 0px 60px 120px; position: relative; } .including-section .including-list ul li { color: #fff; } .including-section .including-list ul { list-style: disc; } .including-section .including-list .pattern-1{position: absolute; left: 0;} .including-section:before { content: ' '; top: 0; left: 0; width: 36%; height: 100%; position: absolute; background: #454252; z-index: -1; transform: skewX(37deg); } .including-section.light:before{background: #F4F2F9;} .including-section .including-wrap .orange-white-btn {padding-left: 101px;} .including-section .including-list ul li { width: calc(100% / 3 - 10px); float: left; margin: 0px 5px;} .including-section .including-list.remove-padding { padding-bottom: 0 !important; } /* Home - Our Partners Logo */ .partner-section { width: 100%; float: left; padding: 90px 0px 60px; background: #ffffff; position: relative; z-index: 1; overflow: hidden; } .partner-section h2 { max-width: 580px; padding: 10px 0px 60px; } .partner-section .left-part { width: 80%; float: left; } .partner-section .right-part { width: 20%; float: left; text-align: right; } .partner-section .left-part .partner-wrap { margin: 0px -15px; } .partner-section .left-part .partner-box { width: calc(100% / 5 - 44px); margin: 0px 15px; margin-bottom: 30px; margin-right: 25px; /*height: 50px;*/display: inline-flex; align-items: center; justify-content: center;} .partner-section .left-part .partner-box img { max-width: 120px; height: 80px; object-fit: contain; } .partner-section:before { content: ' '; top: 0; left: auto; width: 36%; height: 100%; position: absolute; background: #F4F2F9; z-index: -1; transform: skewX(-37deg); right: 0; } .partner-section .right-part .partner-btn.orange-black-btn a { width: 194px;text-align: center;} /* Home - Blog Feed */ .blog-feed-section { width: 100%; float: left; padding: 80px 0px 100px; background: #ffffff; } .blog-feed-section .title-wrap { width: 100%; float: left; padding-bottom: 51px; display: flex; flex-wrap: wrap; align-items: flex-end; } .blog-feed-section .title-box { width: 80%; float: left; } .blog-feed-section .moew-box { width: 20%; float: left; text-align: right; } .blog-feed-section .title-box h2 { padding: 10px 0px; max-width: 630px; } .blog-feed-section .moew-box a { font-size: 14px; font-weight: bold; } .blog-feed-section .moew-box a svg { margin-left: 6px; width: 13px; position: relative; top: 1px; } .blog-feed-section .moew-box a svg path { transition: all .4s ease-in-out; stroke: #3D3642; } .blog-feed-section .moew-box a:hover svg path { stroke: #FF8B71; } .blog-feed-section .blog-box { width: 100%; float: left; } .blog-feed-section .left-side { width: 50%; float: left; padding-right: 10px; } .blog-feed-section .right-side { width: 50%; float: left; padding-left: 10px; } .blog-feed-section .left-side .first-blog-post { width: 100%; float: left; } .blog-feed-section .left-side .first-blog-post .post-image { width: 100%; float: left; height: 500px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; } .blog-feed-section .left-side .first-blog-post .post-image:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: #000; opacity: 0.3; z-index: -1; } .blog-feed-section .left-side .first-blog-post .detail-box { background: #ffffff; width: 85%; position: absolute; top: auto; bottom: 0; left: 0; padding: 22px; } .blog-feed-section .left-side .first-blog-post .detail-box a.topic-link { color: #FF8B71; font-size: 14px; margin: 0; padding: 0; line-height: 24px; font-weight: 700; clear: both; text-transform: uppercase; letter-spacing: 1px; } .blog-feed-section .left-side .first-blog-post .detail-box h3 { padding-bottom: 15px;font-size: 24px; line-height: 30px; } .blog-feed-section .left-side .first-blog-post .detail-box a.read-more { text-transform: uppercase; font-size: 14px; font-weight: 700; display:inline-block; } .blog-feed-section .left-side .first-blog-post .detail-box a.read-more svg { margin-left: 4px; position: relative; top: 1px; } .blog-feed-section .left-side .first-blog-post .detail-box a.read-more svg path { stroke: #3D3642; transition: all .4s ease-in-out; } .blog-feed-section .left-side .first-blog-post .detail-box a.read-more:hover svg path { stroke: #FF8B71; } .blog-feed-section .right-side .blog-box .post-image { width: 100%; float: left; height: 239px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; } .blog-feed-section .right-side .blog-box .post-image:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: #000; opacity: 0.3; z-index: -1; } .blog-feed-section .right-side .blog-box .detail-box { background: #ffffff; width: 85%; position: absolute; top: auto; bottom: 0; left: 0; padding: 22px; } .blog-feed-section .right-side .blog-box:first-child { padding-bottom: 20px; } .blog-feed-section .right-side .blog-box .detail-box a.topic-link {color: #FF8B71; font-size: 14px; margin: 0; padding: 0; line-height: 24px; font-weight: 700; clear: both; text-transform: uppercase; letter-spacing: 1px; } .blog-feed-section .right-side .blog-box .detail-box a.read-more { text-transform: uppercase; font-size: 14px; font-weight: 700; display:inline-block; } .blog-feed-section .right-side .blog-box .detail-box .topic { line-height: 0; } .blog-feed-section .right-side .blog-box .detail-box h3 { padding-bottom: 10px;font-size: 18px; line-height: 20px; } .blog-feed-section .right-side .blog-box .detail-box a.read-more svg { margin-left: 4px; position: relative; top: 1px; width: 12px; } .blog-feed-section .right-side .blog-box .detail-box a.read-more svg path { stroke: #3D3642; transition: all .4s ease-in-out; } .blog-feed-section .right-side .blog-box .detail-box a.read-more:hover svg path { stroke: #FF8B71; } /* Home - Bottom Two Column Section + Blue - Bottom Two Column Section + Case Study - Bottom Two Column Section */ .book-section { width: 100%; float: left; padding: 80px 0px 0px 15px; background: #3D3642; } .book-section .left-part { width: 48%; float: left; padding-right: 20px; padding-left: calc((100% - 1210px) / 2); padding-top: 40px; } .book-section .right-part { width: 52%; float: left; padding-left: 30px; height: 550px; } .book-section .left-part .book-title { max-width: 500px; width: 100%; position: relative; } .book-section .left-part .book-title h2 { color: #fff; padding: 12px 0px 25px; position: relative; margin-bottom: 15px; } .book-section .left-part .book-title h2:before { content: ' '; top: auto; bottom: 0; background: #FF8B71; width: 60px; height: 2px; position: absolute; } .book-section .left-part .content { width: 100%; float: left; color: #fff; line-height: 30px; } .book-section .left-part .book-btn { width: 100%; float: left; padding-top: 20px; } .book-section .left-part .book-title .pattern-1{left:-90px;position:absolute;top:9px;} .book-section .right-part img { width: 100%; height: 100%; object-fit: cover; } /* Banner Section - Green + Banner Section - Blue + Banner Section - Orange */ .banner-section{width:100%;float:left;padding:180px 0px 140px;position:relative;z-index:1;background-repeat:no-repeat;background-size:cover;background-position:center center; overflow:hidden; } .banner-section:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: -1; } .banner-section h1{color:#fff;} .banner-section .content{color:#fff;max-width:540px;width:100%;} .banner-section .content.detail-content{padding-top:0; } .banner-section .container .pattern-1{top:auto;bottom:-149px;left:15px;position:absolute;} .banner-section .container { position: relative; } .banner-section .banner-wrap { max-width: 855px; } .banner-section video{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; z-index: -2; } /* + Landing - Banner Section - Orange */ /* .banner-section .container { height:100%; } */ .banner-section.landing-hero .container { height:auto; } .banner-section.landing-hero.orange:before{background:rgba(54, 51, 66, 0.75);} .banner-section.landing-hero .button{padding-top:20px;} .banner-section.landing-hero .left-part { width: 55%; float: left; position:relative; } .banner-section.landing-hero .rignt-part { width: 45%; float: left; padding-left: 20px; text-align: right; } .banner-section.landing-hero .rignt-part .screen { max-width: 520px; width: 100%; position: relative; float: left; } .banner-section.landing-hero .rignt-part .screen .tablet { width: 480px; height: 600px; float: right; } .banner-section.landing-hero .rignt-part .screen .tablet img { height: 100%; width: 100%; } .banner-section.landing-hero .rignt-part .screen .mobile { position: absolute; top: auto; bottom: -30px; height: 400px; width: 210px; left: -56px; z-index: 1; } .banner-section.landing-hero .rignt-part .screen .mobile img { width: 100%; height: 100%; } .banner-section.landing-hero .rignt-part .screen-cover { max-width: 520px; width: 100%; float: left; position: relative; } .banner-section.landing-hero .rignt-part .display-img { max-width: 520px; width: 100%; float: left; position: absolute; } .banner-section.landing-hero .rignt-part .display-img .tab-display { width: 445px; height: 560px; float: none; position: relative; margin: auto; left: 20px; top: 20px; } .banner-section.landing-hero .rignt-part .display-img .tab-display img { height: 100%; width: 100%; object-fit: cover; border-radius: 20px; } .banner-section.landing-hero .rignt-part .display-img .mobile-display { width: 193px; height: 365px; float: none; position: absolute; margin: auto; top: auto; z-index: 1; left: -48px; bottom: -42px; } .banner-section.landing-hero .rignt-part .display-img .mobile-display img { width: 100%; height: 100%; object-fit: cover; border-radius: 16px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .banner-section.landing-hero .rignt-part .display-img .mobile-display:before { content: ' '; top: -1px; left: 0; right: 0; margin: auto; background-image: url("https://www.lairegroup.com/hubfs/Laire%202020/Images/notch.png"); position: absolute; height: 20px; width: 80px; background-repeat: no-repeat; } .banner-section.landing-hero{ min-height: 670px; z-index: 2; position:relative;overflow: inherit;padding-bottom: 0;} .banner-section.landing-hero .container .pattern-1 { bottom: -10px; } .lp-hero-banner { background-size: cover; background-position: center; background-repeat: no-repeat;position: relative;z-index:1; } .lp-hero-banner .container { padding-top: 100px; padding-bottom: 100px; position: relative; max-width: 1320px; } .lp-hero-banner .content-part { width: 50%; } .lp-hero-banner .image-part { width: 39%; text-align: right; } .lp-hero-banner .pattern-1 { position: absolute; left: 15px; bottom: -27px; } .lp-hero-banner .inner-content-wrapper { max-width: 523px; } .lp-hero-banner .container > .dis-flex { justify-content: space-between; } .lp-hero-banner .content-part.full-width {width: 100%;} .lp-hero-banner .content-part.full-width .inner-content-wrapper{max-width:1170px;} .lp-hero-banner.dark{ color: #fff; } .lp-hero-banner .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .lp-hero-banner.dark .overlay{ background: linear-gradient( 0deg , rgba(54, 51, 66, 0.75), rgba(54, 51, 66, 0.75));} .lp-hero-banner.light.style1 .overlay{ background: linear-gradient(1deg, #EFEDF3 0%, rgba(239, 237, 243, 0.8) 100%); } .lp-hero-banner.light.style2 .overlay{ background: linear-gradient(1deg, #EFEDF3 37.5%, rgba(239, 237, 243, 0.8) 100%); } .lp-hero-banner.light .common-cta a:not(:hover){ color: inherit; } /* + Blog Inner Hero */ .banner-section.blog-inner-hero:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: -1; background:rgba(54, 51, 66, 0.75); } .banner-section.blog-inner-hero .container { position: relative; } .banner-section.blog-inner-hero a.topic-link { color: #81B5C6; font-weight: bold; letter-spacing: 0.02em; /*font-size: 16px;*/ display: inline-block; padding-bottom: 15px;text-transform: uppercase; } .banner-section.blog-inner-hero a.topic-link:hover { color: #FFFFFF; } .banner-section.blog-inner-hero .content a.author-link { color: #FFFFFF; font-size: 18px; font-weight: normal; } .banner-section.blog-inner-hero .content a.author-link:hover { color: #81B5C6; } /* + Case Studies Blog - Blog Inner Hero */ .banner-section.blog-inner-hero.cs-banner a.topic-link:hover { color: #FF8B71; } /* Zig Zag Section */ .zig-zag-section { width: 100%; float: left; overflow: hidden; } .zig-zag-section .box { width: 100%; float: left; position: relative; background: #ffffff; padding: 70px 0px 50px; } .zig-zag-section .box .left-part { width: 50%; float: left; padding-right: 50px; } .zig-zag-section .box .right-part { width: 50%; float: left; padding-left: 45px; } .zig-zag-section .box .box-wrap { display: flex; align-items: center; } .zig-zag-section .box .left-part h2 { padding: 12px 0px 25px; position: relative; margin-bottom: 5px; } .zig-zag-section .box .left-part h2:before { content: ' '; top: auto; bottom: 0; background: #B4BB65; width: 60px; height: 2px; position: absolute; } .zig-zag-section .box .right-part .box-img { height: 650px; position: relative; } .zig-zag-section .box .right-part .box-img img { width: 100%; height: 100%; object-fit: cover; position: relative; } .zig-zag-section .box .right-part .box-img .pattern-1{bottom:-36px;left:-35px;position:absolute;} .zig-zag-section .box:nth-child(even) { position: relative; } .zig-zag-section .box:nth-child(even) .box-wrap { flex-direction: row-reverse; } .zig-zag-section .box:nth-child(even) .left-part { padding-right: 0; padding-left: 100px; } .zig-zag-section .box:nth-child(even) .right-part { padding-left: 0; padding-right: 90px; } .zig-zag-section .box:nth-child(even) .right-part .box-img:before { left: auto; right: -38px; transform: rotate(270deg); } .zig-zag-section .box:nth-child(even):before { content: ' '; top: 0; left: auto; width: 36%; height: 100%; position: absolute; background: #F9F8F7; z-index: -1; transform: skewX(-37deg); right: -7%; } /* .zig-zag-section .box:nth-child(even):before { content: ' '; top: 0; left: auto; width: 36%; height: 100%; position: absolute; background: #f4f2f9; z-index: -1; transform: skewX(-37deg); right: -7%; } */ .zig-zag-section .box:last-child { padding-bottom: 110px; z-index: 1; } .zig-zag-section .box .button{width:100%; float:left;padding-top:20px;} .zig-zag-section .box-img.video { height: auto !important;max-width:100% !important; } /* Award Zig Zag Section */ .award-zig-zag-section .box .left-part { width: 70%; padding-right: 60px; } .award-zig-zag-section .box .right-part { width: 30%; padding-left: 60px; } .award-zig-zag-section .box .right-part .box-img { height: 300px; position: relative; } /* Implementation Section */ .implementation-section { width: 100%; float: left; background: #3D3642; padding: 80px 0px 110px; display: flex; align-items: center;padding-left: 15px; } .implementation-section .left-part { width: 48%; float: left; padding-left: calc((100% - 1215px) / 2); } .implementation-section .right-part { width: 52%; float: left; padding-left: 30px; } .implementation-section .left-part h2 { color: #fff; padding: 12px 0px 20px; position: relative; margin-bottom: 15px; } .implementation-section .left-part h2:before { content: ' '; top: auto; bottom: 0; background: #b9bb65; width: 60px; height: 2px; position: absolute; } .implementation-section .left-part .content { color: #fff; padding-bottom: 30px; } .implementation-section .left-part .button { width: 100%; float: left; } .implementation-section .left-part .title-box { max-width: 460px; } .implementation-section .right-part .box { width: 100%; float: left; height: 620px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; z-index: 1; } .implementation-section .right-part .box .box-content { position: absolute; top: auto; bottom: 0; background: #3D3642; padding: 25px; width: 80%; z-index: 2; } .implementation-section .right-part .box .box-content h6.green { font-size: 14px; } .implementation-section .right-part .box .box-content h2 { color: #fff; font-weight: 500; font-size: 20px; padding-bottom: 15px; } .implementation-section .right-part .box .box-content a { color: #fff; font-weight: bold; font-size: 14px; letter-spacing: 0.08em; display: inline-block; } .implementation-section .right-part .box .box-content a svg { position: relative; top: 2px; left: 2px; } .implementation-section .right-part .box .box-content a:hover { color: #b4bb65; } .implementation-section .right-part .box .box-content a:hover svg path { stroke: #acb363; } .implementation-section .right-part .box .box-content a svg path { transition: all .4s ease-in-out; } .implementation-section .right-part .box .pattern-1{top: auto; bottom:-35px; left: -41px; position: absolute;} /* Testimonial Section */ .testimonial-section { width: 100%; float: left; background: #ffffff; padding: 80px 0px; } .testimonial-section .testimonial-wrap { max-width: 1070px; width: 100%; margin: auto; position: relative; } .testimonial-section .testimonial-wrap .pattern-1{top: 6px; left: -80px; position: absolute;} .testimonial-section .testimonial-slider .content { color: #3D3642; font-size: 22px; font-weight: 600; padding-bottom: 5px; } .testimonial-section .testimonial-slider .client-details { width: 100%; float: left; display: flex; align-items: center; } .testimonial-section .testimonial-slider .client-details .left-side { width: 75px; float: left; } .testimonial-section .testimonial-slider .client-details .right-side { width: calc(100% - 75px); float: left; padding-left: 15px; font-size: 18px; } .testimonial-section .testimonial-slider .client-details .left-side img { width: 72px; height: 75px; object-fit: cover; } .testimonial-section .button{width:100%;float:left;padding-top:80px;} .testimonial-section h2 { padding: 12px 0px 25px; position: relative; margin-bottom: 5px; } .testimonial-section h2:before { content: ' '; top: auto; bottom: 0; background: #b4bb65; width: 60px; height: 2px; position: absolute; } /* Full Width Copy Module */ .full-width-copy { padding: 114px 0 99px;z-index: 1; float: left; width: 100%; position: relative; overflow: hidden;} .full-width-copy.dark {background: #3D3642; color: #fff; } .full-width-copy.light {background: #ffffff; } .full-width-copy h2{ color: inherit; position: relative; margin-bottom: 22px; padding-bottom: 27px; } .full-width-copy h2:before { content: ' '; top: auto; bottom: 0; background: #FF8B71; width: 60px; height: 2px; position: absolute; } .full-width-copy h6 { padding: 0; margin-bottom: 20px;} .full-width-copy:before { content: ' '; top: 0; left: 0; width: 32%; height: 100%; position: absolute; background: #F4F2F9; z-index: -1; transform: skewX(30deg); } .full-width-copy.dark:before { background: #454252; } .full-width-copy.tc h2:before { left: 0; right: 0; margin: 0 auto; } .full-width-copy.tc ul{ text-align:left;} .full-width-copy.no-shape:before{display:none;width:0;} /* Solution Section */ .solution-section { width: 100%; float: left; padding: 80px 0px; background: #3D3642; } .solution-section .title-box { width: 100%; float: left; padding-bottom: 70px;display: flex; flex-wrap: wrap; align-items: flex-end; } .solution-section .title-box .left-side { width: 60%; float: left; } .solution-section .title-box .right-side { width: 40%; float: left; text-align: right; margin-bottom:22px; } .solution-section .title-box .left-side h2 { color: #FFFFFF; padding-top: 8px; } .solution-section .title-box .right-side a { color: #FFFFFF; font-weight: 700; letter-spacing: 0.5px; } .solution-section .title-box .right-side a:hover { color: #81B5C6; } .solution-section .title-box .right-side a svg path { transition: all .4s ease-in-out; } .solution-section .title-box .right-side a:hover svg path { stroke: #81B5C6; } .solution-section .solution-wrap { margin: 0px -15px; text-align: center; } .solution-section .solution-box { width: calc(100% / 4 - 44px); display: inline-block; vertical-align: top; margin: 10px 20px; } .solution-section .solution-box .icon { width: 100%; float: left; padding-bottom: 30px; } .solution-section .solution-box .icon img { max-width: 80px; } .solution-section .solution-box h3 { color: #fff; font-size: 21px; } .solution-section .solution-box .content { /*font-size: 16px; line-height: 26px;*/ color: #fff; padding-top: 5px; } /* + Solution Section - Updated */ .solution-section.updated { padding: 114px 0px 144px; background: #3D3642; } .solution-section.updated .title-box .left-side h2 { position: relative; color: #FFFFFF; margin-bottom: 22px; line-height: 1.25; padding-bottom: 27px; } .solution-section.updated .title-box .left-side h2:before { content: ' '; top: auto; bottom: 0; width: 60px; height: 2px; position: absolute; } .solution-section.updated .title-box .left-side h6 { padding: 0; margin-bottom: 20px; } .solution-section.updated .title-box .detail-content { float: left; width: 100%; color: #fff; } /* Latest Blog Posts Module */ .latest-post-section { padding: 114px 0; float: left; width: 100%; background: #ffffff;} .latest-post-section .bottom-part.dis-flex { display: flex; flex-wrap: wrap; position: relative; z-index: 1;} .latest-post-section .speaker-item { width: 47.5%; position:relative;background-repeat: no-repeat; background-size: cover; background-position: top; height: 580px; display: flex; align-items: flex-end; } .latest-post-section .speaker-item:not(:nth-child(even)) { margin-right: 5%; } .latest-post-section .shape { position: absolute; z-index: -1; left: -15px; bottom: -25px; } .latest-post-section .speaker-detail { width: 85%; max-width: 480px; background: #ffffff; padding: 30px; } .latest-post-section .link-cta {margin-top: 25px;line-height: 1.25; } .latest-post-section .link-cta a { font-size: 14px; letter-spacing: 0.08em; line-height: 21px; font-weight: 700; display: inline-flex; align-items: center; } .latest-post-section .speaker-item h6{font-size: 14px; line-height: 21px; letter-spacing: 0.02em;} .latest-post-section .speaker-item h6 a { color: inherit; } .latest-post-section .speaker-item h6 a:hover { color: #3D3642; } .latest-post-section .speaker-item h3{font-size: 24px; line-height: 1.25; letter-spacing: 0.02em;} .latest-post-section .speaker-item h3 a{ font-size:inherit; } .latest-post-section .link-cta a svg { margin-left: 12px; transition: margin-left .4s ease-in-out,stroke .4s ease-in-out; } .latest-post-section .link-cta a svg{stroke:#3D3642;} .latest-post-section .link-cta a:hover svg { margin-left: 15px; } /* Odd Even Box Section */ .odd-even-section { width: 100%; float: left; overflow: hidden; } .odd-even-section .box { width: 100%; float: left; position: relative; background: #ffffff; padding: 70px 0px 50px; } .odd-even-section .box .box-wrap { display: flex; align-items: center; } .odd-even-section .box .right-part { width: 50%; float: left; padding-left: 50px; } .odd-even-section .box .right-part h2 { padding: 12px 0px 25px; position: relative; margin-bottom: 5px; } .odd-even-section .box .right-part h2:before { content: ' '; top: auto; bottom: 0; width: 60px; height: 2px; position: absolute; } .odd-even-section .box .left-part { width: 50%; float: left; padding-right: 45px; } .odd-even-section .box .left-part .box-img { height: 650px; position: relative; } .odd-even-section .box .left-part .box-img img { width: 100%; height: 100%; object-fit: cover; position: relative; } .odd-even-section .box .left-part .box-img .pattern-1{bottom:-33px;left:auto;position:absolute;right:-30px;top:auto;} .odd-even-section .box:nth-child(2n) .left-part .box-img .pattern-1{left:-30px;right:auto;transform:scaleX(-1);} .odd-even-section .box:nth-child(even) { position: relative; } .odd-even-section .box:nth-child(even) .box-wrap { flex-direction: row-reverse; } .odd-even-section .box:nth-child(even) .left-part { padding-right: 0; padding-left: 100px; } .odd-even-section .box:nth-child(even) .right-part { padding-left: 0; padding-right: 90px; } .odd-even-section .box:nth-child(even) .left-part .box-img:before { right: auto; left: -38px; transform: rotate(90deg); } .odd-even-section .box:last-child { padding-bottom: 110px; z-index: 1; } .odd-even-section .box .content ul { padding: 18px 0px; } .odd-even-section .box .content ul li { /*font-size: 16px; line-height: 25px;*/ position: relative; padding-left: 28px; padding-bottom: 10px; } .odd-even-section .box .content ul li:before { content: ' '; background-image: url(https://www.lairedigital.com/hubfs/right-arrow%20%282%29.png); width: 25px; height: 20px; position: absolute; left: 0; background-repeat: no-repeat; background-position: center center; background-size: contain; top: 5px; } .odd-even-section .box .right-part .button { padding-top: 20px;} /* Lp Form */ .book-form-section { width: 100%; float: left; padding: 130px 0px; position:relative; background-repeat: no-repeat;background-position: center center;background-size: cover; z-index:1;overflow:hidden;} .book-form-section:before { content:' '; background:rgba(54, 51, 66, 0.75); width:100%; height:100%; position:absolute; z-index:-1;top:0; left:0; opacity: 0.7; } .book-form-section .left-part { width: 50%; float: left; padding-right: 20px; padding-left: calc((100% - 1210px) / 2);} .book-form-section .right-part { width: 50%; float: left; padding-left: 30px; position: relative;} .book-form-section .left-part .book-title { max-width: 500px; width: 100%; position: relative; } .book-form-section .left-part .book-title h2 { color: #fff; padding: 12px 0px 25px; position: relative; margin-bottom: 15px; } .book-form-section .left-part .book-title h2:before { content: ' '; top: auto; bottom: 0; background: #FF8B71; width: 60px; height: 2px; position: absolute; } .book-form-section .left-part .book-title .pattern-1{left:-90px;position:absolute;top:9px;} .book-form-section .left-part .content { width: 100%; float: left; color: #fff; line-height: 30px; } .book-form-section .left-part .book-btn { width: 100%; float: left; padding-top: 20px; } .book-form-section .left-part .book-btn a { display: inline-block; border: 2px solid #FF8B71; border-radius: 50px; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: 1px; padding: 12px 32px; line-height: normal; text-transform: uppercase; background: #FF8B71; } .book-form-section .left-part .book-btn a:hover { background: transparent; } .book-form-section .right-part .form-cover { max-width: 630px; width: 100%; margin: auto;background: #F6F2F9; padding: 50px 30px; position: relative; } .book-form-section .right-part .form-cover h3 { font-size: 30px; line-height: 38px; padding-bottom:35px; } .book-form-section .right-part .form-cover h3.form-title { display: none; } .book-form-section .right-part .form-cover span.hs-form-required { display: none; } .book-form-section .right-part .form-cover .hs-form-field { margin-bottom: 30px; } .book-form-section .right-part .form-cover .hs-form-field input,.book-form-section .right-part .form-cover .hs-form-field select { border: 0; border-bottom: 1px solid #3D3642; background: transparent; padding: 0px 0px; height: 40px; } .book-form-section .container { display: flex; align-items: center; } .book-form-section .right-part .hs_error_rollup { display: none; } .book-form-section .right-part .form-cover .hs-form-field label.hs-error-msg { color: red; font-size: 14px; } .book-form-section .submitted-message { text-align: center; font-size: 20px; font-weight: 700; letter-spacing: 1px; color: #FF8B71; } .book-form-section .right-part .pattern-1{left:7px;position:absolute;top:-10px;z-index:-1;} .book-form-section .right-part .pattern-2{bottom:-35px;position:absolute;right:-35px;z-index:-1;} /.book-form-section .left-part .sub { color: #CC0201; /*font-size: 16px;*/ margin: 0; padding: 0; line-height: 24px; font-weight: 700; clear: both; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 7px; } /* Two Column Form Module + Book Form Section */ .two-col-form { width: 100%; float: left; padding: 85px 0px 75px; position:relative; background-repeat: no-repeat;background-position: center center;background-size: cover; z-index:1;overflow:hidden; } .two-col-form.with-bg-color { padding: 128px 0 140px; } .two-col-form.with-bg-img:before { content:' '; background:rgba(54, 51, 66, 0.75); width:100%; height:100%; position:absolute; z-index:-1;top:0; left:0; } .two-col-form .container > .dis-flex,.two-col-form .container > div > .row-fluid { display:flex; flex-wrap:wrap; align-items: flex-start;} .two-col-form .container > .dis-flex:not(.top){ align-items: center; } .two-col-form .left-part { width: 51%;position: relative;padding-right:35px;margin:0; } .two-col-form .right-part { width: 49%; position: relative; background: #F6F2F9; padding: 55px 40px 60px;margin:0;} .two-col-form .book-title { max-width: 475px; } .two-col-form .right-part .pattern-1 { left: -23px; position: absolute; top: -10px; z-index: -1; } .two-col-form .right-part .pattern-2{bottom:-35px;position:absolute;right:-35px;z-index:-1;} .two-col-form .left-part .book-title .pattern-1{left:-110px;position:absolute;top:9px;} .form .form-title { font-size: 30px; line-height: 1.25; margin-bottom: 52px;} .form input::-webkit-input-placeholder { color:#616972; opacity : 1;line-height: 1.25; } .form input:-moz-placeholder { color: #616972; opacity : 1;line-height: 1.25;} .form input::-moz-placeholder { color: #616972; opacity : 1;line-height: 1.25;} .form input:-ms-input-placeholder { color: #616972; opacity : 1; line-height: 1.25;} .form textarea::-webkit-input-placeholder { color: #616972; opacity : 1;line-height: 1.25;} .form textarea:-moz-placeholder { color: #616972; opacity : 1;line-height: 1.25;} .form textarea::-moz-placeholder { color: #616972; opacity : 1;line-height: 1.25;} .form textarea:-ms-input-placeholder { color: #616972;opacity : 1; line-height: 1.25;} .form form .hs_error_rollup {display: none;} .form form ul.hs-error-msgs{margin:3px 0 0; padding: 0;color:#ff0000;font-size:14px; line-height: 1.25; } .form input,.form textarea,.form select {border-radius: 0; } .form input[type="button"],.form input[type="reset"], .form input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; } .form input[type="text"],.form input[type="tel"],.form input[type="email"]{ -webkit-appearance:none !important; } .form .hs-form-required { display: none; } /******************************************** Fieldset CSS*******************************************************/ .form form { font-size:16px; } .form form fieldset{max-width:100%;} .form form div.hs-form-field{float:none !important;display: inline-block;vertical-align: top;margin-bottom: 32px;padding: 0 !important;} .form form div.hs-form-field{ width: 100% !important;} /******************************************** input CSS*******************************************************/ .form form .input{margin-right:0 !important;} .form form .hs-form-field > label {/*font-size: 16px;*/ width: 100%; pointer-events: none; display:block; line-height: 1.25; margin: 0 0 10px;font-weight: 600;} .form form input[type="file"],.form form textarea,.form form input[type="text"],.form form input[type="password"],.form form input[type="datetime"],.form form input[type="datetime-local"],.form form input[type="date"],.form form input[type="month"],.form form input[type="time"],.form form input[type="week"],.form form input[type="number"],.form form input[type="email"],.form form input[type="url"],.form form input[type="search"],.form form input[type="tel"],.form form input[type="color"],.form form select{ height:auto; color:#616972;border:0; border-bottom: 1px solid #3D3642;padding: 10px 0; width: 100% !important; font-family:inherit; font-size: 14px; line-height: 1.25; margin:0;background: transparent;font-weight:400; } /******************************************** Select CSS*******************************************************/ .form form select {padding-right: 35px; -moz-appearance: none;-webkit-appearance: none; background-image:url("https://www.lairedigital.com/hubfs/Laire%202020/Images/drop-down-arrow.svg");background-position: 99% center !important;background-repeat: no-repeat !important;background-size: 16px auto;} /******************************************** Radio Button CSS*******************************************************/ .form form .input ul.inputs-list li label input[type="radio"]:checked+span:before { background-size: 14px; background-position: center center;border-radius:50%;box-shadow:0 0 0 5px #3D3642 inset; } .form form .input ul.inputs-list li label input[type="radio"] { opacity: 0; display:none !important;} .form form .input ul.inputs-list li label input[type="radio"]+span:before { margin-top: -1px; content: ''; background-color: transparent;display: inline-block;vertical-align: middle; width: 20px;height: 20px; padding: 2px; margin-right: 10px; text-align: center; border:1px solid #3D3642;border-radius:50%;} .form form li.hs-form-radio { padding: 0 !important; } .form form li.hs-form-radio > label{ position:relative; padding: 0 0 8px 25px;} /******************************************** Check Box CSS*******************************************************/ .form form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before {background-image:url('https://533215.fs1.hubspotusercontent-na1.net/hubfs/533215/Laire%202020/Images/black-right.svg');background-size: 14px; background-position: center center;background-repeat:no-repeat;} .form form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;} .form form .input ul.inputs-list li label input[type="checkbox"]+span:before { margin-top: -1px;content: ''; background-color: transparent; display: inline-block;vertical-align: middle; width: 20px;height: 20px; padding: 2px; margin-right: 10px; text-align: center; border:1px solid #3D3642;} .form form .input ul.inputs-list li label input[type="checkbox"]+span:after,.form form .input ul.inputs-list li label input[type="radio"]+span:after{ display:none!important; } .form form input[type="submit"] { border-radius: 50px; font-size: 14px; font-weight: 700; letter-spacing: 1px; border:2px solid #FF8B71;color: #ffffff; font-family:inherit; padding: 14px 54px; height: auto; line-height: normal; } .form form input[type="submit"]:hover { background: transparent; color: #3D3642; } .form .hs-submit { margin-top: 15px; } .form .submitted-message { text-align: center; font-size: 20px; font-weight: 700; letter-spacing: 1px; color: #FF8B71; } .form .legal-consent-container .hs-form-booleancheckbox-display>span { margin-left: 0; } .form ul.inputs-list { margin: 0; padding: 0;} .form .legal-consent-container .field.hs-form-field { margin-bottom: 0; } .form .legal-consent-container > div { margin-bottom: 15px; } .form .hs-richtext p { padding: 0; margin-bottom: 15px; } /* Big Pricing Section */ .big-pricing-section { width: 100%; float: left; padding: 80px 0px 50px; } .big-pricing-section .left-part { width: 40%; float: left; padding-right: 20px; } .big-pricing-section .right-part { width: 60%; float: left; padding-left: 20px; } .big-pricing-section .left-part .title-box { width: 100%; float: left; max-width: 400px; } .big-pricing-section .left-part .title-box h2 { padding: 12px 0px 20px; position: relative; margin-bottom: 15px; } .big-pricing-section .left-part .title-box h2:before { content: ' '; top: auto; bottom: 0; background: #b9bb65; width: 60px; height: 2px; position: absolute; } .big-pricing-section .left-part .box-img { width: 100%; float: left; padding-top: 30px; max-width: 400px; } .big-pricing-section .left-part .content { width: 100%; float: left; padding-top: 10px; max-width: 410px; padding-bottom: 20px; } .big-pricing-section .left-part .button { width: 100%; float: left; } .big-pricing-section .right-part .big-price-wrap { margin: 0px -10px; } .big-pricing-section .right-part .big-price-box { width: calc(100% / 2 - 20px); float: left; margin: 0px 10px; margin-bottom: 30px; border: 1px solid #D4D2D9; padding: 40px 25px 25px; position:relative;} .big-pricing-section .right-part .big-price-box .price-title { width: 100%; float: left; } .big-pricing-section .right-part .big-price-box .price-content { width: 100%; float: left; /*font-size: 16px; line-height: 24px;*/ } .big-pricing-section .right-part .big-price-box .price-button { width: 100%; float: left; text-align: center; padding-top: 40px; } .big-pricing-section .right-part .big-price-box .pricing-feature { width: 100%; float: left; text-align: center; padding-top: 17px; } .big-pricing-section .right-part .big-price-box .price-title .left-side { width: 70%; float: left; padding-right: 25px; } .big-pricing-section .right-part .big-price-box .price-title .right-side { width: 30%; float: left; text-align:right; padding-top: 10px; } .big-pricing-section .right-part .big-price-box .price-title .left-side h3 { font-size: 22px; line-height: 30px; position: relative; padding: 0px 0px 20px; margin-bottom: 5px; } .big-pricing-section .right-part .big-price-box .price-title .right-side h6.green { font-size: 12px; padding: 0; line-height: normal; } .big-pricing-section .right-part .big-price-box .price-title .right-side h4 { font-size: 22px; } .big-pricing-section .right-part .big-price-box .price-title .left-side h3:before { content: ' '; top: auto; bottom: 0; background: #b9bb65; width: 60px; height: 2px; position: absolute; } .big-pricing-section .right-part .big-price-box .price-content h5 { padding-top: 10px; line-height: 20px; color: #B4BB65; font-weight: bold; font-size: 14px; letter-spacing: 0.02em; padding-bottom: 8px;} .big-pricing-section .right-part .big-price-box .price-content ul li { position: relative; padding-left: 20px; font-size: 14px; } .big-pricing-section .right-part .big-price-box .price-content ul li:before { content: ' '; top: 6px; left: 0; position: absolute; width: 10px; height: 10px; background-repeat: no-repeat; background-size: contain; background-image: url("https://www.lairegroup.com/hubfs/Laire%202020/Images/black-right.svg"); } .big-pricing-section .right-part .big-price-box .price-button a { width: 100%; } .big-pricing-section .right-part .big-price-box .pricing-feature a { display: inline-block; /*font-size: 16px;*/ font-weight: 400; } .big-pricing-section .right-part .big-price-box .pricing-feature a:hover { text-decoration: underline; color: #b4bb65; } .big-pricing-section .right-part .big-price-box .pattern-1{left:27px;position:absolute;top:-1px;} /* Small Pricing Section */ .small-pricing-section { width: 100%; float: left; padding: 80px 0px 50px; } .small-pricing-section .right-part { width: 100%; float: left; } .small-pricing-section .right-part .small-price-wrap { margin: 0px -10px; } .small-pricing-section .right-part .small-price-box { width: calc(100% / 3 - 20px); float: left; margin: 0px 10px; margin-bottom: 30px; border: 1px solid #D4D2D9; padding: 40px 25px 25px; position:relative;} .small-pricing-section .right-part .small-price-box .price-title { width: 100%; float: left; } .small-pricing-section .right-part .small-price-box .price-content { width: 100%; float: left;0/* font-size: 16px; line-height: 24px;*/ } .small-pricing-section .right-part .small-price-box .price-button { width: 100%; float: left; text-align: center; padding-top: 40px; } .small-pricing-section .right-part .small-price-box .pricing-feature { width: 100%; float: left; text-align: center; padding-top: 17px; } .small-pricing-section .right-part .small-price-box .price-title .left-side { width: 70%; float: left; padding-right: 25px; } .small-pricing-section .right-part .small-price-box .price-title .right-side { width: 30%; float: left; text-align:right; padding-top: 10px; } .small-pricing-section .right-part .small-price-box .price-title .left-side h3 { font-size: 22px; line-height: 30px; position: relative; padding: 0px 0px 20px; margin-bottom: 5px; } .small-pricing-section .right-part .small-price-box .price-title .right-side h6.green { font-size: 12px; padding: 0; line-height: normal; } .small-pricing-section .right-part .small-price-box .price-title .right-side h4 { font-size: 22px; } .small-pricing-section .right-part .small-price-box .price-title .left-side h3:before { content: ' '; top: auto; bottom: 0; background: #b9bb65; width: 60px; height: 2px; position: absolute; } .small-pricing-section .right-part .small-price-box .price-content h5 { padding-top: 10px; color: #B4BB65; font-weight: bold; font-size: 14px; letter-spacing: 0.02em; } .small-pricing-section .right-part .small-price-box .price-content ul li { position: relative; padding-left: 20px; font-size: 14px; } .small-pricing-section .right-part .small-price-box .price-content ul li:before { content: ' '; top: 6px; left: 0; position: absolute; width: 10px; height: 10px; background-repeat: no-repeat; background-size: contain; background-image: url("https://www.lairegroup.com/hubfs/Laire%202020/Images/black-right.svg"); } .small-pricing-section .right-part .small-price-box .price-button a { width: 100%; } .small-pricing-section .right-part .small-price-box .pricing-feature a { display: inline-block; /*font-size: 16px;*/ font-weight: 400; } .small-pricing-section .right-part .small-price-box .pricing-feature a:hover { text-decoration: underline; color: #b4bb65; } .small-pricing-section .right-part .small-price-box .price-title .right-side span { font-weight: bold; font-size: 12px; position: relative; top: -8px;} .small-pricing-section .right-part .small-price-box .pattern-1{left:27px;position:absolute;top:-1px;} /* About - Our Team - Updated */ .our-team-section { width: 100%; float: left; padding: 114px 0px 44px; background: #ffffff; } .our-team-section .service-title { max-width: 735px; width: 100%; } .our-team-section .service-title h6{ padding: 0; margin-bottom: 20px;} .our-team-section .service-title h2 { position: relative; margin-bottom: 8px; line-height: 1.25; padding-bottom: 27px; } .our-team-section .service-title h2:before { content: ' '; top: auto; bottom: 0; width: 60px; height: 2px; position: absolute; background: #b4bb65; } .our-team-section .service-title .content { max-width: 735px; padding-bottom: 45px; } .our-team-section .team-wrap { margin: 0px -10px; } .our-team-section .team-box { width: 100%; float: left; } .our-team-section .team-box .team-inner { width: calc(100% / 4 - 20px); float: left; margin: 0px 10px; margin-bottom: 40px; } .our-team-section .team-box .team-inner .team-img { width: 100%; float: left; padding-bottom: 10px; } .our-team-section .team-box .team-inner .team-img img { height: 400px; width: 100%; padding-bottom: 10px; object-fit: cover; } .our-team-section .team-box .team-inner h4 { font-size: 22px; line-height: 22px; } .our-team-section .team-box .team-inner h5 { line-height: 1.4; font-size: 16px; font-family: inherit; margin: 15px 0 0;} .icons-group { display: flex; flex-wrap: wrap; margin-top: 20px; margin-bottom: 20px; } .icons-group li { margin-right: 15px; margin-bottom: 5px; position: relative;cursor: pointer;} .icons-group svg { width: 40px; height:40px; } .icons-group .hover-text { position: absolute;z-index:1; top: 100%;display:none; white-space: nowrap; font-weight: 600; font-size: 12px; line-height: 1; left: 50%; transform: translateX(-50%); background: #B4BB65; color: #fff; border-radius: 4px; padding: 8px 10px 8px 10px; } .icons-group .hover-text:before { position: absolute; content: ""; height: 10px; width: 10px; background: #B4BB65; top: -5px; left: 0; right: 0; margin: auto; transform: rotate(-45deg); } .icons-group li:hover .hover-text{ display:block; } /* Two Column - Speakers Module */ .speakers-section { padding: 114px 0 54px; float: left; width: 100%; background: #ffffff; } .speakers-section h2 { position: relative; margin-bottom: 8px; letter-spacing: 0.02em; line-height: 1.25; padding-bottom: 27px; } .speakers-section h2:before { content: ' '; top: auto; bottom: 0; background: #FF8B71; width: 60px; height: 2px; position: absolute; } .speakers-section .top-part h6 { padding: 0; margin-bottom: 20px; } .speakers-section .detail-content { max-width: 958px; } .speakers-section .bottom-part.dis-flex { display: flex; flex-wrap: wrap;position: relative; z-index: 1; } .speakers-section .speaker-item { width: 47.5%; position:relative; margin-bottom: 60px; background-repeat: no-repeat; background-size: cover; background-position: top; height: 580px; display: flex; align-items: flex-end; } .speakers-section .speaker-item:not(:nth-child(even)) { margin-right: 5%; } .speakers-section .shape { position: absolute; z-index: -1; left: -15px; bottom: -25px; } .speakers-section .speaker-detail { width: 85%; max-width: 480px; background: #ffffff; padding: 30px; } .speakers-section .link-cta {margin-top: 25px;line-height: 1.25; } .speakers-section .link-cta a { font-size: 14px; letter-spacing: 0.08em; line-height: 21px; font-weight: 700; display: inline-flex; align-items: center; } .speakers-section .speaker-item h6{font-size: 14px; line-height: 21px; letter-spacing: 0.02em;} .speakers-section .speaker-item h3{font-size: 36px; line-height: 1.25; letter-spacing: 0.02em;} .speakers-section .link-cta a svg { margin-left: 12px; transition: margin-left .4s ease-in-out,stroke .4s ease-in-out; } .speakers-section .link-cta a svg{stroke:#3D3642;} .speakers-section .link-cta a:hover svg { margin-left: 15px; } .speakers-section .top-part { margin-bottom: 60px; } /* Contact us - Connect with Us */ .contact-section { width: 100%; float: left; padding: 80px 0px; background: #ffffff; } .contact-section .service-title { max-width: 500px; padding-bottom: 40px; } .contact-section .contact-wrap { margin: 0px -15px; } .contact-section .contact-box { width: calc(100% / 3 - 30px); float: left; margin: 0px 15px; margin-bottom: 30px; background: #F4F2F9; border: 1px solid #D4D2D9; padding: 25px 30px; } .contact-section .contact-box .contact-img { width: 100%; float: left; padding-bottom: 15px; } .contact-section .contact-box .contact-img img { max-width: 50px; } .contact-section .contact-box h3 { font-size: 16px; } .contact-section .contact-box h5 { line-height: normal;font-weight: 500;font-size: 22px;letter-spacing: .02em; cursor:pointer;} .contact-section .contact-box h5 a { font-weight: 500; font-size: 22px; letter-spacing: 0.02em; } .contact-section .contact-box h5 a:hover{color:#8BD8D5} .contact-section .contact-box h5 a svg path{ transition: all .4s ease-in-out;} .contact-section .contact-box h5 a:hover svg path{stroke:#8BD8D5;} /* Resources Module */ .resources-wrapper .hs-embed-wrapper { min-width: auto !important;} .resources-wrapper { background: #ffffff;padding:114px 0 44px;float:left;width:100%; } .resources-wrapper .dis-flex{ display:flex; flex-wrap:wrap; } .resources-wrapper .top-part h4 { font-size: 26px; font-weight: 500; line-height: 1.25; margin-bottom: 27px; letter-spacing: 0.02em; } .resources-list li { min-width: 250px; background: #fff; margin-right: 4px; margin-bottom: 4px; } .resources-list li a { font-size: inherit; text-decoration: none; line-height: 1.25; display: block; font-weight: 500; border-left: 2px solid; padding: 14px 16px; background: #F4F2F9; } .resources-wrapper h2 { position: relative; letter-spacing: 0.02em; padding-bottom: 28px; margin-bottom: 22px; } .resources-wrapper h2:before { position: absolute; content: ""; height: 2px; width: 46px; left: 0; bottom: 0;} .resources-wrapper .individual-top { margin-bottom: 35px; } .resources-wrapper .individual-top .detail-content { max-width: 978px; } .individual-group { width: calc(100% + 20px); margin-left: -10px; } .resourece-item { width: calc(33.33% - 20px); margin: 30px 10px; position:relative; } .resourece-item h3{ margin-bottom:30px; } .resources-content { padding: 30px 0; } .resources-cta a { letter-spacing: 0.08em; font-weight: 700; line-height: 21px; display: inline-flex; align-items: center; } .resources-cta a svg { margin-left: 12px; transition: margin-left .4s ease-in-out; } .resources-cta a:hover svg { margin-left: 15px; } .individual-resoureces { padding:75px 0; } .individual-resoureces:last-child{padding-bottom:0;} .resources-wrapper .top-part { padding-bottom: 80px; } .resources-image img{ width: 100% !important; } .resources-bg-image { height: 295px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } /* Hubspot Search */ .hs-search-field {position: relative;} .hs-search-field__input { box-sizing: border-box; width: 100%; } .hs-search-field__bar button svg { height: 10px; } .hs-search-field__suggestions { margin: 0;padding: 0;list-style: none;} .hs-search-field--open .hs-search-field__suggestions {border: 1px solid #000;} .hs-search-field__suggestions li {display: block;margin: 0;padding: 0;} .hs-search-field__suggestions #results-for {font-weight: 700;} .hs-search-field__suggestions a,.hs-search-field__suggestions #results-for {display: block;} .hs-search-field__suggestions a:hover,.hs-search-field__suggestions a:focus {background-color: rgba(0, 0, 0, 0.1);outline: none;} /* Two Column - Bio Module */ .bio-section { width: 100%; float: left; position: relative; z-index: 1; padding:170px 0; background: #ffffff; overflow:hidden} .bio-section .bio-flex { display: flex; flex-wrap:wrap; align-items: center; } .bio-section .left-part { width: 59.35%;padding-right: 50px; } .bio-section .right-part { width: 40.65%;} .bio-section .right-part .right-img { margin: auto; position: relative; } .bio-section .right-part .right-img .pattern-1{bottom:-36px;left:-35px;position:absolute;} .bio-section h2 { position: relative; margin-bottom: 8px; line-height: 1.25; padding-bottom: 27px; } .bio-section h2:before { content: ' '; top: auto; bottom: 0; background: #FF8B71; width: 60px; height: 2px; position: absolute; } .bio-section .inner-left-part { max-width: 528px; } .bio-section .social { display: flex; flex-wrap: wrap; margin-top: 25px; } .bio-section .social li { margin-right: 10px; margin-bottom: 10px; } .bio-section .social a { height: 50px; width: 50px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #3D3642; } .bio-section .social li span { display: flex; } .bio-section .social svg { height: 16px; width: 16px; fill:#3D3642;transition: fill .4s ease-in-out; } /* Two Column - PDF Module */ .two-col-pdf { padding: 140px 0; float: left; width: 100%; background:#ffffff;position: relative;overflow:hidden; } .two-col-pdf.dark{ color: #fff; background:#3D3642; } .two-col-pdf .container { max-width: 1100px;position: relative; } .two-col-pdf .dis-flex { justify-content: space-between; align-items: flex-start; } .two-col-pdf .detail-content h2 { color: inherit; } .two-col-pdf .img-part { width: 39%; text-align: center; position:relative; } .two-col-pdf .content-part { width: 49%; } .two-col-pdf:before { content: ' '; top: 0; right: -126px; width: 37%; height: 100%; position: absolute; background:#f4f2f9; transform: skewX(34deg); } .two-col-pdf.dark:before{background: #454252;} .two-col-pdf .img-part img{ position:relative; z-index:1; width:100%; } .two-col-pdf .pattern-2 { position: absolute; bottom: -35px; right: -10px; } .two-col-pdf .pattern-1 { left: -23px; position: absolute; top: -10px; } .two-col-pdf.no-shape:before { content: none !important; } /* Services Module */ .service-updated { width: 100%; float: left;padding: 114px 0; overflow:hidden; background: #ffffff;} .service-updated.dark { background: #3D3642; color:#fff; } .service-updated h2{ max-width:850px; } .service-updated .top-part{ max-width:958px;margin-bottom: 80px; } .service-updated .service-wrap { margin: 0px -10px; text-align: center; position: relative; display: flex; flex-wrap: wrap; justify-content: center; } .service-updated .service-box { width: calc(33.33% - 20px); position: relative; margin:10px; padding: 40px 20px 55px;background: #ffffff; } .service-updated.dark .service-box{ background: #3D3642; } .service-updated .service-wrap .detail-content{ font-size:16px; } .service-updated .service-box .service-img { width: 100%; float: left; padding-bottom: 30px; } .service-updated .service-main .pattern-1 { left: -22px; position: absolute; top: -3px; z-index: -1; } .service-updated .service-main .pattern-2 { bottom: -14px; left: 0; right: 0; position: absolute; text-align: center; } .service-updated .service-main .pattern-3 { position: absolute; right: -15px; top: 115px; z-index: -1; } .service-updated .service-main { width: 100%; float: left; position: relative; z-index: 1; } .service-updated .service-main .arrow-cta { margin-top: 20px; } .service-updated .service-main .arrow-cta a svg { margin-left: 5px;} .service-updated .service-main .arrow-cta a:hover svg { margin-left:8px;} /* Home - Hero Modules + LP - Hero Module */ .lp-hero-banner-wrapper { width: 100%; float: left; position: relative; z-index: 1; background-position: right; background-repeat: no-repeat; background-size: cover; overflow: hidden;color:#fff;} .lp-hero-banner-wrapper .container{ position: relative; padding-top: 166px; padding-bottom: 140px; } .lp-hero-banner-wrapper .top-part { width: 100%;max-width: 632px;} .lp-hero-banner-wrapper .bottom-part { width: 100%;max-width: 530px;} .lp-hero-banner-wrapper .pattern-2{left:15px;position:absolute; bottom: -15px;} .lp-hero-banner-wrapper .shape-box:before { content: ' '; top: 0; left: -43.5%; background: linear-gradient(0deg, #3D3642, #3D3642), #3D3642; width: 100%; height: 100%; position: absolute; transform: skewX(-34deg); } .lp-hero-banner-wrapper .shape-box:after { content: ' '; top: 0; right: -93.5%; background: linear-gradient(0deg, #3D3642, #3D3642), #3D3642; width: 100%; height: 100%; position: absolute; left: auto; transform: skewX(-34deg); } /* Two Column - Image and Content Module */ .two-col-content-wrap {float: left; width: 100%; position: relative;overflow:hidden;clear: both; } .two-col-content { padding: 114px 0; background:#ffffff;} .two-col-content .container { position: relative; } .two-col-content .dis-flex { justify-content: space-between; } .two-col-content .detail-content h2 { color: inherit; } .two-col-content .img-part { width:43.65%; text-align: center; position:relative; } .two-col-content .content-part { width: 43.5%; } .two-col-content .img-part img{ position:relative; z-index:1; width:100%; } .two-col-content .pattern-2 { position: absolute; bottom: -35px; right: -35px; } .two-col-content .detail-content ol strong { font-size: 120%; } .two-col-content .detail-content ol li { margin-top: 4px; } /* Hero - Two Column Form Module */ .lp-hero-form{background-color:#3D3642;background-position: center; background-repeat: no-repeat; background-size: cover;padding: 200px 0 120px; position:relative; z-index: 1; overflow: hidden; } .lp-hero-form .container { position: relative; z-index: 1; } .lp-hero-form:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: linear-gradient( 0deg , rgba(54, 51, 66, 0.75), rgba(54, 51, 66, 0.75)); z-index: -1; } .lp-hero-form .content-part{ color:#fff; width: 50%; padding-right: 40px; padding-top: 10px; position:relative; } .lp-hero-form .form-part { width: 47%; } .lp-hero-form .form-cover { background: #ffffff; padding: 50px; } .lp-hero-form .dis-flex { justify-content: space-between; } .lp-hero-form .form .hs-submit { margin-top: 15px; text-align: center; } .lp-hero-form .bottom-content { max-width: 531px; } .lp-hero-form .scroll-down { position: absolute; top: auto; bottom: 15px; right: 91px; left: auto; z-index: 1; } .lp-hero-form .scroll-down a { font-size: 9px; color: #fff; font-weight: 600; letter-spacing: 0.8px; position: relative; } .lp-hero-form .scroll-down a span { position: relative; top: 12px; text-transform: uppercase; right: 10px; } .lp-hero-form .scroll-down img { width: 15px; } .lp-hero-form .pattern-1 { left: -85px; position: absolute; top: 65px; } .lp-hero-form .pattern-2 { bottom: -11px; position: absolute; left: 22%; } .lp-hero-form .shape-box:before { content: ' '; top: 0; right:49%; background: #3D3642; width:150%; height: 100%; position: absolute; transform: skewX(-32deg); } .lp-hero-form .shape-box:after { content: ' '; top: 0; left: 85%; background: #3D3642; width: 100%; height: 100%; position: absolute; transform: skewX(-32deg); } /* LP - Two Column - Image and Content Module */ .two-col-lp-content { padding: 164px 0 200px; float: left; width: 100%; background: #ffffff; position: relative; z-index: 1; overflow: hidden; clear: both;} .two-col-lp-content.dark{ background: #3D3642; } .two-col-lp-content:before { content: ' '; top: 0; left: -5%; width: 37%; height: 100%; position: absolute; background: #F5F4F2; z-index: -1; transform: skewX(34deg); } .two-col-lp-content.dark:before{background: #454252;} .two-col-lp-content .container { position: relative;} .two-col-lp-content .dis-flex { justify-content: space-between; } .two-col-lp-content .detail-content h2 { color: inherit; } .two-col-lp-content .img-part { width: 60%; text-align: center; position: relative; padding: 92px 0;} .two-col-lp-content .content-part { width: 40.6%; } .two-col-lp-content .img-part img{ position:relative; z-index:1; width:100%; } .two-col-lp-content .pattern-2 { position: absolute; top: -20px;right: -66px; } /* Laire Approach Module */ .la-secion { clear: both; width: 100%;background: #F4F2F9; } .la-top-item { padding: 114px 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .la-top-item .number { font-size: 96px; font-weight: 500; letter-spacing: 0.02em; line-height: 1.2; position: relative; width: 110px; } .la-top-item .number span{position: absolute; top: 0; left: 0; right: 0; text-align: center; padding: 8px 0 8px 15px; } .la-top-item .right-content { width: calc(100% - 110px); padding-left: 110px; } .la-top-item .detail-content h2 { padding: 0; } .la-top-item .detail-content h2:before{ display:none; } .la-top-item .read-more { position: relative; font-weight: 700; text-transform: uppercase; font-size: 16px; letter-spacing: 0.08em; line-height: 1.5; margin-top: 50px; display: inline-block; padding-left: 38px; cursor: pointer; } .la-top-item .read-more:not(.active):before { position: absolute; content: ""; width: 3px; height: 24px; border-radius: 5px; left: 10.5px; top: 50%; transform: translateY(-50%); } .la-top-item .read-more:after { position: absolute; content: ""; height: 3px; width: 24px; border-radius: 5px;left: 0; top: 50%; transform: translateY(-50%); } .la-top-item .read-more .close,.la-top-item .read-more.active .rm { display: none; } .la-top-item .read-more.active .close { display: block;} .la-bottom-item { padding: 60px 0; display: none; } .la-bottom-item .detail-content h3{ position:relative; padding-bottom:20px; margin-bottom:15px; } .la-bottom-item .detail-content h3:before{content: ' '; top: auto; bottom: 0; width: 60px; height: 2px; position: absolute;} .la-bottom-item .detail-content ul li > strong{ display:block;} .la-bottom-item .detail-content ul li:not(:first-child){margin-top: 4px;} .la-bottom-item .detail-content ul{ padding:0 0 0 20px; list-style: inherit; } .la-bottom-item .detail-content ul li:before{ display:none; } .la-bottom-item .detail-content ul li{padding-left: 0; list-style: inherit;} /* Rich Text Area Module */ .richtext-area{ padding:114px 0;background: #ffffff; clear: both; } /* Pillar Navigation Module */ .scroll_section{ clear: both;} .pillar-nav { clear: both;font-size:14px; font-weight: 700; background: #ffffff; top: 0;left: 0; width: 100%; z-index: 8; transition: top 0.75s ease-in-out;} .pillar-nav ul { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid rgba(100, 97, 110, .25); gap:5px;} .pillar-nav ul li { padding: 50px 0; } .scroll_section .pillar-nav a { border-bottom: 1px solid transparent; display: inline-block; padding: 0; text-decoration: none; color: #807E8B; font-weight: 900; } .scroll_section.sticky .pillar-nav{ position: fixed; top: 98px; background: rgba(244, 242, 249, 1);} .scroll_section.sticky .pillar-nav ul{ border-color: transparent;} /* Remote Locations Module */ .remote-location { position: relative; clear: both; padding: 114px 0; background: #ffffff; } .remote-location .location-top-left { width: 65.9%; } .remote-location .location-top-right { width: 34.1%; text-align: right;padding-left: 30px;} .remote-location .link-cta a svg { margin-left: 15px; } .remote-location .link-cta a svg path{transition: stroke .4s ease-in-out;} .remote-location .link-cta a { display: inline-flex; align-items: center; font-weight: 700; } .remote-location .location-bottom { margin-left: -10px; margin-right: -10px; } .remote-location .location-item { width: calc(33.33% - 20px); margin:20px 10px 0; border: 1px solid #D4D2D9; background: #F4F2F9; } .remote-location .location-dis-flex { display: flex; flex-wrap: wrap; height: 100%; } .remote-location .location { width: calc(100% - 120px); padding: 25px 30px 21px; position: relative; z-index: 1; display: flex; align-items: center; } .remote-location .location svg { position: absolute; top: 6px; left: 30px;z-index:-1; } .remote-location .location-top { margin-bottom: 40px; } .remote-location .location-img img { height: 100% !important; object-fit: cover;width: 100%;} .remote-location .detail-content h3 { font-size:20px;} /* me - View Video */ .view-video { float: left; width: 100%; } /* === Blog === */ .hs-blog-listing .banner-section.blue:before { background: linear-gradient(0deg, rgba(54, 51, 66, 0.75), rgba(54, 51, 66, 0.75)); opacity:1; } .row-fluid .blog-main-section { width: 100%; float: left;padding: 114px 0px; } .row-fluid .blog-main-section .post-item { width: calc(100% / 2); float: left; margin-bottom: 20px; padding: 0px 10px; overflow: hidden; } .row-fluid .blog-main-section .post-item:first-child,.row-fluid .blog-main-section .post-item.full-width-post { width: 100%; } .row-fluid .blog-main-section .post-item:first-child .feature-img,.row-fluid .blog-main-section .post-item.full-width-post .feature-img { width: 100%; float: left; height: 500px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; overflow: hidden; } .row-fluid .blog-main-section .post-item:first-child .feature-img .post-box,.row-fluid .blog-main-section .post-item.full-width-post .feature-img .post-box { position: absolute; background: #fff; width: 85%; top: auto; bottom: 0; padding: 20px; } .row-fluid .blog-main-section .post-item .feature-img { width: 100%; float: left; height: 350px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; overflow: hidden; } .row-fluid .blog-main-section .post-item .post-box { position: absolute; background: #fff; top: auto; bottom: 0; width: 93%; padding: 20px; transition: all 0.5s; } .row-fluid .blog-main-section .post-item .post-box .topic-box { width: 100%; float: left; padding-bottom: 5px; } .row-fluid .blog-main-section .post-item .post-box .topic-box a.topic-link { color: #81B5C6; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; } .row-fluid .blog-main-section .post-item .post-box .topic-box a.topic-link:hover { color: #000; } /* .row-fluid .blog-main-section .post-item .post-box h2 { line-height: normal; } */ .row-fluid .blog-main-section .post-item .post-box h2 a { font-size: 18px; font-weight: inherit;; color: #3D3642; display: inline-block; line-height: inherit; } .row-fluid .blog-main-section .post-item .post-box h2 a:hover { color: #000; } .row-fluid .blog-main-section .post-item .post-box .read-more { width: 100%; float: left; padding-top: 15px; margin-bottom: -48px; transition: all 0.5s; } .row-fluid .blog-main-section .post-item .post-box .read-more a.more-link { font-weight: bold; font-size: 14px; letter-spacing: 0.08em; } .row-fluid .blog-main-section .post-item .post-box .read-more a.more-link svg { position: relative; top: 2px; left: 4px; } .row-fluid .blog-main-section .post-item .post-box .read-more a.more-link:hover svg path { stroke:#81B5C6; } .row-fluid .blog-main-section .post-item .post-box .read-more a.more-link svg path { transition: all .4s ease-in-out; } .row-fluid .blog-main-section .post-item:first-child .feature-img .post-box h2 a,.row-fluid .blog-main-section .post-item.full-width-post .feature-img .post-box h2 a{ font-size: 20px; } .row-fluid .blog-main-section .post-item:hover .post-box .read-more { margin-bottom: 0; } .row-fluid .blog-main-section .load-more,.ias-trigger,.ias-spinner{ width: 100%; float: left; text-align: center; padding-top: 60px; } .row-fluid .blog-main-section .right-part h3 { font-size: 26px; padding-bottom: 27px; line-height: 1.25; } .row-fluid .blog-main-section .right-part .search-section h3{ padding-bottom:10px; } .row-fluid .blog-main-section .right-part .search-box { width: 100%; float: left; } .row-fluid .blog-main-section .right-part .search-box form { position: relative; } .row-fluid .blog-main-section .right-part .search-box form input { background: transparent; border: 0;border-radius: 0; border-bottom: 1px solid #3D3642; height: 30px; padding: 5px; } .row-fluid .blog-main-section .right-part .search-box form button { height: 30px; background: transparent; padding: 0; position: absolute; top: 0; right: 0px; width: 30px; text-align: right; } .row-fluid .blog-main-section .right-part .search-box form button svg { height: 14px; width:14px; } .row-fluid .blog-main-section .right-part .tag-section { width: 100%; float: left; padding-top: 70px; } .row-fluid .blog-main-section .right-part .tag-section ul li { width: 100%; float: left; } .row-fluid .blog-main-section .right-part .tag-section ul li span.filter-link-count { display: none; } .row-fluid .blog-main-section .right-part .tag-section ul li a { display: inline-block; text-decoration: none; z-index: 1; width: 100%; margin-bottom: 4px; padding: 10px 20px 10px; position: relative; font-size: 18px; font-weight: 500; } .row-fluid .blog-main-section .right-part .tag-section ul li a:hover,.row-fluid .blog-main-section .right-part .tag-section ul li.active a{ color:#fff; } .row-fluid .blog-main-section .right-part .tag-section ul li a:before { transition: width .4s ease-in-out; content: ' '; top: 0; left: 0; width: 2px; height: 100%; background: #FF8B71; position: absolute; z-index: -1; } .row-fluid .blog-main-section .right-part .tag-section ul li a:hover:before,.row-fluid .blog-main-section .right-part .tag-section ul li.active a:before { width:100%; } .row-fluid .blog-main-section .right-part .top-post-section { width: 100%; float: left; padding-top:68px; } .row-fluid .blog-main-section .right-part .top-post-section .top-post-box { width: 100%; float: left; padding-bottom: 25px; } .row-fluid .blog-main-section .right-part .top-post-section .top-post-box:last-child{ padding-bottom:0; } .row-fluid .blog-main-section .right-part .top-post-section .top-post-box a.topic-link { color: #81B5C6; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; } .row-fluid .blog-main-section .right-part .top-post-section .top-post-box a.topic-link:hover { color: #000; } .row-fluid .blog-main-section .right-part .top-post-section .top-post-box .post-title { width: 100%; float: left; } .row-fluid .blog-main-section .right-part .top-post-section .top-post-box .post-title h4 { line-height: normal; } .row-fluid .blog-main-section .right-part .top-post-section .top-post-box .post-title a { font-weight: 500; font-size: 18px; } .row-fluid .blog-main-section .right-part .top-post-section .top-post-box .post-title a:hover { color: #000; } .row-fluid .blog-main-section .right-part .tag-section ul li:first-child a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(5) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(9) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(13) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(17) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(21) a:before { background: #FF8B71;} .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(2) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(6) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(10) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(14) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(18) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(22) a:before { background: #8BD8D5;} .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(3) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(7) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(11) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(15) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(19) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(23) a:before { background: #81B5C6;} .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(4) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(8) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(12) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(16) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(20) a:before, .row-fluid .blog-main-section .right-part .tag-section ul li:nth-child(24) a:before { background: #8BD8D5;} .hs-blog-post .row-fluid .blog-main-section{ /*background: #ffffff;*/ background: #FFF; } .hs-blog-post .row-fluid .blog-main-section .blog-section { width: 100%; float: left;} .hs-blog-post .row-fluid .blog-main-section .blog-section .blog-post-wrapper.cell-wrapper { max-width: 1000px; margin: auto; width: 100%; } .hs-blog-post .row-fluid .blog-main-section .left-part { width: 100%; margin: 0; } .hs-blog-post .row-fluid .blog-main-section .blog-section .inner-post-section { width: 100%; float: left; } .hs-blog-post .row-fluid .blog-main-section .blog-section .left-side { width: 60px; float: left; position: sticky; padding-top: 39px; } .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side { width: calc(100% - 60px); float: left; padding-left: 40px; } .hs-blog-post .row-fluid .blog-main-section .blog-section .left-side .social-sharing { width: 100%; float: left; text-align: center; } .hs-blog-post .row-fluid .blog-main-section .blog-section .left-side .social-sharing li { padding-bottom: 5px; } .hs-blog-post .row-fluid .blog-main-section .blog-section .left-side .social-sharing li a { height: 45px; width: 45px; border: 1px solid #3D3642; display: inline-flex; align-items: center; justify-content: center; font-size: 17px; } .hs-blog-post .row-fluid .blog-main-section .blog-section .left-side .social-sharing li a:hover { background: #81B5C6; color: #fff; border-color: #81B5C6; } .hs-blog-post .row-fluid .blog-main-section .blog-section .left-side .social-sharing svg { height: 14px; width: 14px; } .hs-blog-post .row-fluid .blog-main-section .blog-section .left-side .social-sharing a svg path{ fill:#3D3642 !important; transition: fill .4s ease-in-out; } .hs-blog-post .row-fluid .blog-main-section .blog-section .left-side .social-sharing a:hover svg path{ fill:#fff!important; } .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body { width: 100%; float: left; overflow: hidden; } .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body h3 { font-size: 20px; font-weight: 700; padding-bottom: 10px; padding-top: 40px; } /* .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body p { font-size: 16px; line-height: 28px; } */ .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body ul li { position: relative; padding-left: 25px;list-style:disc; } .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body ul { padding-left: 20px; margin: 10px 0px 20px; } .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body img { padding: 30px 0px; } .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body hr {background:#3D3642;} .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body .blog-cta {display: inline-block;border: 2px solid #FF8B71;border-radius: 50px;color: #3D3642;font-size: 14px;font-weight: 700;letter-spacing: 1px;padding: 12px 32px;line-height: normal;text-transform: uppercase;} .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body .blog-cta:hover {background: #FF8B71;color: #fff;} .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body blockquote { position: relative; } .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body:not(.option2) blockquote:before { content: '\f10d'; top: 0px; left: -30px; font-family: FontAwesome; position: absolute; font-size: 20px; } .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body:not(.option2) blockquote:after { content: '\f10e'; top: auto; right: -25px; font-family: FontAwesome; position: absolute; font-size: 20px; bottom: 0px; } .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body.option2 blockquote { margin-left: 0; padding-left: 20px; margin-right: 0; border-left: 5px solid; } .hs-blog-post .row-fluid .blog-main-section .inner-post-section .about-author-sec { width: 100%; float: left; padding-top: 80px; display: flex; align-items: center; } .hs-blog-post .row-fluid .blog-main-section .inner-post-section .about-author-sec .span2 { width: 130px; float: left; position:relative;z-index:1;} .hs-blog-post .row-fluid .blog-main-section .inner-post-section .about-author-sec .span2 .pattern-1{position: absolute;left: -21px;top: auto; bottom:-23px;z-index: -1;} .hs-blog-post .row-fluid .blog-main-section .inner-post-section .about-author-sec .span10 { width: calc(100% - 130px); float: left; margin: 0; padding-left: 25px; } .hs-blog-post .row-fluid .blog-main-section .inner-post-section .about-author-sec .span10 h3 a.author-link { font-size: 20px; font-weight: 700; } .hs-blog-post .row-fluid .blog-main-section .inner-post-section .about-author-sec .span10 p { padding-bottom: 0; /*font-size: 16px; line-height: 28px; */} .hs-blog-post .row-fluid .blog-main-section .inner-post-section .about-author-sec .span2 img { width: 100%; height: 200px; object-fit: cover; } .hs-blog-post .row-fluid .blog-main-section .related-post { width: 100%; float: left; padding: 120px 0px 10px; } .hs-blog-post .row-fluid .blog-main-section .related-post h2 { padding-bottom: 30px; /*font-size: 32px;*/ } .hs-blog-post .row-fluid .blog-main-section .related-post .post-item .feature-img { width: 100%; float: left; height: 350px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; overflow: hidden; } .hs-blog-post .row-fluid .blog-main-section .related-post .post-item .post-box { position: absolute; /*background: #EFEDF3;*/ background: #FFF; top: auto; bottom: 0; width: 93%; padding: 20px; transition: all 0.5s; } .hs-blog-post .row-fluid .blog-main-section .related-post .post-item .post-box .topic-box { width: 100%; float: left; padding-bottom: 5px; } .hs-blog-post .row-fluid .blog-main-section .related-post .post-item .post-box .topic-box a.topic-link { color: #81B5C6; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; } .hs-blog-post .row-fluid .blog-main-section .related-post .post-item .post-box .topic-box a.topic-link:hover { color: #000; } .hs-blog-post .row-fluid .blog-main-section .related-post .post-item .post-box h2 {padding-bottom: 5px;} .hs-blog-post .row-fluid .blog-main-section .related-post .post-item .post-box h2 a { font-size: 18px; font-weight: inherit; color: #3D3642; display: inline-block; line-height: inherit; } .hs-blog-post .row-fluid .blog-main-section .related-post .post-item .post-box h2 a:hover { color: #000; } .hs-blog-post .row-fluid .blog-main-section .related-post .post-item .post-box .read-more { width: 100%; float: left; padding-top: 15px; margin-bottom: -48px; transition: all 0.5s; } .hs-blog-post .row-fluid .blog-main-section .related-post .post-item .post-box .read-more a { font-weight: bold; font-size: 14px; letter-spacing: 0.08em; } .hs-blog-post .row-fluid .blog-main-section .related-post .post-item .post-box .read-more a svg { position: relative; top: 2px; left: 4px; } .hs-blog-post .row-fluid .blog-main-section .related-post .post-item .post-box .read-more a:hover svg path { stroke: #FF8B71; } .hs-blog-post .row-fluid .blog-main-section .related-post .post-item .post-box .read-more a svg path { transition: all .4s ease-in-out; } .hs-blog-post .row-fluid .blog-main-section .related-post .post-item:hover .post-box .read-more { margin-bottom: 0; } .hs-blog-post .row-fluid .blog-main-section .related-post .related-wrap { margin: 0px -10px; } .hs-blog-post .row-fluid .blog-main-section .related-post .post-item { width: calc(100% / 3); float: left; padding: 0px 10px; margin-bottom: 20px; } .hs-blog-post .row-fluid .blog-main-section .blog-section .inner-post-section .left-side.bottom { top: 80px !important;} /* .author-Page .row-fluid .header-section { background: #3D3642; } */ .author-Page .row-fluid .blog-main-section { padding-top: 160px; } .author-Page .row-fluid .blog-main-section .left-part { width: 100%; } .author-Page .row-fluid .blog-main-section .left-part .hs-author-profile { width: 100%; float: left; padding-bottom: 60px; padding-left: 10px; padding-right: 10px; } .author-Page .row-fluid .blog-main-section .left-part .hs-author-profile h2.hs-author-name { font-size: 32px; padding-bottom: 18px; } .author-Page .row-fluid .blog-main-section .left-part .hs-author-profile .hs-author-avatar { width: 100%; float: left; padding-bottom: 15px; } .author-Page .row-fluid .blog-main-section .left-part .hs-author-profile .hs-author-avatar img { height: 150px; width: 150px; object-fit: cover; border-radius: 50%; } .author-Page .row-fluid .blog-main-section .left-part h3.hs-author-listing-header { font-size: 30px; padding-bottom: 30px; padding-left: 10px; } .pricing .odd-even-section .box .left-part .box-img:before{background-image: url(https://www.lairegroup.com/hubfs/Laire%202020/Images/green-cross.svg);} /* .blog-section .inner-post-section .post-body h2 { font-size: 32px; line-height: 1.425; } */ .subscription-form{ padding-top:75px; } .subscription-form form .hs-form-required { display: none; } .subscription-form form{font-size: 14px;line-height: 125%; position:relative; padding-right: 44px; } .subscription-form form input[type="text"],.subscription-form form input[type="email"] { -webkit-appearance:none !important;border-radius: 0; border: 0;line-height: 125%; font-size: 14px; border-bottom: 1px solid #3D3642; padding:4px 0; height: auto; font-family: inherit; color: #616972; } .subscription-form form .hs-error-msgs { color: red; padding: 4px 0 0; } .subscription-form form input[type=submit]{ font-size: 0; background-color: #fff; background-image: url(https://www.lairedigital.com/hubfs/Laire%202020/Images/Group%20411.png); height: 24px; width: 24px; background-size: 24px; line-height: 0; padding: 0; } .subscription-form form .hs_submit.hs-submit{ position: absolute; right: 0; top: 0;} .subscription-form form .hs_error_rollup { display: none; } .row-fluid .popup-form-section { padding:50px 20px; transition: all 0.5s; position: fixed; top: 0; left: 0; background: rgba(54, 51, 66, 0.8); z-index: 999999999; height: 100vh; width: 100%; overflow: auto; backdrop-filter: blur(5px); opacity:0; visibility:hidden; transform: scale(0);} .row-fluid .popup-form-section .pop-form-cover {position:relative; left: 50%;transform: translateX(-50%); top: 0; background: #F4F2F9; border: 1px solid #D4D2D9; max-width: 1020px; width: 100%; padding: 40px; } .row-fluid .popup-form-section .pop-form-cover .content h2 { font-weight: 500; font-size: 40px; max-width: 550px; width: 100%; position: relative; padding-bottom: 20px; margin-bottom: 5px; } .row-fluid .popup-form-section .pop-form-cover .content h2:before { content: ' '; top: auto; left: 0; position: absolute; background: #B4BB65; width: 60px; height: 2px; bottom: 0; } .row-fluid .popup-form-section .pop-form-cover .content p { /*font-size: 16px;*/ max-width: 600px; /*line-height: 25px;*/ } .row-fluid .popup-form-section .pop-form-cover .content { padding-bottom: 30px; } .row-fluid .popup-form-section .pop-form-cover h3.form-title { display: none; } .row-fluid .popup-form-section .pop-form-cover span.hs-form-required { display: none; } .row-fluid .popup-form-section .pop-form-cover .hs-form-field input { border: 0; border-bottom: 1px solid #3D3642; background: transparent; padding: 0px 0px; height: 40px; } .row-fluid .popup-form-section .pop-form-cover .hs_error_rollup { display: none; } .row-fluid .popup-form-section .pop-form-cover .hs-form-field label.hs-error-msg { color: red; font-size: 14px; } .row-fluid .popup-form-section .pop-form-cover .submitted-message { text-align: center; font-size: 20px; font-weight: 700; letter-spacing: 1px; color: #3D3642; } .row-fluid .popup-form-section .pop-form-cover .hs-form-field select {font-size: 14px; color: #616972; border: 0; border-bottom: 1px solid #3D3642; background: transparent; padding: 0px 0px; height: 40px; } .row-fluid .popup-form-section .pop-form-cover .hs-form-field textarea{border: 0; border-bottom: 1px solid #3D3642; background: transparent; padding: 8px 0px; height: 60px; } .row-fluid .popup-form-section .close-btn button { position: absolute; top: 0; right: 0; background: transparent; color: #3D3642; font-size: 20px;} .model-open .row-fluid .popup-form-section{opacity:1; visibility:visible; transform: scale(1);} body.model-open { overflow: hidden; } /* === Case Study Blog === */ .case-study .row-fluid .blog-main-section .post-item .post-box .topic-box a.topic-link{color:#FF8B71;} .case-study .row-fluid .blog-main-section .post-item .post-box .topic-box a.topic-link:hover{color:#000;} .case-study .row-fluid .blog-main-section .post-item .post-box .topic-box{color:#FF8B71;} .case-study .row-fluid .blog-main-section .right-part .top-post-section .top-post-box a.topic-link{color:#FF8B71;} .case-study .row-fluid .blog-main-section .right-part .top-post-section .top-post-box a.topic-link:hover{color:#000;} .case-study .banner-section.blog-inner-hero a.topic-link{color:#FF8B71;} .case-study .banner-section.blog-inner-hero a.topic-link:hover{color:#ffffff;} .case-study.hs-blog-post .row-fluid .blog-main-section .blog-section .left-side .social-sharing li a:hover { background: #FF8B71; color: #fff; border-color: #FF8B71;} .case-study.hs-blog-post .book-section .left-part { padding-left: 0; width: 50%; } .case-study.hs-blog-post .book-section .right-part { width: 50%; float: left; height: 480px; } .case-study.hs-blog-post .book-section{ background: #ffffff; position:relative; overflow:hidden; z-index:1; padding-bottom: 60px;} .case-study.hs-blog-post .book-section:before{ content:' '; top: 0; left: -140px; width: 36%; height: 100%; position: absolute; background: #F4F2F9; z-index: -1; transform: skewX(37deg);} .case-study.hs-blog-post .book-section .left-part .book-title h2 { color: #3D3642; } .case-study.hs-blog-post .book-section .left-part .content { color: #3D3642; } .case-study.hs-blog-post .row-fluid .blog-main-section .blog-section .inner-post-section{margin-bottom: 60px;} .case-study.hs-blog-post .row-fluid .blog-main-section .related-post .post-item .post-box .topic-box a.topic-link{color: #FF8B71;} .case-study.hs-blog-post .row-fluid .blog-main-section .related-post .post-item .post-box .topic-box a.topic-link:hover{color: #3D3642;} .case-study.hs-blog-post .row-fluid .blog-main-section .related-post{ padding: 80px 0px 10px;} .lp-page .book-form-section{background-color:#3D3642; background-image: inherit !important;} .row-fluid .lp-footer {width:100%; float:left; background: #3D3642; padding:30px 0px; text-align:center;} .row-fluid .lp-header-section { width: 100%; float: left; padding: 20px 0px; position: absolute; top: 0; z-index: 9;} .lp4 .blog-feed-section {padding-top:100px;} .lp3 .service-section.landing-service {padding-top: 100px;} .about-page .service-section .service-main .pattern-3{ right: -17px;top: 250px;} .about-page .service-section .service-main .pattern-2 {bottom: 90px;} .about-page .solution-section:not(.updated) { background: #ffffff; } .about-page .solution-section:not(.updated) .title-box .left-side h2 { color: #3D3642; } .about-page .solution-section:not(.updated) .solution-box h3 { color: #3D3642; } .about-page .solution-section:not(.updated) .solution-box .content { color: #3D3642; } .about-page .service-section .service-main .pattern-1 {left: -15px;} .row-fluid .result-section{ width:100%; float:left; padding:80px 0px; } .row-fluid .result-section li { padding-bottom: 20px; } .row-fluid .result-section li a.hs-search-results__title { font-size: 19px; text-decoration: none; } /* .row-fluid .result-section li p.hs-search-results__description { font-size: 16px; line-height: 28px; } */ .zig-zag-section .box .pattern-2 { display: none; } .zig-zag-section .box:nth-child(even) .right-part .box-img .pattern-1 { display: none; } .zig-zag-section .box:nth-child(even) .right-part .box-img .pattern-2 { display: block; position: absolute; top: auto; bottom: -34px; left: auto; right: -36px; } .service-section .service-main .pattern-1{top: 38px; left: -18px;} .service-section .service-main .pattern-3{right: -17px;} .pricing .odd-even-section{position:relative; z-index: 1;} .pricing .odd-even-section:before{ content: ' '; top: 0; left: auto; width: 38%; height: 100%; position: absolute; background: #F4F2F9; z-index: 1; transform: skewX(-37deg); right: -7%;} .pricing .odd-even-section .box:last-child{ position: inherit;} .pricing .odd-even-section .box .right-part{ position: relative; z-index: 2;} /* .about-page .service-section .service-main .pattern-2{ display:none; } */ /* .about-page .service-section .service-main:after { content: ' '; top: auto; bottom: 114px; left: calc(30% + -12px); width: 85px; height: 86px; position: absolute; background-image: url("https://www.lairegroup.com/hubfs/Laire%202020/Images/Group-66-1.png"); z-index: -1; } */ /* .marketing-stratagy .service-section .service-main .pattern-2{ display:none; } .marketing-stratagy .service-section .service-main:after { content: ' '; top: auto; bottom: 20px; left: calc(30% + -12px); width: 85px; height: 86px; position: absolute; background-image: url("https://www.lairegroup.com/hubfs/Laire%202020/Images/Group-66-1.png"); z-index: -1; } */ .book-form-section.landing-form-section .left-part .pattern-1{display:none;} .book-form-section.landing-form-section .left-part { padding-left: 0px; } .book-form-section.landing-form-section .right-part { margin:0; } .book-form-section.landing-form-section {background: #ffffff;} .book-form-section.landing-form-section:before{display:none;} .book-form-section.landing-form-section .left-part .book-title h2{color: #3D3642; margin-bottom:30px;} .book-form-section.landing-form-section .left-part .content{color: #3D3642} .book-form-section.landing-form-section .left-part ul{ padding-top: 0; list-style: inherit; padding-left: 20px; } .book-form-section.landing-form-section .left-part ul li { padding-left: 0; list-style: inherit; } .book-form-section.landing-form-section .left-part ul li:before{ display:none;} .row-fluid .yellow_form .container > .row-number-5 > .row-fluid { display: flex; } .row-fluid .yellow_form .left-part { color:#fff; } .row-fluid .yellow_form .sub { color:#FFD966; } .row-fluid .yellow_form.book-form-section .left-part .book-title .pattern-1 { left:-45px; } .row-fluid .green_form .container > .row-number-6 > .row-fluid { display: flex;} .row-fluid .green_form .left-part { color:#fff; } .row-fluid .green_form .sub { color:#69A84F; } .row-fluid .green_form .book-form-section .left-part .book-title .pattern-1 { left:-45px; } /* Password template */ body.password-template.one-column .main-content p{margin:15px 0;} .widget-type-email_subscriptions h2, .widget-type-email_subscriptions_confirmation h2, .widget-type-email_simple_subscription h2 {padding: 0;} /* Blog Subscription Form */ #hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {width: auto;margin-right: 10px;} /* Blog Subscription Button */ .normal-section { width: 100%; float: left; padding: 100px 0px 90px; background: #ffffff; } .normal-section .normal-wrap { max-width: 1000px; width: 100%; margin: auto; clear: both; } .normal-section .content { width: 100%; float: left; position: relative; } .normal-section .content h2 { padding: 15px 0px; } /* .normal-section .content h2 { font-size: 32px; } */ .normal-section .content p a { display: inline-block; margin-top: 10px; font-weight: 500; letter-spacing: -0.5px; /*font-size: 16px;*/ position: relative; } /* .normal-section .content p a:before { content: ' '; top: auto; left: 0; width: 100%; height: 1px; position: absolute; bottom: 0; background: #FF8B71; } */ .normal-section .content .pattern-1{position: absolute; top: -21px; left: -100px;} .system-page .normal-section .normal-wrap { margin: 0 auto !important; float: none; } .system-page .normal-section h1:empty,.system-page .normal-section br{display:none;} .system-page .normal-section p { font-size: inherit; margin: 0; line-height: inherit; font-weight: 400; } .system-page .normal-section h2{ margin:0; line-height: 45px; } html body.system-page .page-header { padding-bottom: 0; } .system-page .subscribe-options label { font-size: inherit; margin-left: 0; margin-right: 0; } .system-page input[type="checkbox"]:checked+span:before {background-image:url('https://533215.fs1.hubspotusercontent-na1.net/hubfs/533215/Laire%202020/Images/black-right.svg');} .system-page input[type="checkbox"] { opacity: 0; display:none !important;} .system-page input[type="checkbox"]+span:before { content: ''; width: 20px; height: 20px; padding: 2px; border: 1px solid #3D3642; position: absolute; left: 20px; top: 20px;background-size: 14px; background-position: center center;background-repeat:no-repeat; } .system-page input[type="checkbox"]+span:after{ display:none!important; } .system-page .email-prefs .item .item-inner * { color: inherit; } .system-page .checkbox-row span.fakelabel span {margin-left: 0px;} .system-page .email-prefs .item .item-inner p { padding: 0 0 0 35px; } .system-page .email-prefs .item .item-inner.selected { background: transparent; border: 1px solid #81B5C6; } .system-page .email-prefs .item .item-inner{ border-radius:0; } .system-page #submitbutton{ border: 2px solid #FF8B71;white-space:pre-wrap; background: transparent; border-radius: 50px; font-size: 14px; font-weight: 700; letter-spacing: 1px; color: #3D3642; font-family: inherit; padding: 15px 52px; height: auto; line-height: normal; } .system-page #submitbutton:hover{background: #FF8B71; color: #fff;} .system-page .subscribe-options label span{position: relative; margin: 0; padding-left: 35px; display:block; } .system-page .subscribe-options input[type="checkbox"]+span:before { left: 0; top: 0px; } .system-page .checkbox-row { padding-left: 35px; } .system-page .email-prefs { line-height: 1.5; } .system-page #email-prefs-form h3 { margin-bottom: 25px; } .system-page #email-prefs-form h3 + div{ padding-bottom: 25px!important; } html body.system-page input.hs-input.email-edit{ width:100%!important; max-width:450px!important;} .system-page .widget-type-email_subscriptions { margin: 0 !important; } @media(max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) { .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 } .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 } .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px } .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; } .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; } } @media(min-width:641px){ .form form fieldset.form-columns-2 > div.hs-form-field{margin-right:5%!important; width: 47.5%!important;} .form form fieldset.form-columns-2 > div.hs-form-field:last-child{margin-right:0!important;} .form form fieldset.form-columns-3 > div.hs-form-field{margin-right:2.9%!important;width:31.4%!important;} .form form fieldset.form-columns-3 > div.hs-form-field:last-child{margin-right:0!important;} } @media(min-width:768px){ .two-col-pdf .content-part.left,.two-col-content .content-part.left, .two-col-lp-content .content-part.left{ order:2; } .partner-section .right-part { height: 80px;display: flex; align-items: center; justify-content: flex-end; } } @media(min-width:992px){ header .menu{ display:flex !important;} header .hs-menu-depth-1 path{transition: stroke .4s ease-in-out; } header .inner-menu { margin-left: 0; transition: margin .4s ease-in-out; } header.sticky .inner-menu { margin-left: -92px; } header .hs-menu-depth-1 > a { color: #fff; font-weight: 700; } header ul.hs-menu-children-wrapper { background: #fff; position: absolute; visibility: hidden; display: flex!important; flex-wrap: wrap; justify-content: space-between; border-radius: 3px; box-shadow: 0px 3px 10px rgb(0 0 0 / 10%); z-index: 1;max-height: calc(100vh - 105px);overflow-y: auto; } header .hs-menu-depth-1.hs-item-has-children > a:before { visibility: hidden; position: absolute; content: ""; height: 10px; width: 10px; background: #fff; transform: rotate(-45deg); bottom: -5px; left: 0; right: 0; margin: 0 auto; z-index: 2; } header .hs-menu-depth-1:hover ul.hs-menu-children-wrapper,header .hs-menu-depth-1.hs-item-has-children:hover > a:before{ visibility: visible; } header .two-col .hs-menu-item.hs-menu-depth-2 { width: 48%; float: left; margin-top: 30px; } header .two-col .hs-menu-item.hs-menu-depth-2:first-child, header .two-col .hs-menu-item.hs-menu-depth-2:nth-child(2) { margin-top: 0; } header ul.hs-menu-children-wrapper.one-col { width: auto; display: block !important; padding: 15px 20px; white-space: nowrap;min-width:200px; } header .one-col .hs-menu-item.hs-menu-depth-2{ padding: 5px 0; } .banner-section.landing-hero{ float: none; display: flex; } .margin-wrapper-bg{ background: #ffffff;padding-bottom: 110px; } .banner-section.landing-hero .left-part { padding-bottom: 90px; } .banner-section.landing-hero .rignt-part { margin-bottom: -110px; } } @media(min-width:1025px) { .including-section.light { padding: 114px 0px;} .solution-section.updated .title-box { padding-bottom: 100px; } .solution-section.updated .solution-box h3 { font-size: 22px; } } @media(min-width:1200px){ .hero-section.lp-hero-banner .hero-text .content{max-width:653px; } .hero-section.lp-hero-banner .header-wrapper{max-width: 1750px;} .hero-section.lp-hero-banner .shape-box:after{ width: calc(100% - 80%);} } @media (min-width:1400px){ .industry-section .right-part .right-img{ max-width: 600px;} .industry-section{padding: 90px 0px 80px;} .blog-feed-section .left-side .first-blog-post .post-image{ height: 650px;} .blog-feed-section .right-side .blog-box .post-image{ height: 315px;} } @media(min-width:1441px){ .lp-hero-form .form form div.hs-form-field { margin-bottom: 52px;} } @media(min-width:1500px){ header > .container { max-width: 100% !important; padding: 0 100px !important; } } @media(min-width:1681px){ .two-col-lp-content .container {max-width: 1315px; } .two-col-lp-content .img-part.right { margin-right: -8.5%; } .two-col-lp-content .img-part.left{ margin-left: -8.5%; } } @media(min-height:1500px){ .row-fluid .popup-form-section .pop-form-cover{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} } @media(max-width:1680px){ /* .lp-hero-form{padding:210px 0;} */ .two-col-lp-content { padding: 150px 0;} .two-col-lp-content .pattern-2 { position: absolute; top: -30px; right: -20px; } .two-col-lp-content .img-part { width: 54%; text-align: center; position: relative; padding: 20px; } } @media(max-width:1600px){ header .hs-menu-depth-1{padding:42px 15px;} .resources-wrapper { padding:114px 0 69px;} .resourece-item { margin: 10px;} .resourece-item h3 { margin-bottom: 20px; } .individual-resoureces { padding: 50px 0; } .resources-wrapper .top-part { padding-bottom: 50px; } } @media(max-width:1440px){ .bio-section,.two-col-pdf,.two-col-form.with-bg-color{ padding:120px 0;} .row-fluid .blog-main-section .right-part .tag-section,.row-fluid .blog-main-section .right-part .top-post-section,.subscription-form { padding-top: 55px;} .lp-hero-form{padding:150px 0 100px;} .lp-hero-form .scroll-down { right: 55px; } .lp-hero-form .content-part{ padding-top:0; } } @media(max-width:1366px){ .icons-group .hover-text { left:0; transform: translateX(0%); } .icons-group .hover-text:before {top: -5px; left: 15px; right: auto; } /* .pillar-nav ul li { margin: 0 5px; } */ .pillar-nav ul li{ padding: 35px 0;} } @media(max-width:1300px){ .hero-section .shape-box:after{ right: -22%;width: calc(100% - 65%);} .normal-section .content:before{ left: -85px;} .service-section .service-main:before{ top: -27px; left: -10px;} } @media(max-width:1280px){ .resources-wrapper { padding: 100px 0 69px; } .resources-wrapper .individual-top { margin-bottom: 20px; } .individual-resoureces { padding: 35px 0; } .solution-section.updated{ padding:114px 0; } .service-updated .service-box { padding: 40px 15px;} .service-updated .top-part{ margin-bottom:60px; } .lp-hero-form .form-cover{ padding:70px 30px; } .two-col-lp-content { padding: 120px 0;} } @media(max-width:1279px){ header .hs-menu-depth-1 { padding: 42px 8px; } header .cta a{ min-width:auto; font-size: 12px;} } @media(max-width:1200px){ .resources-bg-image { height: 25vw;} .remote-location .location-top-right { width: 40%;} .remote-location .location-top-left { width: 60%; } .remote-location .location { padding: 25px 20px 21px; } .remote-location .location svg { left: 20px; } } @media(max-width:1199px){ .banner-section.landing-hero .content { max-width: 480px; } .banner-section.landing-hero .rignt-part .screen .tablet { width: 450px; height: 570px; } .banner-section.landing-hero .rignt-part .display-img .tab-display { width: 413px; height: 531px; left: auto; right: 18px; position: absolute; } .banner-section.landing-hero .rignt-part .display-img { height: 530px; } .hero-section .shape-box:after { width: calc(100% - 59%); right: -26%; } .hero-section .shape-box:before { left: -31%; } .growth-section .right-part { padding: 50px 0px 50px 80px; } .blog-feed-section .title-box { width: 75%; } .blog-feed-section .moew-box { width: 25%; } .service-section .service-main:before { top: 23px; left: -10px;} .partner-section .left-part .partner-box { width: calc(100% / 4 - 44px); } .partner-section .left-part { padding-right: 60px; } .big-pricing-section .right-part .big-price-box .price-title .left-side h3 { font-size: 19px; } .big-pricing-section .right-part .big-price-box .price-title .left-side { padding-right: 12px; } .big-pricing-section .right-part .big-price-box .price-title .right-side h6.green { font-size: 11px; } .lp-hero-banner-wrapper .shape-box:after{ right:-100%; } .lp-hero-banner-wrapper:before { content: ' '; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: rgba(63, 60, 75, 0.6); z-index: -1; } } @media(max-width:1170px){ header .hs-menu-depth-1 { padding: 35px 6px; } header .menu{ padding-left:20px; } header .cta a { padding: 10px 15px; min-width: auto; font-size: 12px; } header ul.hs-menu-children-wrapper{ left: 15px; padding: 25px; width: 475px; } header ul.hs-menu-children-wrapper.one-col { left: 13px; } } @media (max-width:1040px){ .row-fluid .popup-form-section .pop-form-cover{ max-width: 740px;} .row-fluid .popup-form-section .pop-form-cover .content h2 {font-size: 34px;} } @media(max-width:1024px){ h1{ font-size:30px;} h2{ font-size:26px;} .full-width-copy { padding:70px 0 55px;} .solution-section.updated{ padding:70px 0 55px; } .latest-post-section { padding: 70px 0; } .latest-post-section .speaker-detail { padding: 25px 20px; } .latest-post-section .link-cta { margin-top: 20px; } .two-col-form .right-part { padding: 45px 20px 50px; width:50%; } .form form div.hs-form-field{ margin-bottom:20px; } .two-col-form .left-part { width: 50%; } .our-team-section{ padding:70px 0 35px; } .our-team-section.updated .service-title { padding-bottom: 30px; } .speakers-section { padding: 70px 0 10px; } .speakers-section .speaker-detail { padding: 25px 20px; } .speakers-section .link-cta { margin-top: 20px; } .speakers-section .top-part { margin-bottom: 35px; } .resources-wrapper { padding: 70px 0 45px; } .individual-resoureces { padding: 25px 0; } .resources-wrapper .top-part { padding-bottom: 35px; } .bio-section,.service-updated,.two-col-pdf,.two-col-content,.two-col-form.with-bg-color,.row-fluid .blog-main-section,.remote-location { padding:70px 0;} .bio-section .social { margin-top: 10px; } .two-col-pdf .content-part,.two-col-pdf .img-part,.two-col-content .content-part,.two-col-content .img-part { width: 47.5%; } /* .detail-content a.cta_button{ padding:15px 25px; } */ .detail-content .common-cta,.common-cta,.arrow-cta{ margin-top: 40px; } .arrow-cta a { letter-spacing: 0;display: inline-block; } .arrow-cta a svg { margin-left: 10px;} .detail-content p:empty { height:5px; } .service-updated .service-box { padding: 25px 0px;} .service-updated .service-box .service-img{ padding-bottom:22px; } .lp-header{ padding:20px 0;} .lp-hero-banner-wrapper .container { position: relative; padding-top: 120px; padding-bottom: 110px; } .lp-hero-banner-wrapper .bottom-part { max-width: 500px; } .lp-hero-banner-wrapper .top-part { max-width: 600px; } .lp-hero-banner-wrapper .shape-box:before{ left:-47%; } /* .lp-hero-form:before{ width:50%; } */ .lp-hero-form .pattern-2 { bottom: -11px; position: absolute; left: 15px; } .two-col-lp-content { padding: 70px 0;} .two-col-lp-content:before { left: 0%; width: 50%;} .la-top-item .right-content { padding-left: 30px; } .la-top-item,.richtext-area,.book-form-section { padding: 70px 0;} .la-bottom-item { padding: 50px 0; } /* .pillar-nav ul li { margin: 0; } */ /* .scroll_section .pillar-nav a { padding: 15px 10px; } */ .lp-hero-banner .image-part { width: 40%; } .lp-hero-banner .content-part { width: 55%; } .remote-location .location-top-right { width: 100%; text-align: left; padding-left: 0; margin-top: 40px; } .remote-location .location-top-left { width: 100%; } .remote-location .location-item { width: calc(50% - 20px); } .lp-hero-form .shape-box:before { right: 55%; } .lp-hero-form .shape-box:after { left: 95%; } } @media(max-width:1100px) and (min-width:992px){ header .hs-menu-depth-1 > a{ font-size:12px; } header .menu{ padding-right:15px;} header .cta a { padding: 10px 12px; } } @media (max-width:991px){ header .cta a.cta_button:hover{ background: #3D3642; color: #fff; } .latest-post-section .speaker-item h3 { font-size: 22px;} .speakers-section .speaker-item h3 { font-size: 26px;} .resources-wrapper .top-part h4 { font-size: 22px; margin-bottom: 20px;} .resources-list li { min-width: 150px; } .banner-section.landing-hero .left-part { width: 100%; } .banner-section.landing-hero .rignt-part { width: 100%; text-align: center; padding-top: 40px; padding-left: 0;padding-bottom:100px; } .banner-section.landing-hero .rignt-part .right-inner { max-width: 520px; width: 100%; margin: auto; } .banner-section.landing-hero { min-height: auto; height: auto; } .banner-section.landing-hero .container { float: left !important;} /* h2 { font-size: 30px; line-height: 38px; } */ .hero-section .hero-text { padding: 60px 0px 90px; } .hero-section .shape-box:after{ width: calc(100% - 56%); right: -33%; } .hero-section .hero-text:before { left: 28%; } /* .hero-section .hero-text h1 { font-size: 50px; line-height: 57px; } */ /* .normal-section .content h2 { font-size: 28px; line-height: 40px; } */ /* .industry-section .left-part h2 { font-size: 30px; line-height: 38px; } */ .service-section .service-box h3 { font-size: 20px; } .service-section .service-main:after { left: calc(30% + -18px); } .growth-section .right-part { padding: 50px 0px 50px 60px; } /* .growth-section .right-part h2 { font-size: 28px; line-height: 35px; } */ /* .including-section .title h2 { font-size: 21px; line-height: 32px; } */ .partner-section .left-part .partner-box img { max-width: 105px; } .banner-section { padding: 140px 0px 100px; } .banner-section .container:before { bottom: -97px; } /* .banner-section h1 { font-size: 50px; } */ .zig-zag-section .box .left-part { padding-right: 25px; } .zig-zag-section .box .right-part { padding-left: 25px; } .zig-zag-section .box:nth-child(even) .left-part { padding-left: 50px; } .zig-zag-section .box:nth-child(even) .right-part { padding-right: 50px; } .odd-even-section .box .left-part { padding-right: 25px; } .odd-even-section .box .right-part { padding-left: 25px; } .odd-even-section .box:nth-child(even) .right-part { padding-right: 50px; } .odd-even-section .box:nth-child(even) .left-part { padding-left: 50px; } .blue-page .testimonial-section{padding: 20px 0px 70px;} /* .solution-section .title-box .right-side{ padding-top: 83px;} */ .solution-section .solution-box h3{ font-size: 17px;} .hubspot-partner .partner-section{ padding: 0px 0px 60px;} .partner-section .right-part .partner-btn.orange-black-btn a{ width: 144px;} .hubspot-partner .testimonial-section{ padding: 80px 0px 0;} .book-form-section .right-part .form-cover h3 {font-size: 22px;line-height: 32px;} .row-fluid .blog-main-section .post-item:first-child .feature-img,.row-fluid .blog-main-section .post-item.full-width-post .feature-img{ height: 400px; } /* .row-fluid .blog-main-section .post-item:first-child .feature-img .post-box h2 a,.row-fluid .blog-main-section .post-item.full-width-post .feature-img .post-box h2 a{ font-size: 22px; } */ /* .row-fluid .blog-main-section .post-item .post-box h2 a { font-size: 19px; line-height: 25px; } */ .row-fluid .blog-main-section .post-item .feature-img { height: 330px; } .row-fluid .blog-main-section .right-part h3 { font-size: 22px; padding-bottom: 16px; } .row-fluid .blog-main-section .right-part .tag-section ul li a { /*font-size: 16px;*/ padding: 6px 20px 6px; } /* .hs-blog-post .row-fluid .blog-main-section .related-post .post-item .post-box h2 a {font-size: 20px;} */ .hs-blog-post .row-fluid .blog-main-section .related-post { padding: 80px 0px 0px;} .big-pricing-section .left-part { width: 100%; padding-right: 0; padding-bottom: 40px; } .big-pricing-section .right-part { width: 100%; padding: 0; } .big-pricing-section .right-part .big-price-box .price-title .left-side { padding-right: 20px; } .big-pricing-section .left-part .title-box { max-width: 100%; } .big-pricing-section .left-part .content { max-width: 100%; } .implementation-section { display: block; } .implementation-section .left-part { width: 100%; padding-bottom: 40px; } .implementation-section .left-part .title-box { max-width: 100%; } .implementation-section { padding-right: 15px; } .implementation-section .right-part { padding: 0; width: 100%; } .implementation-section .right-part .box { height: 340px; } .small-pricing-section .right-part .small-price-box { width: calc(100% / 2 - 20px); margin-bottom: 20px; } .about-page .odd-even-section .box:last-child {padding-bottom: 20px;} .our-team-section .team-box .team-inner { width: calc(100% / 3 - 20px);} .contact-section .contact-box h5 a{ font-size: 19px;} .lp4 .blog-feed-section { padding-top: 80px;} .lp3 .service-section.landing-service {padding-top: 60px;} .lp-2 .service-section.landing-service {padding-top: 60px;} .book-form-section.landing-form-section .right-part { padding-left: 10px; } /* .lp-hero-form:after { width:85%;} */ .scroll_section.sticky .pillar-nav{ top:75px; } header { padding: 16px 0; } .mobile-open header { background: #3D3642; } header .menu { display: none;width: 100%;max-height: calc(100% - 75px); overflow: auto;padding: 20px 30px 30px;position: fixed; left: 0; top: 75px; background: #FFFFFF; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);} header .inner-menu { width: 100%; } header .hs-menu-depth-1 { padding: 13px 0; width: 100%; border-bottom: 1px solid #EFEDF3;} header .hs-menu-depth-1 > a { font-weight: 700; font-size: 16px; width: 100%; position: relative; display: block; } header ul.hs-menu-children-wrapper.one-col { left: 0; } header .child-trigger { display: inline-flex; margin-left: 0; width: 47px; height: 47px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); align-items: center; justify-content: flex-end; z-index: 1; } header ul.hs-menu-children-wrapper { left: 0; padding: 25px 20px 12px; width: 100%; display: none; } header .child-trigger path{ stroke: #3D3642; } header .cta { width: 100%; margin-top: 30px; max-width: 300px; } header .cta a {font-size: 14px; width: 100%; } header li.hs-menu-depth-2:not(:first-child) { margin-top: 28px; } header .one-col li.hs-menu-depth-2:not(:first-child) { margin-top: 14px; } header .search-part { width: 35px;} header .header-logo { width: calc(100% - 79px); } header .hs-search-field { right: 53px; top: 60px; } header a.child-open .child-trigger svg { transform: rotate(180deg); } .mobile-trigger{ display: inline-block; cursor: pointer; width: 44px; height: 44px; padding: 12px 10px; background: transparent; z-index: 9; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; border-radius: 6px; transition: color .2s ease-in; } .mobile-trigger i { display: inline; position: relative; top: -4px; margin-left: 0; transition-duration: 0s; transition-delay: .2s; } .mobile-trigger i:before, .mobile-trigger i:after { position: absolute; content:""; } .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after { width: 24px; height: 3px; background-color: #fff; display: inline-block; } .mobile-trigger i:before { margin-top: -8px; transition-property: margin,transform; transition-duration: .2s; transition-delay: .2s,0s; } .mobile-trigger i:after { margin-top: 8px; transition-property: margin,transform; transition-duration: .2s; transition-delay: .2s,0s; } .mobile-open .mobile-trigger i { background-color: rgba(0,0,0,0.0); box-shadow: 0px 1px 1px rgba(0,0,0,0); } .mobile-open .mobile-trigger { transition: background-color .2s linear; background: transparent; } .mobile-open .mobile-trigger i:before { margin-top: 0; transform: rotate(45deg); transition-delay: 0s,.2s; box-shadow: 0px 1px 1px rgba(0,0,0,0); } .mobile-open .mobile-trigger i:after { margin-top: 0; transform: rotate(-45deg); transition-delay: 0s,.2s; box-shadow: 0px 1px 1px rgba(0,0,0,0); } /* .blog-section .inner-post-section .post-body h2 { font-size: 28px; } */ } @media (max-width:767px){ h1{ font-size:28px;} h2{ font-size:24px;} a.cta_button, .common-cta a, .button a, .button a.cta_button { padding: 14px 25px; } .form form input[type="submit"]{ padding: 14px 30px; } body{line-height: 1.45;} /* .detail-content h1{ font-size:38px; } */ .including-section .including-list .pattern-1 {right:0;left:auto;} .implementation-section .right-part .box { height: 420px!important;background-position:bottom left; } .implementation-section .right-part .box .box-content { padding: 15px; width: 71%; } .solution-section.updated{ padding:70px 0 35px; } .latest-post-section .speaker-item h3 { font-size: 23px;} .two-col-form{ padding:70px 0; } .two-col-form .book-title { max-width: 100%; } .two-col-form .left-part { width: 100%; padding-right: 0; margin-bottom: 50px; } .two-col-form .right-part { width: 100%; } .speakers-section .speaker-item h3 { font-size: 23px;} .bio-section .right-part,.bio-section .right-part img { width: 100%;} .bio-section .left-part { width: 100%; padding-right: 0; margin-bottom: 40px; } .bio-section .inner-left-part { max-width: 100%; } /* .banner-section.landing-hero .left-part h1 { font-size: 38px; line-height: 54px; } */ .banner-section.landing-hero .rignt-part .right-inner { max-width: 340px; } .banner-section.landing-hero .rignt-part .screen .tablet { width: 350px; height: 470px; } .banner-section.landing-hero .rignt-part .screen .mobile { height: 360px; width: 200px; } .banner-section.landing-hero .rignt-part .display-img .tab-display { width: 313px; height: 430px; } .banner-section.landing-hero .rignt-part .display-img .mobile-display { width: 183px; height: 332px; bottom: 51px; } .hero-section .shape-box:before { left: -53%; } .hero-section .shape-box:after{ width: calc(100% - 38%); right: -52%; } .hero-section .hero-text:before { left: 24%; height: 201px; bottom: -178px; } /* .hero-section .hero-text h1 { font-size: 38px; line-height: 45px; } */ .hero-section .hero-text .text-wrap { z-index: 1; } .hero-section .hero-text { padding: 30px 0px 50px; } .normal-section { padding: 40px 0px 30px; } /* .normal-section .content h2 { font-size: 22px; line-height: 30px; } */ .industry-section .left-part { width: 100%; padding-right: 0; } .industry-section .container { display: block; } .industry-section { padding: 40px 0px 60px; margin-bottom: -1px; } /* .industry-section .left-part h2 { font-size: 25px; line-height: 35px; } */ .industry-section .right-part { width: 100%; padding-left: 0; padding-top: 50px; } .industry-section .right-part .right-img { max-width: 290px; } .industry-section.light:before { width: 60%; } .service-section { padding: 50px 0px 30px; } /* h2 { font-size: 25px; line-height: 35px; } */ .service-section .service-main:before { display: none; } .service-section h2 { padding: 15px 0px 0px; } .service-section .service-box { width: calc(100% / 1 - 34px); padding-bottom:50px;} .service-section .service-box .content { max-width: 380px; float: none; margin: auto; clear: both; } .service-section .service-main:after { left: -12px; bottom: 14px; } .growth-section { padding: 50px 0px 40px; } .growth-section .growth-wrap { display: block; } .growth-section .left-part { width: 100%; padding: 0; height: 350px; float: none; max-width: 280px; margin: auto; } .growth-section .right-part { padding: 51px 15px 0px 15px; width: 100%; } /* .growth-section .right-part h2 { font-size: 25px; line-height: 35px; } */ .including-section { padding: 40px 0px; } /* .including-section .title h2 { font-size: 18px; line-height: 27px; } */ .including-section .including-list { padding: 30px 0px 40px 20px; } .including-section .including-list:before { display: none; } .including-section .including-list ul li{width: calc(100% / 1 - 10px); } .including-section .including-wrap .orange-white-btn{padding-left:0;} .partner-section { padding: 40px 0px 20px; } .partner-section .left-part { width: 100%; } .partner-section .right-part { width: 100%; text-align: left; padding-top: 10px; } .partner-section h2 { padding: 10px 0px 40px; } .blog-feed-section { padding: 40px 0px 40px; } .blog-feed-section .left-side { width: 100%; padding-right: 0; } .blog-feed-section .left-side .first-blog-post .post-image { height: 330px; } .blog-feed-section .right-side { width: 100%; padding-left: 0; } .blog-feed-section .right-side .blog-box .post-image { height: 330px; } .blog-feed-section .title-box { width: 100%; } .blog-feed-section .moew-box { width: 100%; padding: 0; text-align: left; } .blog-feed-section .title-wrap { padding-bottom: 30px; } .book-section { padding: 40px 0px 40px 15px; } .book-section .left-part { width: 100%; padding-right: 15px; padding-bottom: 40px; padding-top: 0; } .book-section .right-part { padding-right: 15px; width: 100%; padding-left: 0; height: 380px; } .blog-feed-section .left-side .first-blog-post {padding-bottom: 20px} .blog-feed-section .left-side .first-blog-post .detail-box h3{ font-size: 18px; line-height: 20px;} .partner-section:before{ width: 43%;} .including-section:before{width: 50%;} .industry-section:before{ width: 45%;} .partner-section .left-part .partner-box{ margin-right: 0;} .partner-section .right-part .partner-btn.orange-black-btn a {width: auto;} /* .banner-section h1 { font-size: 42px; line-height: 55px; } */ .zig-zag-section .box .box-wrap { display: block; } .zig-zag-section .box .left-part { width: 100%; padding: 0; padding-bottom: 15px; } .zig-zag-section .box .right-part { width: 100%; padding: 0; } .zig-zag-section .box .right-part .box-img { height: 330px; max-width: 280px; margin: auto; } .zig-zag-section .box { padding: 40px 0px 50px; } .zig-zag-section .box:nth-child(even) .left-part { padding: 0; padding-bottom: 15px; } .zig-zag-section .box:last-child { padding-bottom: 70px; } .zig-zag-section .box:nth-child(even):before { width: 52%; } .zig-zag-section .box:nth-child(even) .right-part{padding-right:0;} .service-section.marketing-service .service-main { padding: 0px 0px 0px; } .service-section.marketing-service { padding: 50px 0px 20px; } .service-section.marketing-service h2 { padding: 15px 0px 20px; } .service-section.marketing-service .service-box .content { padding-bottom: 0; } .service-section.stretagy-action { padding: 40px 0px 10px; } .service-section.stretagy-action:has(.common-cta) { padding-bottom: 55px; } .service-section.stretagy-action .service-box .content { max-width: 100%; padding: 0; } .service-section.stretagy-action .service-box .service-img { padding-bottom: 20px; } .service-section.stretagy-action .service-box .service-btn { padding-top: 15px; } .service-section.stretagy-action .service-box:nth-last-child(1), .service-section.stretagy-action .service-box:nth-last-child(2), .service-section.stretagy-action .service-box:nth-last-child(3) { padding: 0px 5px 40px 5px; } .service-section.stretagy-action .service-box { padding-bottom: 40px; } .service-section .common-cta { margin-top: 0; } .testimonial-section { padding: 50px 0px 40px; } .testimonial-section .testimonial-slider .content { font-size: 17px; line-height: 26px; } .service-section.marketing-service .service-box .content{max-width:100%;} .service-section.stretagy-action .service-main{ padding: 10px 0px 0px;} .service-section.marketing-service .service-box{ margin: 0px 15px;} .solution-section { padding: 40px 0px 20px; } .solution-section .title-box .left-side { width: 100%; } .solution-section .title-box .right-side { padding: 0; width: 100%; text-align: left; padding-top: 12px; } /* .solution-section .title-box .left-side h2 { line-height: 32px; } */ .solution-section .title-box { padding-bottom: 50px; } .solution-section .solution-box { margin-bottom: 25px; width: calc(100% / 1 - 44px); } .solution-section .solution-box .content { max-width: 400px; margin: auto; width: 100%; } .solution-section .solution-box .icon { padding-bottom: 15px; } .odd-even-section .box .box-wrap { display: block; } .odd-even-section .box .right-part { width: 100%; padding: 0; padding-bottom: 15px;padding-top: 50px; } .odd-even-section .box .left-part { width: 100%; padding: 0; } .odd-even-section .box .left-part .box-img { height: 330px; max-width: 280px; margin: auto; } .odd-even-section .box { padding: 40px 0px 50px; } .odd-even-section .box:nth-child(even) .left-part { padding: 0; padding-bottom: 15px; } .odd-even-section .box:last-child { padding-bottom: 20px; } .odd-even-section .box { padding: 40px 0px 30px; } .odd-even-section .box:nth-child(even) .right-part{padding-right:0;} .odd-even-section .box .content ul { padding-bottom: 0; } .odd-even-section .box { padding-bottom: 0; } .blue-page .zig-zag-section .box:first-child { padding-bottom: 70px;} .blue-page .zig-zag-section .box .left-part{ padding-right: 0;} .blue-page .testimonial-section {padding: 20px 0px 40px;} .hubspot-partner .zig-zag-section .box .left-part{ padding-bottom: 35px;} .testimonial-section .button{ padding-top: 50px;} .partner-section .left-part{padding-right:0px;} .partner-section .left-part .partner-box{display: inline-block; text-align: center; width: calc(100% / 3 - 44px);} .hubspot-partner .partner-section { padding: 0px 0px 40px;} .book-form-section .container { display: block; } .book-form-section .left-part { width: 100%; padding: 0; } .book-form-section .right-part { width: 100%; padding: 0; padding-top: 30px; } .book-form-section .right-part .form-cover { padding: 30px 20px; } .hubspot-partner .testimonial-section{ padding: 40px 0px 0;} .row-fluid .blog-main-section .load-more,.ias-trigger,.ias-spinner { padding-top: 40px; } .row-fluid .blog-main-section .right-part { padding-top: 50px; } /* .banner-section.blog-inner-hero h1 { font-size: 30px; line-height: 38px; } */ .hs-blog-post .row-fluid .blog-main-section { padding: 10px 0px 30px; } .hs-blog-post .row-fluid .blog-main-section .related-post .post-item { width: calc(100% / 1); } .hs-blog-post .row-fluid .blog-main-section .related-post .post-item .feature-img { height: 300px; } .hs-blog-post .row-fluid .blog-main-section .related-post h2 { padding-bottom: 25px; /*font-size: 25px; */} .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body img { padding: 0px ; } .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side { width: 100%; padding: 0; } .hs-blog-post .row-fluid .blog-main-section .blog-section .left-side { width: 100%; padding: 0; position: relative !important; padding-top: 30px; } .hs-blog-post .row-fluid .blog-main-section .blog-section .left-side .social-sharing li { display: inline-block; } .hs-blog-post .row-fluid .blog-main-section .blog-section .left-side .social-sharing { text-align: left; } .hs-blog-post .row-fluid .blog-main-section .blog-section .inner-post-section { display: flex; flex-wrap: wrap; } .hs-blog-post .row-fluid .blog-main-section .related-post { padding: 40px 0px 0px; } .hs-blog-post .row-fluid .blog-main-section .inner-post-section .about-author-sec { padding-top: 30px; display: block; } .hs-blog-post .row-fluid .blog-main-section .inner-post-section .about-author-sec .span2 { width: 100%; } .hs-blog-post .row-fluid .blog-main-section .inner-post-section .about-author-sec .span10 { width: 100%; padding: 0; padding-top: 20px; } .hs-blog-post .row-fluid .blog-main-section .inner-post-section .about-author-sec .span2 img { height: 170px; width: 140px; } /* .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body ul { padding-left: 0; } */ .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body ul li{ padding-left:0;} .hs-blog-post .row-fluid .blog-main-section .blog-section .inner-post-section .left-side.bottom {top: 0px !important;} .author-Page .row-fluid .blog-main-section { padding-top: 120px; } .author-Page .row-fluid .blog-main-section .left-part .hs-author-profile h2.hs-author-name { font-size: 26px; } .big-pricing-section{padding:40px 0px 15px;} .big-pricing-section .left-part .title-box h2{padding-top:0;} .big-pricing-section .right-part .big-price-box{width:calc(100% / 1 - 20px);} .implementation-section{padding:40px 15px 70px;} .implementation-section .right-part .box .box-content h2{font-size:16px;} .small-pricing-section{padding:40px 0px 0px;} .small-pricing-section .right-part .small-price-box{width:calc(100% / 1 - 20px);} .about-page .service-section h2 br {display: none;} .service-section .service-main .button a{ margin-top: 0;} .partner-section .right-part .partner-btn {padding-top: 40px;} .our-team-section .team-box .team-inner .team-img img { height: 400px; } .our-team-section .team-box .team-inner { width: calc(100% / 2 - 20px); } .our-team-section .team-box .team-inner h4 { font-size: 19px; } .our-team-section .team-box .team-inner h5 { font-size: 14px; } .contact-section { padding: 40px 0px; } .contact-section .contact-box { width: calc(100% / 1 - 30px); float: none; max-width: 250px; margin: auto; margin-bottom: 20px; } .schedule-section { padding: 10px 0px 40px; } .schedule-section .left-part { width: 100%; padding: 0; } .case-study.hs-blog-post .book-section { padding-left: 0; } .case-study.hs-blog-post .book-section .left-part { width: 100%; padding-right: 0; } .case-study.hs-blog-post .book-section .left-part .book-title { max-width: 100%; } .case-study.hs-blog-post .book-section .right-part { width: 100%; padding-top: 0; padding-right: 0; height: auto; text-align: center; } .case-study.hs-blog-post .book-section .right-part img { max-width: 450px; margin: auto; } .case-study.hs-blog-post .book-section { padding-top: 0; } .case-study.hs-blog-post .row-fluid .blog-main-section .related-post { padding: 40px 0px 10px; } .lp4 .blog-feed-section { padding-top: 40px;} .lp3 .service-section.landing-service { padding-top: 30px;} .lp-2 .service-section.landing-service{ padding-top: 30px;} .book-form-section.landing-form-section .left-part { padding-left: 0; } .book-form-section.landing-form-section .right-part { padding-right: 0; } .row-fluid .popup-form-section .pop-form-cover { max-width: 470px; padding: 40px 20px 20px; } .row-fluid .popup-form-section .pop-form-cover .content h2 { font-size: 28px; } .row-fluid .popup-form-section{ padding: 10px;} .book-form-section.landing-form-section .container > .row-number-5 > .row-fluid { display:block; } .row-fluid .yellow_form .container > .row-number-5 > .row-fluid , .row-fluid .green_form .container > .row-number-6 > .row-fluid { display:block; } .system-page #submitbutton{ padding:11px 32px; } .two-col-pdf .img-part,.two-col-content .img-part { width: 100%; max-width: 375px; margin: 0 auto; } .two-col-pdf .content-part,.two-col-content .content-part{ width:100%; order:2; margin-top:50px; } .service-updated .service-box { padding: 25px 0px; width: 100%;margin:0; } .service-updated .service-box h3,.service-updated .service-box .detail-content{ height:auto !important; } .service-updated .service-wrap { margin:0; } .lp-hero-banner-wrapper .container { padding-bottom: 100px; } .lp-hero-banner-wrapper .shape-box:before { left: -60%; } /* .lp-hero-form:before { width: 460px; right: -70px; } */ .lp-hero-form { padding: 120px 0 100px; } .lp-hero-form .content-part { width: 100%; padding-right: 0;} .lp-hero-form .form-part { width: 100%; margin-top: 50px; } .lp-hero-form .form-cover { padding: 50px 25px; max-width: 100%; } .lp-hero-form .pattern-2{ display:none; } .lp-hero-form .scroll-down{ right:15px; } .two-col-lp-content .img-part { width: 100%; margin-bottom: 50px; padding: 0; } .two-col-lp-content .content-part { width: 100%; order: 2; } .two-col-lp-content:before { width:460px;} .scroll_section.desktop { display: none; } .scroll_section.mobile.hide { display: block; } .scroll_section.sticky .pillar-nav{ top:0;position: static; } .scroll_section{ height:auto!important; } .pillar-nav ul li { width: 100%; text-align: center; padding:0; } .pillar-nav ul{ padding: 15px 0;} .scroll_section .pillar-nav a { padding: 10px; } .remote-location .detail-content h3 { font-size:18px;} .remote-location .location-top { margin-bottom: 25px; } /* .blog-section .inner-post-section .post-body h2 { font-size: 22px; } */ } @media(max-width:640px){ .latest-post-section .speaker-item { width:100%;margin-bottom:50px; height: 450px; } .latest-post-section .speaker-item:not(:nth-child(even)) { margin-right:0; } .speakers-section { padding: 70px 0 20px; } .speakers-section .speaker-item { width:100%;margin-bottom:50px; height: 450px; } .speakers-section .speaker-item:not(:nth-child(even)) { margin-right:0; } .resourece-item { width: calc(50% - 20px); } .resources-bg-image { height: 35vw; } .la-top-item .right-content { padding-left: 0; width: 100%; margin-top: 20px; } header .cta { max-width: 100%; } header .hs-search-field { right: 0; top: 60px; width: 100%; } header .hs-search-field:before{ right:65px;} .lp-hero-banner .image-part { width: 100%; text-align: center; margin-bottom: 35px; } .lp-hero-banner .image-part img { max-width: 350px; width: 100%; } .lp-hero-banner .content-part { width: 100%; order: 2; } .remote-location .location-item { width: calc(100% - 20px); } } @media (max-width:550px){ .row-fluid .blog-main-section .post-item:first-child .feature-img,.row-fluid .blog-main-section .post-item.full-width-post .feature-img { height: 300px; } .row-fluid .blog-main-section .post-item { width: calc(100% / 1); padding: 0; } .row-fluid .blog-main-section .post-item .feature-img { height: 300px; } .row-fluid .blog-main-section .post-item:first-child .feature-img .post-box h2 a,.row-fluid .blog-main-section .post-item.full-width-post .feature-img .post-box h2 a{ font-size: 18px; } .row-fluid .blog-main-section .post-item:first-child .feature-img .post-box,.row-fluid .blog-main-section .post-item.full-width-post .feature-img .post-box{ width: 93%; } .author-Page .row-fluid .blog-main-section .left-part .hs-author-profile { padding-left: 0; padding-right: 0; } .author-Page .row-fluid .blog-main-section .left-part h3.hs-author-listing-header { padding-left: 0; font-size: 25px; padding-bottom: 25px; } } @media(max-width:480px){ /* .detail-content h1{ font-size:27px; } */ .resourece-item { width: 100%; margin: 0 10px; } .resources-bg-image { height: 50vw; } .banner-section.landing-hero .rignt-part .right-inner { max-width: 280px; height: 100%; } .banner-section.landing-hero .rignt-part .screen .tablet { width: 280px; height: 360px; } .banner-section.landing-hero .rignt-part .screen .mobile { position: relative; left: 0; right: 0; margin: auto; bottom: 0; top: auto; /* width: 100%; */ /* float: left; */ } .banner-section.landing-hero .rignt-part .display-img { height: auto; position: unset; } .banner-section.landing-hero .rignt-part .display-img .tab-display { width: 243px; height: 319px; } .banner-section.landing-hero .rignt-part .screen-cover { width: 100%; max-width: 100%; float: left; height: auto; } .banner-section.landing-hero .rignt-part .screen .mobile { display: flex; padding-top: 20px; } .banner-section.landing-hero .rignt-part .display-img .mobile-display { top: auto; bottom: 0; } .banner-section.landing-hero .rignt-part .display-img .mobile-display { left: 0; right: 0; margin: auto; width: 180px; height: 311px; top: auto; bottom: 22px; } .banner-section.landing-hero .rignt-part { padding-bottom: 50px; } .banner-section.landing-hero .left-part h1 br { display: none; } /* .banner-section.landing-hero .left-part h1 { font-size: 29px; line-height: 44px; } */ .hero-section .shape-box:before{ left: -78%;width:100%; } .hero-section .shape-box:after { right: -79%; width: calc(100% - 19%); border-bottom: 30px solid #ffffff; } .hero-section:before { background: rgba(63, 60, 75, 0.7); } /* .hero-section .hero-text h1 { font-size: 27px; line-height: 38px; } */ .hero-section .scroll-down { right: 15px; bottom: 70px; } .industry-section .right-part .right-img { max-width: 250px; } .growth-section .left-part { max-width: 251px; height: 300px; } .partner-section .left-part .partner-box { width: calc(100% / 2 - 34px); } .blog-feed-section .left-side .first-blog-post .detail-box h3 { font-size: 18px; line-height: 23px; } .blog-feed-section .right-side .blog-box .detail-box { padding: 15px; } .blog-feed-section .left-side .first-blog-post .detail-box { padding: 15px; } .book-section .right-part { height: 300px; } .industry-section:before { width: 70%;} .including-section:before {width: 70%;} .partner-section:before { width: 60%;} /* .banner-section h1 { font-size: 36px; line-height: 40px; } */ .banner-section .content { padding-top: 5px; } .banner-section .container:before { width: 150px; height: 38px; } .zig-zag-section .box:last-child { padding-bottom: 30px; } /* .service-section.stretagy-action .content { font-size: 16px; } */ /* .testimonial-section .testimonial-slider .client-details .right-side { font-size: 16px; line-height: 22px; } */ .hubspot-partner .zig-zag-section .box:last-child { padding-bottom: 60px;} /* .hubspot-partner .banner-section h1{ font-size: 32px; line-height: 41px;} */ .hubspot-partner .partner-section .partner-btn.orange-black-btn { text-align: center;} .row-fluid .blog-main-section .right-part h3 { font-size: 20px; } .banner-section.blog-inner-hero h1 { padding-bottom: 10px; } /* .banner-section.blog-inner-hero h1 { font-size: 26px; line-height: 35px; } */ .banner-section.blog-inner-hero .content { font-size: 17px; line-height: 25px; } .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body h3 { padding-bottom: 0; } .hs-blog-post .row-fluid .blog-main-section .blog-section .right-side .post-body img { padding: 0; } /* .hs-blog-post .row-fluid .blog-main-section .related-post .post-item .post-box h2 a { font-size: 18px; line-height: 26px; } */ .zig-zag-section .box .button { padding-bottom: 20px;} .about-page .zig-zag-section .box:last-child {padding-bottom: 60px;} .about-page .our-team-section { padding: 20px 0px 0px;} .our-team-section .team-box .team-inner { width: calc(100% / 1 - 20px); float: none; margin: auto; margin-bottom: 30px; max-width:300px;} .about-page .service-section .service-box { padding: 0px 5px 20px 5px;} .lp-hero-banner-wrapper .shape-box:before { left: -75%; } /* .lp-hero-form:after { width:100%;} */ } .award-logos .titlr { max-width: 70%; padding-bottom: 40px; } .award-logos h2 { max-width: initial; padding: 12px 0px 25px; position: relative; margin-bottom: 5px; } .award-logos h2:before { content: ' '; top: auto; bottom: 0; background: #b4bb65; width: 60px; height: 2px; position: absolute; } .award-logos .left-part .partner-box { margin-left: 20px; margin-right: 20px; } .award-logos .left-part .partner-box img { max-width: 134px; filter: grayscale(1); opacity: .8; } @media (max-width:767px){ .award-logos .titlr { max-width: 100%; } } @media(min-width:1200px){ .hero-section { background-position: 100px top; } } @media(min-width:1860px){ .hero-section { background-position: 100px -80px; } } .hs-blog-post .hs-cta-wrapper a.cta_button:not(.book-btn a.cta_button) { background: none !important; border: none !important; padding: 0; } .hs-author-social-section { display: flex; flex-wrap: wrap; } .hs-author-social-label { margin-right: 2px; display: block; margin-top: 2px; } .hs-author-social-links { line-height: 1; } .hs-author-social-section a { margin: 5px; display: inline-block; } .hs-author-social-section svg { height: 18px; vertical-align: middle; } @media(max-width:767px){ .hs-author-social-label{ margin-top:5px;} } .widget-type-email_subscriptions span.fakelabel span { margin-right: 5px; }