body{font-family:"Roboto",sans-serif; font-weight:400; font-style:normal; font-size:17px; line-height:1.5; color:#353535; background-color:#f4f5f6; min-width:375px}
h1,h2,h3,h4,h5,h6 {font-family:'Roboto',sans-serif; font-weight:700; font-style:normal; color:#000}
.h1,.h2,.h3,.h4,.h5,.h6 {font-family:'Roboto',sans-serif; font-weight:700; font-style:normal; color:#000}
h1,.h1 {font-size:56px; font-family:"neue-haas-grotesk-display",sans-serif; font-weight:700}
h1.medium,.h1.medium {font-size:64px; font-weight:700}
h1.large,.h1.large {font-size:72px; font-weight:700}
h2,.h2 {font-size:40px}
h2.large,.h2.large {font-size:48px}
h3,.h3 {font-size:32px}
h3.medium,.h3.medium {font-size:36px; line-height:1.15}
h3.small,.h3.small {font-size:28px}
h4,.h4 {font-size:24px}
h4.small,.h4.small {font-size:21px;}
h5,.h5 {font-size:19px}
.h5 {font-weight:400}
h6,.h6 {font-size:15px; line-height:20px}
p,.p {margin:0 0 24px; font-family:"Roboto",sans-serif; font-weight:400; font-style:normal; font-size:17px; line-height:1.5; color:#353535}
.p {display:block;}
p.lead, .p.lead {font-size:19px; font-weight:400}
p.small {font-size:15px; line-height:1.6}
.lead {font-family:'Roboto',sans-serif; font-weight:400}
.lead.medium {font-weight:500}
.eyebrow-text {margin-bottom:24px; font-size:16px; font-family:'Roboto',sans-serif; font-weight:500; text-transform:none; letter-spacing:0}
.eyebrow-text.small {font-size:14px}
.medium {font-weight:500}
.roboto {font-family:'Roboto',sans-serif}
.neue-haas {font-family:'neue-haas-grotesk-display',sans-serif;}
.neue-haas.medium {font-weight:600;}
@media (max-width:1150px){
	h1,.h1 {font-size:48px;}
}
@media (max-width:991px){
	h1,.h1 {font-size:44px;}
	h1.medium,.h1.medium {font-size:52px;}
	h1.large, .h1.large {font-size:64px}
	/* Heading 2 */
	h2,.h2 {font-size:38px; line-height:1.2;}
	h2.large,.h2.large {font-size:42px; line-height:1.1}
	/* Heading 3 */
	h3,.h3 {font-size:30px; line-height:1.35;}
	h3.medium,.h3.medium {font-size:32px;}
	h3.small,.h3.small {font-size:24px;}
}
@media (max-width:767px){
	h1,.h1 {font-size:40px; line-height:1.1; letter-spacing:0;}
	h1.medium,.h1.medium {font-size:44px;}
	h1.large, .h1.large {font-size:48px}
	/* Heading 2 */
	h2,.h2 {font-size:32px; line-height:1.2;}
	h2.large,.h2.large {font-size:36px; line-height:1}
	/* Heading 3 */
	h3,.h3 {font-size:28px; line-height:1.35;}
	h3.medium,.h3.medium {font-size:30px;}
	h3.small,.h3.small {font-size:21px;}
	/* Heading 4 */
	h4,.h4 {font-size:21px; line-height:1.4;}
	h4.small,.h4.small {font-size:17px; line-height:26px;}
	/* Heading 5 */
	h5,.h5 {font-size:17px; line-height:1.55;}
	/* Heading 6 */
	h6,.h6 {font-size:14px; line-height:1.4;}
	/* Paragraph */
	p, .p {font-size:16px; line-height:1.6;}
	p.lead,p.h5,.lead {font-size:17px;}
	.eyebrow-text {margin-bottom:16px}
}

/* --- Sections --- */
section, .section {padding:120px 0;}
@media (max-width:991px){
	section, .section {padding:88px 0}
}
@media(max-width:767px){
	section, .section {padding:64px 0}
}

/* Display */
.block {display:block;}
.inline {display:inline;}
.inline-block {display:inline-block}

/* Font colours */
.red svg path {fill:#9a262c;}
.dark-grey {color:#353535 !important}
.blue {color:#2e495b !important}
.blue svg path {fill:#2e495b !important}
.mid-blue,
.mid-blue span.material-symbols-outlined {color:#b5d7ed !important}
.mid-blue svg path {fill:#b5d7ed !important}
.bright-blue svg path {fill:#006fb4}
.mid-green {color:#A7DE85 !important}
.mid-green svg path {fill:#A7DE85 !important}
.bright-red {color:#BE1B23}

/* Borders */
.border-light-grey {border:2px solid #f0f1f2}

/* Background colors */
.bg-secondary-f5f5f5 {background-color:#f4f5f6}
.bg-secondary-3e4457 {background-color:#2e495b}
.bg-secondary-e8e7e7 {background-color:#e8e9ea;}
/* New background */
.bg-dark-grey,
.bg-dark-grey-new {background-color:#353535}
.bg-light-grey {background-color:#f4f5f6}
.bg-dark-blue,
.bg-blue {background-color:#2e495b}
.bg-bright-blue {background-color:#006fb4}
.bg-light-blue {background-color:#e4eff7}
.bg-green {background-color:#a8eb7f}
.bg-bright-red {background-color:#BE1B23} /* Bright red - Black Friday */

/* Dark background text */
.bg-brand-red.white p,
.bg-primary.white p,
.bg-secondary-3e4457.white p {color:#fff;}

/* List styles */
ul.icon-list.small li {margin-bottom:6px}
ul.icon-list.green,ul.icon-list li.green {color:#353535}

/* Tabbed slider section */
/* --- Images --- */
.lw-tabbed-slider .tabbed-images .image {display:none}
.lw-tabbed-slider .tabbed-images .image.active {display:block}
/* --- Navigation --- */
.lw-tabbed-slider .tabbed-navigation {margin-top:16px; text-align:center; font-size:0}
.lw-tabbed-slider .tabbed-navigation .tab {position:relative; display:inline-block; max-width:190px; width:100%; padding:26px 0; border-bottom:2px solid #ddd; font-size:17px; color:#777; font-weight:700; transition:.3s;}
.lw-tabbed-slider .tabbed-navigation .tab.large {max-width:240px}
.lw-tabbed-slider .tabbed-navigation .tab:hover {background-color:#f4f5f6}
.lw-tabbed-slider .tabbed-navigation .tab.active {color:#000;}
.lw-tabbed-slider .tabbed-navigation .tab.active::after {content:''; position:absolute; bottom:-3px; left:0; right:0; margin:auto; width:100%; height:4px; background-color:#9a262c}
/* --- Content --- */
.lw-tabbed-slider .tabbed-content {margin-top:40px;}
.lw-tabbed-slider .tabbed-content .content {display:none; text-align:center}
.lw-tabbed-slider .tabbed-content .content.active {display:block;}
/* --- mobile --- */
@media (max-width:991px){
	.lw-tabbed-slider .tabbed-navigation {margin-top:0}
	.lw-tabbed-slider .tabbed-navigation .tab {width:33%; padding:16px 0; font-size:15px}
}
/* --- Light --- */
.lw-tabbed-slider.light .tabbed-navigation .tab {color:#fff; opacity:.8; border-bottom:2px solid rgba(255,255,255,.25)}
.lw-tabbed-slider.light .tabbed-navigation .tab:hover {background-color:rgba(0,0,0,0.2)}
.lw-tabbed-slider.light .tabbed-navigation .tab.active {color:#fff; opacity:1}
.lw-tabbed-slider.light .tabbed-content .content p {color:#fff;}

/* Tabbed lsit */
/* --- Images --- */
.lw-tabbed-list .tabbed-images .image {display:none}
.lw-tabbed-list .tabbed-images .image.active {display:block}
/* --- Tabbed list nav --- */
.lw-tabbed-list .tabbed-navigation {font-size:0}
.lw-tabbed-list .tabbed-navigation .tab {position:relative; width:100%; padding:22px 24px 20px 64px; margin-bottom:6px; font-size:16px; line-height:1.4; color:#242424; font-weight:400; transition:.3s; border-radius:4px; filter:saturate(0); opacity:.5}
.lw-tabbed-list .tabbed-navigation .tab span {position:absolute; left:20px; top:18px; bottom:0; margin:auto; color:#9a262c; font-size:32px;}
.lw-tabbed-list .tabbed-navigation .tab span.coming-soon {display:block; position:relative; top:auto; left:auto; bottom:auto; font-size:15px; }
.lw-tabbed-list .tabbed-navigation .tab::last-of-type {margin-bottom:0}
.lw-tabbed-list .tabbed-navigation .tab:hover {background-color:#f4f5f6}
.lw-tabbed-list .tabbed-navigation .tab.active {background-color:#e4eff6; filter:none; opacity:1;}
.lw-tabbed-list .tabbed-navigation .tab.active::after {position:}

/* FOUNDATION MEGA MENU */
/* --- Overrides --- */
#navbar {border:0; box-shadow:none}
nav.nabar-default .lw-brand-nav-container .branding {display:none}
nav.nabar-default .nav-utility {display:none}

header.foundation-menu {position:relative; display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; height:72px; padding:0 32px; background-color:#fff; box-shadow:0 12px 32px rgba(0,0,0,0.05)}
/* Logo */
header .lw-logo-container {padding:20px 0}
header .lw-logo-container a {display:block; line-height:0}
/*header .lw-logo-container .red {fill:#9a262c}*/
@media (max-width:991px){
	.nav-container {position:absolute !important;}
}
@media(min-width:992px){
	.btn-bar {display:none;}

	/* Main navigation menu - top level */
	header.foundation-menu .main-menu > ul {display:flex; list-style-type:none; margin:0; padding:0; height:100%; text-align:center}
	header.foundation-menu .main-menu > ul > li {display:inline; margin:0; padding:0; height:100%;}
	header.foundation-menu .main-menu > ul > li > a {position:relative; display:block; padding:0 16px; font-size:16px; font-weight:500; color:#000; height:100%; line-height:71px; transition:.2s; text-decoration:none}
	header.foundation-menu .main-menu > ul > li > a.btn {display:none}
	header.foundation-menu .main-menu > ul > li > a:hover {text-decoration:none; color:#666}
	header.foundation-menu .main-menu > ul > li > a span {position:relative; top:5px; font-size:20px;}
	/* --- Active --- */
	header.foundation-menu .main-menu > ul > li.active > a::after {content:''; display:block; position:absolute; left:0; right:0; bottom:0; width:0; height:0; margin:auto; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:16px solid #fff; z-index:12}
	header.foundation-menu .main-menu > ul > li.active > a span {transform:rotate(180deg);}

	/* Right demo button */
	header.foundation-menu .right-btns .book-demo-btn {margin:0 16px; padding:8px 12px}

	/* Mega menu */
	header.foundation-menu .lw-mega-menu {display:none; position:absolute; top:68px; left:0; right:0; width:970px; margin:auto; padding:10px; background-color:#fff; border-radius:4px; box-shadow:0 12px 40px rgba(0,0,0,0.16); overflow:hidden; z-index:10}
	header.foundation-menu .main-menu > ul > li.active .lw-mega-menu {display:block;}
	/* --- Left --- */
	header.foundation-menu .lw-mega-menu ul.left-side {text-align:left; padding:6px 0}
	header.foundation-menu .lw-mega-menu ul.left-side > li {display:flex;}
	header.foundation-menu .lw-mega-menu ul.left-side > li > a {display:block; width:340px; padding:27px 24px 28px; border-radius:4px; border-top:1px dashed #ddd; text-decoration:none;}
	header.foundation-menu .lw-mega-menu ul.left-side > li:first-child > a {border-top:0}
	header.foundation-menu .lw-mega-menu ul.left-side > li:not(.active) > a .text {opacity:1; transition:.3s}
	header.foundation-menu .lw-mega-menu ul.left-side > li:not(.active) > a:hover .text {opacity:0.55}
	header.foundation-menu .lw-mega-menu ul.left-side > li > a .p.description {margin-bottom:0; font-size:15px;}
	header.foundation-menu .lw-mega-menu ul.left-side > li > a span.material-symbols-outlined {position:absolute; left:308px; margin-top:-38px; font-size:28px; color:#888}
	/* -------- Active -------- */
	header.foundation-menu .lw-mega-menu ul.left-side > li.active a {background-color:#f4f5f6}
	header.foundation-menu .lw-mega-menu ul.left-side > li.active a .h5 {color:#006fb4}
	header.foundation-menu .lw-mega-menu ul.left-side > li.active > a span.material-symbols-outlined {color:#000}
	header.foundation-menu .lw-mega-menu ul.left-side > li.active > a {border-color:transparent;}
	header.foundation-menu .lw-mega-menu ul.left-side > li.active + li > a {border-color:transparent}
	/* --- Right --- */
	header.foundation-menu .lw-mega-menu .right-side {position:absolute; right:0; top:0; width:600px; height:calc(100% - 20px); margin:10px; padding:28px 40px; background-color:#f4f5f6; border-radius:4px; transition: transform .2s, opacity .3s; transform:translateX(-30px); opacity:0; z-index:0;}
	header.foundation-menu .lw-mega-menu .right-side.active {display:block; transform:translateX(0px); opacity:1; z-index:10}
	header.foundation-menu .lw-mega-menu .right-side ul {display:flex; flex-wrap:wrap; justify-content:flex-end}
	header.foundation-menu .lw-mega-menu .right-side ul li {display:flex; margin:4px 0 16px; padding:0 16px 0 0; width:50%; text-align:left}
	header.foundation-menu .lw-mega-menu .right-side ul li > a {display:flex; text-decoration:none; transition:.3s}
	header.foundation-menu .lw-mega-menu .right-side ul li .image {width:44px !important; padding-top:3px}
	header.foundation-menu .lw-mega-menu .right-side ul li .image span {font-size:32px;}
	header.foundation-menu .lw-mega-menu .right-side ul li .image svg {width:20px}
	header.foundation-menu .lw-mega-menu .right-side ul li .text {width:82%}
	header.foundation-menu .lw-mega-menu .right-side ul li .text .p.description {font-size:14px; line-height:18px; margin-top:3px; margin-bottom:0}
	header.foundation-menu .lw-mega-menu .right-side ul li > a .p,
	header.foundation-menu .lw-mega-menu .right-side ul li > a svg {transition:.3s}
	header.foundation-menu .lw-mega-menu .right-side ul li a:hover .image svg {fill:#006FB4}
	header.foundation-menu .lw-mega-menu .right-side ul li > a:hover .p,
	header.foundation-menu .lw-mega-menu .right-side ul li > a:focus .p {color:#006FB4 !important}
	header.foundation-menu .lw-mega-menu .right-side ul li > a:hover .p.description,
	header.foundation-menu .lw-mega-menu .right-side ul li > a:focus .p.description {color:#646566 !important}
	/* ------- Solutions order -------- */
	header.foundation-menu .lw-mega-menu .right-side ul.products li.advertising {order:1}
	header.foundation-menu .lw-mega-menu .right-side ul.products li.analytics {order:3;}
	header.foundation-menu .lw-mega-menu .right-side ul.products li.back-office {order:5}
	header.foundation-menu .lw-mega-menu .right-side ul.products li.cma {order:7}
	header.foundation-menu .lw-mega-menu .right-side ul.products li.crm {order:9}
	header.foundation-menu .lw-mega-menu .right-side ul.products li.esignature {order:11}
	/*--*/	
	header.foundation-menu .lw-mega-menu .right-side ul.products li.intranet {order:2}
	header.foundation-menu .lw-mega-menu .right-side ul.products li.leads-plus {order:4}
	header.foundation-menu .lw-mega-menu .right-side ul.products li.open-house {order:6}
	header.foundation-menu .lw-mega-menu .right-side ul.products li.search {order:8}
	header.foundation-menu .lw-mega-menu .right-side ul.products li.transactions {order:10}
	header.foundation-menu .lw-mega-menu .right-side ul.products li.websites {order:12}

	header.foundation-menu .lw-mega-menu .right-side ul.who-we-serve {justify-content: flex-start;}

}

/* Right buttons */
header.foundation-menu .right-btns {display:flex; justify-content:flex-end; align-items:center}
/* --- Search --- */
header.foundation-menu .right-btns .header-search {position:relative;}
header.foundation-menu .right-btns .header-search span {transition:.2s}
header.foundation-menu .right-btns .header-search span:hover {color:#666; cursor:pointer}
header.foundation-menu .right-btns .header-search .search-icon {line-height:1;}
header.foundation-menu .right-btns .header-search .search-form {display:none; position:absolute; top:44px; right:-12px; padding:20px; background-color:#fff; box-shadow:0 12px 40px rgba(0,0,0,0.16); border-radius:4px}
header.foundation-menu .right-btns .header-search.active .search-form {display:block;}
header.foundation-menu .right-btns .header-search.active::after {content:''; display:block; position:absolute; left:0; right:0; bottom:-23px; width:0; height:0; margin:auto; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:16px solid #fff; z-index:10}
header.foundation-menu .right-btns .header-search .search-form .icon {position:absolute; top:34px; left:38px; color:#000; font-size:1px}
header.foundation-menu .right-btns .header-search .search-form form {margin:0}
header.foundation-menu .right-btns .header-search .search-form form label {position:absolute; visibility:hidden}
header.foundation-menu .right-btns .header-search .search-form form input {width:540px; margin-bottom:0; border-radius:4px; padding-left:48px;}
header.foundation-menu .right-btns .header-search .search-form form input:hover,
header.foundation-menu .right-btns .header-search .search-form form input:focus {outline: 2px none #ccc;}
header.foundation-menu .right-btns .header-search .search-form form input::placeholder {text-transform:none; font-size:15px; font-family:'Roboto',sans-serif; font-weight:400; letter-spacing:0;}
header.foundation-menu .right-btns .header-search .search-form .lw-search-close-btn {position:absolute; right:28px; top:26px; padding:8px;}

/* --- Login --- */
header.foundation-menu .right-btns a.login-btn {font-size:16px; font-weight:500; color:#000; line-height:71px; text-decoration:none}
header.foundation-menu .right-btns a.login-btn:hover {color:#666}
header.foundation-menu .right-btns .login-container {position:relative;}
header.foundation-menu .right-btns .login-container.active::after {content:''; display:block; position:absolute; left:0; right:0; bottom:0; width:0; height:0; margin:auto; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:16px solid #fff; z-index:10}
header.foundation-menu .right-btns .login-contents {display:none; position:absolute; top:68px; right:-20px; width:290px; margin:auto; padding:24px; background-color:#fff; border-radius:4px; box-shadow:0 12px 40px rgba(0,0,0,0.16);}
header.foundation-menu .right-btns .login-container.active .login-contents {display:block}
header.foundation-menu .right-btns .login-contents .h5 {display:block; margin-bottom:4px; font-size:21px}
header.foundation-menu .right-btns .login-contents .p {font-size:15px;}
header.foundation-menu .right-btns .login-contents a.btn {display:block; padding:16px 20px; background-color:#f4f5f6; text-align:left; color:#000; font-size:15px}
header.foundation-menu .right-btns .login-contents a.btn:first-of-type {margin-bottom:12px;}
header.foundation-menu .right-btns .login-contents a.btn span {position:relative; top:2px; margin-right:6px; font-size:18px}
header.foundation-menu .right-btns .login-contents a.btn svg {margin:0 6px 0 3px}
header.foundation-menu .right-btns .login-contents a.btn:hover,
header.foundation-menu .right-btns .login-contents a.btn:focus {box-shadow:none; background-color:#e9eaeb}

/* Mobile button */
header.foundation-menu .mobile-btn {display:none; margin:18px 0 18px 16px; padding:8px 14px 6px; background-color:#f4f5f6; border-radius:4px; line-height:1; cursor:pointer}
header.foundation-menu .btn-close {padding:8px; cursor:pointer}


@media (max-width:1100px){
	header.foundation-menu .main-menu > ul > li > a:not(.btn) {padding:0 8px}
}

@media (max-width:991px){
	header.foundation-menu {padding:0 24px}
	header.foundation-menu .mobile-btn {display:block}
	header.foundation-menu .book-demo-btn {display:none}
	header.foundation-menu .drop-menu {display:none}
	header.foundation-menu .btn-bar {position:relative; width:100%; height:56px; padding:16px 24px 14px; text-align:right;}
	header.foundation-menu .btn-bar .lw-icon {position:absolute; top:10px; transition:all 0.25s; transform:translateX(0); opacity:1}
	header.foundation-menu .btn-bar .lw-icon svg {width:32px}
	header.foundation-menu .btn-bar .lw-icon.slide-hide {transform:translateX(-20px); opacity:0;}
	header.foundation-menu .btn-bar .btn-close {float:right; position:relative; padding:8px; top:-6px; right:-10px;}
	header.foundation-menu .btn-bar .btn-back {position:absolute; left:26px; margin-top:2px; font-weight:700; transform:translateX(30px); z-index:-1; opacity:0; transition:.25s}
	header.foundation-menu .btn-bar .btn-back.active {display:block; opacity:1; z-index:1; transform:translateX(0);}

	/* Main menu - mobile */
	header.foundation-menu .main-menu {display:none; position:absolute; top:16px; right:20px; width:360px; height:860px; padding:0 0 8px; background-color:#fff; border-radius:4px; box-shadow:0 12px 40px rgba(0,0,0,0.16); z-index:10; overflow:hidden}
	header.foundation-menu .main-menu.active {display:block}
	header.foundation-menu .main-menu > ul > li {border-bottom:1px solid #eee}
	header.foundation-menu .main-menu > ul > li:last-of-type {position:absolute; left:0; right:0; bottom:0; border:none}
	header.foundation-menu .main-menu > ul > li > a:not(.btn) {display:block; width:100%; padding:14px 24px 12px; text-decoration:none; color:#000; font-size:21px; font-weight:500}
	header.foundation-menu .main-menu > ul > li > a.btn {position:relative; display:block; margin:20px 16px 16px; z-index:10}
	header.foundation-menu .main-menu > ul > li.mega {background-color:#f4f5f6; padding-top:12px; border-bottom:0;}
	header.foundation-menu .main-menu > ul > li.mega a {padding-bottom:0}
	header.foundation-menu .main-menu > ul > li > a span {display:none}

	/* Search */
	header.foundation-menu .right-btns .header-search .search-form {right:-68px}

	/* Mega menu - mobile */
	/* --- Left side --- */
	header.foundation-menu .lw-mega-menu ul.left-side {padding:0 0 12px;}
	header.foundation-menu .lw-mega-menu ul.left-side > li > a {position:relative; display:flex block; justify-content:space-between; padding:10px 24px 12px 24px; text-decoration:none; border-bottom:1px dashed #ddd}
	header.foundation-menu .lw-mega-menu ul.left-side > li:last-child a {border-bottom:0}
	header.foundation-menu .lw-mega-menu ul.left-side > li > a .h5 {font-size:16px}
	header.foundation-menu .lw-mega-menu ul.left-side > li > a .p.description {padding-right:24px; margin:0; font-size:14px; line-height:20px}
	header.foundation-menu .lw-mega-menu ul.left-side > li > a span.material-symbols-outlined {position:relative; top:10px; right:-5px; font-size:28px; color:#000}

	/* --- Right side --- */
	header.foundation-menu .lw-mega-menu .right-side {opacity:0; transition:.4s; position:absolute; top:64px; left:0; height:calc(100% - 64px); background-color:#f4f5f6; padding:0; z-index:10; width:100%; border-radius:4px; z-index:-1; transform:translateX(40px)}
	header.foundation-menu .lw-mega-menu .right-side ul li {display:flex; margin:0; padding:7px 28px 9px; width:100%; text-align:left; border-bottom:1px dashed #ddd}
	header.foundation-menu .lw-mega-menu .right-side ul li:last-child {border-bottom:0}
	header.foundation-menu .lw-mega-menu .right-side ul li a {display:flex; text-decoration:none; padding:0}
	header.foundation-menu .lw-mega-menu .right-side ul li .image {width:40px; padding-top:3px}
	header.foundation-menu .lw-mega-menu .right-side ul li .image span {font-size:32px;}
	header.foundation-menu .lw-mega-menu .right-side ul li .image svg {width:20px}
	header.foundation-menu .lw-mega-menu .right-side ul li .text .p:first-of-type {font-size:15px;}
	header.foundation-menu .lw-mega-menu .right-side ul li .text .p.description {margin-bottom:0; font-size:13px; line-height:1.4}
	header.foundation-menu .lw-mega-menu .left-side > li.active .right-side {opacity:1; z-index:9; transform:translateX(0)}

	/* Right buttons */
	header.foundation-menu .right-btns a.login-btn {margin:0 12px}
}

@media (max-width:640px){
	header.foundation-menu .right-btns .header-search .search-form form input {width:290px}
}

@media (max-width:560px){
	header.foundation-menu .main-menu {right:16px; left:16px; margin:auto; width:auto}
	header.foundation-menu .right-btns .login-contents {right:-92px}
	header.foundation-menu .btn-bar .lw-icon svg path {fill:#9a262c}
}
@media (max-width:480px){
	header.foundation-menu .main-menu > ul > li > a.btn:first-child {margin-bottom:0px;}
	header.foundation-menu .main-menu > ul > li > a.btn:last-child { margin:16px !important; width:calc(100% - 32px)}
}

/* Audience tabs */
.lw-audience-tabs {}
.lw-audience-tabs ul {list-style-type:none;}
.lw-audience-tabs ul li {display:inline-block; position:relative; padding:12px 0; margin:0 10px; color:#555; font-weight:400; text-decoration:none; cursor:pointer}
.lw-audience-tabs ul li:first-child {margin-left:0;}
.lw-audience-tabs ul li.active {display:inline-block; color:#000;}
.lw-audience-tabs ul li::after {content:''; display:block; position:absolute; bottom:0; left:0; right:0; width:100%; height:3px; margin:auto; background-color:#9a262c; opacity:0; transition:0.3s}
.lw-audience-tabs ul li.active::after {opacity:1;}
.lw-audience-tabs ul li:not(.active):hover {color:#9a262c;}
@media(max-width:767px){
	.lw-audience-tabs ul li {margin:0 4px; font-size:16px;}
}
@media(max-width:480px){
	.lw-audience-tabs ul li {margin:0 3px; font-size:13px;}
}
/* ---- Content ---- */
.lw-audience-tabs-content .tab-content {display:block}
.lw-audience-tabs-content .tab-content.hide-element {display:none}
.lw-audience-tabs-content .icon-rounded svg {height:26px;}

/* LW new brand shapes */
.lw-new-brand-shape-1::after {content:''; position:absolute; bottom:-2px; right:0; width:1430px; height:930px; background-image:url('https://www.lwolf.com/sites/default/files/2024/foundation/red-shapes/lw-brand-shape-1.svg'); background-size: cover; z-index:-1}
.lw-new-brand-shape-1.transact::after {bottom:-320px;}
.lw-new-brand-shape-1.cma::after {bottom:-120px; right:-40px}
.lw-new-brand-shape-1.back-office-upgrade::after {bottom:-290px; right:-50px;}
.lw-new-brand-shape-1.leads::after {top:auto; bottom:-60px; left:auto; right:-50px}
.lw-new-brand-shape-1.buyers-agent-club::after {bottom:auto; top:515px;}
.lw-new-brand-shape-2::after {content:''; position:absolute; top:0; left:0; width:1950px; height:915px; background-image:url('https://www.lwolf.com/sites/default/files/2024/foundation/red-shapes/lw-brand-shape-2.svg'); background-size: cover; z-index:-1}
.lw-new-brand-shape-2.serve-agents::after {top:-120px; left:120px}
.lw-new-brand-shape-2.franchise::after {top:-90px}
.lw-new-brand-shape-2.mls::after {top:-50px}
.lw-bew-brand-shape-3::after {content:''; position:absolute; top:33%; right:72%; width:888px; height:1065px; background-image:url('https://www.lwolf.com/sites/default/files/2024/foundation/red-shapes/lw-brand-shape-3.svg'); background-size:cover; z-index:-1}
@media(max-width:1700px){
	.lw-new-brand-shape-1::after {right:-100px;}
	.lw-bew-brand-shape-3::after {right:75%}
}
@media (max-width:1600px){
	.lw-new-brand-shape-2.serve-agents::after {left:20px}
}
@media(max-width:1500px){
	.lw-new-brand-shape-1::after {right:-220px;}
}
@media(max-width:1400px){
	.lw-bew-brand-shape-3::after {right:80%}
	.lw-new-brand-shape-1.leads::after {top:auto; bottom:-20px; left:10%; right:auto}
	.lw-new-brand-shape-2.serve-agents::after {left:-50px}
}
@media(max-width:1300px){
	.lw-new-brand-shape-1::after {right:auto; left:100px;}
	.lw-new-brand-shape-1.cma::after {bottom:-120px; right:auto; left:48px}
	.lw-new-brand-shape-2::after {right:0; left:auto;}
	.lw-new-brand-shape-1.back-office-upgrade::after {bottom:-360px; right:auto; left:60px;}
	.lw-new-brand-shape-1.buyers-agent-club::after {right:-280px}
}
@media (max-width:1200px){
	.lw-new-brand-shape-1::after {bottom:-96px; left:100px}
	.lw-new-brand-shape-1.cma::after {bottom:-40px;}
	.lw-new-brand-shape-2.franchise::after {top:-40px}
	.lw-new-brand-shape-2.mls::after {top:-10px}
	.lw-bew-brand-shape-3::after {top:48%; right:72%}
	.lw-new-brand-shape-2.serve-agents::after {top:-60px}
	.lw-new-brand-shape-1.buyers-agent-club::after {left:140px; top:570px;}
}
@media (max-width:991px){
	.lw-new-brand-shape-1::after {bottom:-2px; left:auto; right:0}
	.lw-new-brand-shape-1.transact::after {bottom:-480px;}
	.lw-new-brand-shape-1.cma::after {bottom:-150px; right:0; left:auto;}
	.lw-new-brand-shape-1.leads::after {top:auto; bottom:-10px; left:20px; right:auto}
	.lw-new-brand-shape-2::after {left:0; right:auto;}
	.lw-new-brand-shape-2.serve-agents::after {top:-200px; left:-170px;}
	.lw-bew-brand-shape-3::after {top:40%; right:53%}
	.lw-new-brand-shape-1.back-office-upgrade::after {left:auto; right:0; bottom:-220px;}
	.lw-new-brand-shape-1.buyers-agent-club::after {top:510px;}
}
@media (max-width:767px){
	.lw-new-brand-shape-2.serve-agents::after {top:-290px}
	.lw-bew-brand-shape-3::after {top:50%; right:50%}
	.lw-new-brand-shape-1.cma::after {bottom:-200px;}
	.lw-new-brand-shape-1.leads::after {bottom:90px;}
}
@media (max-width:640px){
	.lw-new-brand-shape-1.transact::after {bottom:-640px;}
	.lw-new-brand-shape-1.cma::after {bottom:-225px;}
	.lw-new-brand-shape-2::after {right:0; left:auto;}
	.lw-new-brand-shape-2.serve-agents::after {top:-220px}
}
@media (max-width:530px){
	.lw-new-brand-shape-2.serve-agents::after {top:-125px}
	.lw-bew-brand-shape-3::after {top:58%; right:40%}
}
@media (max-width:400px){
	.lw-new-brand-shape-2.serve-agents::after {top:-35px}
}

/* Hero background - 100 width */
.bg-width-100 .background-image-holder {background-size:100% !important; z-index:-2}
.bg-image .background-image-holder {opacity:1}

/* --- Footer --- */
footer.footer-1.bg-dark {background-color:#f2f6f3}
footer.footer-1.bg-dark a {font-weight:400;}
footer.footer-1 .postscript h2.block-title {font-family:'roboto',sans-serif; font-weight:500; font-size:19px}
.footer-1 .lw-blog-popular-posts .footer-blog-date {font-weight:400; font-style:normal; font-family:'Roboto'; color:#777;}
/* --- Counter/Stats --- */
.lw-counter {font-weight:700 !important; font-family:'neue-haas-grotesk-display'}
.lw-counter-value  {font-weight:700 !important}
/* --- Cookie message --- */
.lw-cookie-message h4 {font-family:'Roboto',sans-serif}


/* Card icons */
.icon-rounded {background-color:transparent !important; height:auto; width:auto; font-size:28px; line-height:1;}
.icon-rounded.icon-shadow {box-shadow:none}
.icon-rounded .material-symbols-outlined {color:#006FB4 !important; font-size:30px;}
.bg-primary .icon-rounded .material-symbols-outlined {color:#fff !important}
.bg-primary .bg-white .icon-rounded .material-symbols-outlined {color:#006FB4 !important}
.icon-rounded.helix svg {height:24px; top:2px;}
.icon-rounded.helix svg path {fill:#006FB4 !important}
.icon-rounded em {color:#006FB4}

/* Buttons */
.btn {border-width:2px !important}
.btn.btn-blue {color:#2e495b; border-color:#2e495b}
.btn.btn-blue.btn-filled {background-color:#2e495b}
.btn.btn-blue:hover,
.btn.btn-blue:focus {color:#273e4d; border-color:#273e4d; background-color:transparent}
.btn.btn-blue.btn-filled:hover,
.btn.btn-blue.btn-filled:focus {background-color:#273e4d; color:#fff;}


/* Blog overrides */
.lw-new-blog-page h2 {font-size:24px}
.lw-new-blog-page h2 a {font-weight:600}

/* Homepage overrides */
.lw-whats-happening .tag {padding:6px 12px 6px; background:#e4eff6; color:#000; text-transform:none; letter-spacing:0; font-size:13px;}
.lw-whats-happening .h4 a {font-weight:700}


/* New tag */
.new-tag {padding:4px 12px 4px; text-transform:none; letter-spacing:0; font-size:13px;}


/* Steps */
.numbered-steps .step {position:relative; height:124px; width:124px; margin:auto; border-radius:100%; line-height:144px; border:3px solid #9a262c;}
.numbered-steps .step::after {content:''; display:block; position:absolute; left:calc(100% + 24px); top:50%; transform:translateY(-50%); width:95px; border-top:3px solid #9a262c;}
.numbered-steps .step.last::after {display:none}
@media (max-width:1199px){
	.numbered-steps .step::after {width:102px}
}
@media (max-width:991px){
	.numbered-steps .step::after {width:84px}
}
@media (max-width:767px){
	.numbered-steps .step::after {display:none;}
}

/* Buyer's Agent Club */
@media (min-width:768px){
	.lw-buyers-agent-club-badge {position:absolute; right:-56px; top:-40px}
}

/* Video button */
.video-play-button {position:absolute; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-color:#444; background-color:rgba(0,0,0,0.65); box-shadow:0 4px 16px rgba(0,0,0,0.2); height:120px; width:120px; border-radius:120px; backdrop-filter: blur(8px); transition:.3s}
.video-play-button svg {position:absolute; top:0; bottom:0; left:12px; right:0; margin:auto}

.vidyard_wrapper:hover .video-play-button {background-color:rgba(0,0,0,0.55);}
.lw-page-buyers-agent-club .vidyard_wrapper div:first-of-type:after {content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-color:rgba(0,0,0,0.0); transition:.3s}
.lw-page-buyers-agent-club .vidyard_wrapper:hover > div:first-of-type:after {background-color:rgba(0,0,0,0.25);}




/* TESTIMONIAL - side-by-side */
.testimonial-side {position:relative;}
.testimonial-side .row,
.testimonial-side .container {position:static}
.testimonial-side .image {position:absolute; right:0; top:0; bottom:0; width:50vw; height:100%; background-color:#2E495B; z-index:0}
.testimonial-side .image img {display:block; height:100%; min-width:980px}
.testimonial-side .content {position:relative; z-index:1}
@media (max-width:991px){
	.testimonial-side .image {left:-20%; width:140%;}
	.testimonial-side .image img {height:auto; width:100%;}
}


/* Quiz background */
.quiz-hero {position:relative;}
.quiz-hero .row,
.quiz-hero .container {position:static}
.quiz-hero .image {position:absolute; right:50vw; top:0; bottom:0; width:50vw; height:100%; background-color:#2E495B; z-index:0}
.quiz-hero .image img {display:block; float:right; height:100%; min-width:980px; max-width:none}
.quiz-hero .content {position:relative; z-index:1}
@media (max-width:991px){
	.quiz-hero .image {left:-20%; width:140%;}
	.quiz-hero .image img {height:auto; width:100%;}
}


/* Owl slider */
.owl-stage {display:flex;}
.owl-item {flex:auto; background-color:#fff;}
.owl-dots {margin-top:40px !important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background-color:#9a262c !important}

.testimonial-name {position:absolute; bottom:32px;}