@charset "UTF-8";
/* CSS Document */

* 		{margin: 0; padding: 0; outline: none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body 	{color: #333; background-color: #ffffff;  font-family: 'Source Sans Pro', sans-serif; font-size: 14px; position: relative; -webkit-font-smoothing: antialiased;}

h1 	{font-size: 36px; color: #333333; font-weight: 600; line-height: 1.2em; margin-bottom: 1em;}
h2 	{font-size: 33px; color: #333333; font-weight: 600; margin:0 0 15px 0px; line-height: 1.2em;}
h3 	{font-size: 30px; color: #333333; font-weight: 600; margin: 25px 0px;}
h4 	{font-size: 28px; color: #333333; font-weight: 600; margin: 25px 0px;}
h5 	{font-size: 24px; color: #333333; font-weight: 600; margin: 25px 0px;}
h6 	{font-size: 20px; color: #333333; font-weight: 600; margin: 25px 0px;}
a		{color:#004fb6}
p		{line-height:1.5em; font-size: 17px; margin-bottom: 1.2em}


.terms h3 {font-size: 20px;}

p span	{font-size:18px; line-height: 1.3em;}

ol,
ul		{color:#333333; font-size: 17px;}

hr		{display:block; margin: 20px 0}
img		{max-width:100%;}

input[type="text"],
input[type="password"]	{-webkit-appearance:none; border-radius: 0; font-family: 'Source Sans Pro', sans-serif;}

input[type="submit"]	{-webkit-appearance:none; border-radius: 4px; font-family: 'Source Sans Pro', sans-serif;}

p	{font-size:16px; line-height: 1.4em;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s;
}

.card-link			{color:#004fb6; font-size: 16px; text-decoration: none; display: inline-block; border-bottom: 1px solid #cccccc; padding-bottom: 2px; transition: 0.2s ease-out}
.card-link img		{margin-left:5px;}
.card-link:hover	{border-color:#004fb6;}

.concept-map-container	{font-family: 'Source Sans Pro', sans-serif !important;}

.inner { width: 100%; max-width: 100%; margin: auto; padding: 0 60px; }

.table		{width:100%; height: 100%; display: table;}
.table-cell	{width:100%; height: 100%; display: table-cell; vertical-align: middle;}

a.cover	{position:absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2}

.mobile-menu	{display:none}

.image-dimensions { margin: 10px 0; font-size: 13px; line-height: 1.2em; color: yellow; }

/***************************/
/** ADVISER RESOURCE HUB ***/
/***************************/

/* MASTHEAD */
.masthead-text		{background-color:#333333; text-align: center; padding: 25px;}
.masthead-text p	{color:#ffffff; margin-bottom: 0}
.masthead-text p a	{color:#009ab1; text-decoration: none;}

/* HEADER */
header		{background-color:#ffd900; padding: 18px 0; position: relative;}
header .inner	{display: flex; justify-content: space-between; align-items: center; gap: 20px; }

header .header-logo { width: 100%; }
header .header-buttons { flex-wrap: nowrap; display: flex; flex-direction: row; align-items: center; gap: 10px; flex-shrink: 0; }
header .header-language { flex-wrap: nowrap; display: flex; flex-direction: row; align-items: center; gap: 20px; flex-shrink: 0; }

header .header-language img { height: 20px; width: auto; }
header .header-language .buttons { display: flex; flex-direction: row; align-items: center; gap: 10px; }
header .header-language .language-selector { font-size: 18px; font-weight: 600; color: #2E498C; background-color: transparent; border-top: 2px solid transparent; border-bottom: 2px solid transparent; cursor: pointer; }

header .header-language .buttons .divider { display: block; width: 2px; height: 25px; background-color: #A4A1A5; }

header .header-language .language-selector:hover { border-bottom-color: #2e498c; }

header .header-language .language-selector.active { border-bottom-color: #2E498C; }

/*header .header-language .language-selector { width: 36px; height: 36px; border-radius: 50%; background-color: transparent; background-size: contain; background-position: center; background-repeat: no-repeat; cursor: pointer; transition: all 0.2s; }*/
/*header .header-language .language-selector.en { background-image: url("/brokercreate/_assets/flags/ca.png"); }
header .header-language .language-selector.fr { background-image: url("/brokercreate/_assets/flags/fr.png"); }*/
/*header .header-language .language-selector.active { box-shadow: 0 0 3px 3px #ffffff; }

header .header-language .language-selector:hover { box-shadow: 0 0 2px 2px #666666; }*/
a.logo { display: inline-block; }
a.logo img	{width:130px; height: auto;}

.mobile-nav	{display:inline}

/* NAVIGATION */
ul.topNav				{display: inline-block; list-style: none; font-size: 0; margin-left: 28px; height: 100%;}
ul.topNav li			{display: inline-block; margin-right: 25px; vertical-align: middle; font-size: 0; position: relative; height: 100%;}
ul.topNav li a			{color:#004fb6; font-weight: 700; text-decoration: none; font-size: 15px; display: block; padding: 27px 0 24px; position: relative; border-bottom: 4px solid #ffd900; transition: 0.2s ease-out; height: 100%;}
ul.topNav li a:hover	{border-color: #004fb6}
ul.topNav li:last-child	{margin-right: 0}

#divTopNavContainer		{display:inline-block; font-size: 0; vertical-align: top; height: 100%;}

ul.topNav li ul				{position:absolute; z-index: 20; width: 260px; background-color: #ffffff; padding:0 15px; left: -99999px; box-shadow: 0 2px 2px rgba(0,0,0,0.2)}
ul.topNav li ul li			{margin:0; display: block; padding: 10px 0 5px;}
ul.topNav li ul li a		{padding:10px 0 5px;  font-weight: 400; color:#004fb6; border-bottom: 1px solid #ffffff; display: inline-block;}
ul.topNav li ul li a:hover	{border-color:#004fb6;}
ul.topNav li:hover ul		{left: -15px;}

ul.topNav.topNavMobile		{display:none; vertical-align: top;}
ul.topNav.topNavMobile li a	{color:#004fb6; font-size: 16px; padding: 26px 0 24px}

ul.topNav li.link-mc a			{position: relative; padding-right: 25px;}
ul.topNav li.link-mc a svg 		{position: absolute; right: 0; transform: translateY(-2px)}
ul.topNav li.link-mc a svg path	{fill:#004fb6}

/* HEADER RIGHT */
.header-right							{display:inline-block; vertical-align: top; float: right; font-size: 0}
.header-right.buttons .btn				{margin-right:0}
.header-right .btn						{margin-left:20px; margin-top: 14px;}
.search-btn-container					{display:inline-block; vertical-align: top;}
.search-btn-container a					{display:inline-block; font-size: 16px; vertical-align: top; color:#004fb6; border-left: 1px solid #e8c600; border-right: 1px solid #e8c600; padding: 27px 45px 43px 72px; font-weight: 600; text-decoration: none; position: relative; overflow: hidden;}
.search-btn-container a span			{position:relative; z-index: 2; transition: 0.2s ease-out;}
.search-btn-container a:after			{background-color:#004fb6; content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top:calc(100%); z-index: 0; transition: 0.1s ease-out}
.search-btn-container a:hover:after		{top:calc(100% - 4px);}
.search-btn-container a:before			{background: url(/brokercreate/_assets/_adviser-resource-hub/icon-search.svg) no-repeat 50%; content: ""; display: block; height: 1.25em; left: auto; position: absolute; right: 15px; top: 24px; width: 1.25em; z-index: 2;}
.search-btn-container a.active:after	{top:0;}
.search-btn-container a.active:before	{background: url(/brokercreate/_assets/_adviser-resource-hub/icon-close-white.svg) no-repeat 50%;}
.search-btn-container a.active			{color:#ffffff;}

/* SEARCH CONTAINER */
.search-container							{background-color:#ffffff; padding:60px 0 40px 0; position: absolute; top: 68px; width: 100%; text-align: center; display: none; z-index: 20; box-shadow: 0 2px 2px rgba(0,0,0,0.1)}
.search-container input[type="text"]		{font-size: 18px; font-weight: 200; width:100%; max-width: 100%; border-bottom:2px solid #eee; padding-bottom: 15px; color:#5c596d;}
.search-container input[type="text"]:focus	{border-color:#004fb6;}
.search-container input[type="text"]::-webkit-input-placeholder	{color:#cccccc;}
.search-container input[type="text"]::-moz-placeholder          {color:#cccccc; opacity:1;}
.search-container input[type="text"]:-ms-input-placeholder      {color:#cccccc;}
.search-container input[type="text"]:-moz-placeholder           {color:#cccccc; opacity:1;}
#search	{width:800px; max-width: 100%; margin: auto; position: relative;}

input[type="submit"].searchBtn			{width:50px; height: 50px; border-radius: 50px; background-color: #eeeeee; position: absolute; right:0; bottom: 10px; cursor: pointer; transition: 0.2s ease-out; background-image: url(/brokercreate/_assets/_adviser-resource-hub/icon-search-grey.svg); background-repeat: no-repeat; background-position: center;}
input[type="submit"].searchBtn:hover	{background-color:#004fb6; background-image: url(/brokercreate/_assets/_adviser-resource-hub/icon-search-white.svg);}

.search-container .inner			{justify-content: center}

/* HERO CONTAINER */
.hero-container				{height:65vh; min-height: 510px; background-size: cover; background-position: right; position: relative;}
.hero-container:before		{position:absolute; left: 0; top: 0; width: 50%; height: 100%; content: ''; display: block; z-index: 0; background-image: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0));}
.hero-container .inner		{height:100%; z-index: 5; position: relative;}
.hero-container h1			{font-weight:600; font-size: 60px; color:#ffffff; line-height: 1em; margin-bottom: 0.5em}
.hero-container p			{font-size:23px; color:#ffffff; width:600px; max-width: 100%;}
.hero-container hr			{width:180px; height: 24px; background-color:#ffd900; display: block; margin: 2.2em 0; border:none; text-align: left;}
.hero-container .buttons	{margin:30px 0;}

.hero-container.bg-left {background-position: left; }



/* HOME PANELS */
.flipper-section	{padding:40px 0; background-color: #efefef;}

.flipper-section .col-container		{width:1330px; padding-left: 15px; padding-right: 15px; margin: auto; max-width: 100%;}
.flipper-section .col-row			{font-size:0;}
.flipper-section .col-1				{display: inline-block; width:100%; padding:15px; vertical-align: top;}
.flipper-section .col-5				{display: inline-block; width: 20%; padding:15px; vertical-align: top;}

.home-panel-block-container			{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; text-align: center;}
.home-panel-block					{position: relative; padding-bottom: 24px; /*padding: 20px 15px;*/}
.home-block-text					{background-color:#005a6c; padding: 20px 0}
.home-panel-block h3				{font-size:20px; padding-left: 10px; padding-right: 10px; color: #ffffff; line-height: 1.2em; font-weight: 600; margin: 0;}
.home-panel-block p					{font-size:15px;}
.home-panel-block span				{text-align:left;}
.home-panel-block img.panel-icon	{width: 75px; height: auto; display: block; margin:10px auto;}

.home-panel-block-mc h3				{display: flex; font-size: 17px; align-items: center; justify-content: center}
.home-panel-block-mc h3 svg			{width: 13px; height: 13px; margin-left: 5px;}
.home-panel-block-mc h3 svg path	{fill: #ffffff;}
.home-panel-block-mc .new-flash		{width: 40px; height: 40px;}

.home-block-text-bottom {padding:21px 14px; padding-bottom: 0}

.home-panel-block-expanded						{background-color:#fff; padding:0 10px 20px 10px;}
.home-panel-block-expanded .btn.bigger			{margin-bottom:10px; padding-left: 10px; padding-right: 10px; font-size: 14px; color:#004fb6; border-color:#cccccc; background-color: #ffffff;}
.home-panel-block-expanded .btn.bigger:hover	{background-color:#004fb6; border-color:#004fb6; color:#ffffff;}

.home-panel-block-expanded .btn-green strong	{font-size:15px; display: block; margin-bottom:5px;}
.home-panel-block-expanded	{display:none;}

.home-panel-block .card-link					{margin-top:20px; font-weight: 700}
.home-panel-block-container:hover .card-link	{border-color:#004fb6;}

.flipper-section-white .home-block-text		{background-color:#005a6c;}
.flipper-section-white .home-panel-block	{background-color:#efefef;}

.flipper-section-white	{background-color:#ffffff;}
.col-3-5th				{width:60%; display: inline-block; padding:15px; vertical-align: top;}
.col-2-5th				{width:40%; display: inline-block; padding:15px; vertical-align: top;}

.flipper-section-white .home-panel-block-container	{background-color:#efefef}

.flipper-section-white .home-panel-block.card-1	{background-color:#ffffff; border: 1px solid #ccc;}

.top-panel-row								{display: flex; flex-wrap: wrap}
.top-panel-row .home-panel-block.card-1,
.top-panel-row .home-panel-block-container	{height: 100%}

/* VIDEO LIBRARY FEB 2022 */
.home-panel-block-container.video-library					{background-color: #ffffff; border: 1px solid #ccc;}
.home-panel-block-container.video-library .home-panel-block	{background-color: #ffffff;}
.top-panel-row .home-panel-block.card-1,
.top-panel-row .home-panel-block-container					{height: auto}
.home-block-text											{position: relative;}
.new-flash													{position: absolute; left: 0; top:0; width:64px; height: 64px;}

/* MARKETING TOOLKIT */
.marketing-toolkit-container				{background-color:#ffffff; padding: 60px 0}
.marketing-toolkit-container h2				{}
.marketing-toolkit-container ul				{-webkit-columns: 4;  -moz-columns: 4; columns:4; list-style: none;}
.marketing-toolkit-container ul li 			{margin-bottom: 20px; font-size: 16px;}
.marketing-toolkit-container ul li a		{font-weight: 600; border-bottom: 1px solid #cccccc; color:#004fb6; text-decoration: none; transition: 0.2s ease-out}
.marketing-toolkit-container ul li a:hover	{border-color:#004fb6;}

/* CONTENT PAGE */
.inner-content-page	{display: flex; padding-top: 40px; padding-bottom: 40px;}
.mt-toggle			{display: none}

.diagram-page,
article			{padding:40px 0;}
.left-col		{width:20%; display: inline-block; vertical-align: top;}
.middle-col { width: 73%; max-width: 740px; display: inline-block; vertical-align: top; padding-left: 70px; font-size: 0; }

.diagram-container h1,
.middle-col h1			{margin-bottom:0.5em;}
.middle-col h2			{margin: 25px 0px;}

.diagram-page ol,
.middle-col ol,
.middle-col ul		{margin:20px;}

.diagram-page ol li,
.middle-col ol li,
.middle-col ul li		{line-height:1.6em; margin-bottom: 20px;}

.middle-col ol li a,
.middle-col ul li a,
.middle-col p a		{color:#004eb5; text-decoration: none; border-bottom:1px solid #cccccc;}

.middle-col ol li a:hover,
.middle-col ul li a:hover,
.middle-col p a:hover		{border-color:#004eb5;}

.diagram-page p,
.middle-col p			{font-size:17px; margin-bottom: 1.5em; line-height: 1.6em;}

/* LEFT NAV */

.left-col ul.aviva-priorities { list-style: none; }
.left-col ul.aviva-priorities > li { margin-bottom: 2px; padding: 0; }
.left-col ul.aviva-priorities > li > a { margin: 0; display: block; width: 100%; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; background-color: #333333; padding: 16px 20px; color: #ffffff; text-decoration: none; margin-bottom: 2px; }
.left-col ul.aviva-priorities > li > a:hover { background-color: #009ab1; }

.left-col ul.aviva-priorities > li > ul { display: none; }


.left-col h4						{margin:0; display: block; width: 100%;}
.left-col h4	a					{margin:0; display: block; width: 100%; font-size:16px; background-color: #333333; padding: 16px 20px; color:#ffffff; text-decoration: none; margin-bottom: 2px}
.left-col h4	a:hover				{background-color:#009ab1}

.left-col ul						{font-size:14px; list-style: none; border-bottom: 2px solid #ffffff;}
.left-col ul	li a				{display:block; padding:18px 0 18px 20px; background-color: #eaeae8; text-decoration: none; color:#009ab1;}
.left-col ul	li.active a			{background-color:#009ab1; color:#ffffff;}
.left-col ul	li a:hover			{background-color:#dddddd;}
.left-col ul	li.active:hover a	{background-color:#009ab1}
.left-col .left-nav-inner		{display:block;}
.left-col h4.sub-menu-toggle		{display:none;}

.left-colPanel			{margin-top: 30px;}
.left-colPanel h4		{font-size:18px; margin-bottom: 20px;}
.left-colPanel ul li		{border-bottom:1px solid #ffffff;}
.left-colPanel ul li a	{padding-top:12px; padding-bottom: 12px;}

.left-col.mobile	{display:none;}

/* FOOTER */
#footer 		{background-color: #333; font-size: 12px; padding: 20px 0}
#footer a 		{color: #ffffff; text-decoration: none;}
#footer ul 		{float: right; font-size: 14px; color: #fff; margin-right: 7px}
#footer ul li 	{display: inline; margin-left: 20px;}

#footer ul.left	    {float: left;}
#footer ul.left li 	{margin-left: 0px; margin-right: 20px;}



article .diagram-container	{margin-top:40px;}

/* BUTTONS */
.buttons		{font-size:0;}
.buttons .btn	{margin-right:20px;}

.btn		{font-size:16px; color:#ffffff; padding: 11px 20px; font-weight: 700; background-color: #004fb6; border:1px solid #004fb6; border-radius: 4px; display: inline-block; text-decoration: none; text-align: center; transition: 0.2s ease-out;}
.btn.bigger	{padding:18px 30px; line-height: 1.2em}
.btn.border	{background-color:transparent; color:#004fb6}
.btn.fixed	{width:99px;}
.btn:hover	{background-color:#13488d; border-color:#13488d;}
.btn.border:hover	{color:#ffffff;}
.btn.block	{display:block;}

.btn.yellow			{border-color:#ffd900; background-color: #ffd900; color:#004fb6;}
.btn-white			{border-color:#cccccc; background-color: #ffffff; color:#004fb6;}
.btn-white:hover	{color:#ffffff; background-color:#004fb6;}

/** REGISTER CHECKBOXES */
.form-row.checkboxes-group							{border-top:1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-top: 25px; padding-bottom: 5px; margin: 20px 0}
.form-row.checkboxes-group label 					{display: inline-block; font-weight: normal; width: auto; font-size: 14px;}
.form-row.checkboxes-group input[type="checkbox"]	{display: inline-block; margin-right: 5px;}
.form-row.checkboxes-group.full						{width:100%;}
.form-row.checkboxes-group.full p					{margin-bottom:10px !important}

.cb-row input[type="text"]	{width:250px !important; max-width: 100% !important; margin-left: 15px; font-size: 14px !important;}

/******************************************************************************/
/********* OLD STYLES *********************************************************/
.text-first-col		{display:inline-block; width: 64%; padding-right: 20px; vertical-align: top;}
.text-second-col	{width:20%; display: inline-block; vertical-align: top; border-left: 1px solid #dddddd; padding:10px;}
.text-third-col		{width:15%; display: inline-block; vertical-align: top; border-left: 1px solid #dddddd; padding:10px; background-color: #dddddd;}

.middle-col .text-second-col h3,
.middle-col .text-third-col h3	{font-size:14px; color: #333333; font-weight: bold; margin-top: 0;}

.middle-col .text-second-col ul,
.middle-col .text-third-col ul	{font-size:12px; list-style: none; margin: 0;}

/**  Home page login ***/
.loginControl		{position: relative; z-index: 10; width: 254px; float: right; text-align: right;}
.loginMiddle	 	{width: 1024px; max-width: 100%; margin: 0 auto;}
.loginControl a 	{color: #004fb6; text-decoration: none; float: none; display: block; padding:10px 0 0 0; font-size:18px; font-weight: bold;}
.loginControl a span	{color:#5c596d;}
.loginControl a:hover	{text-decoration:underline}
.loginControl a:hover span	{text-decoration:none}

/** Logo etc ***/
#headerContainer	{position:relative;}
#logoContainer 		{display:inline-block; margin: 0 auto; padding-top: 30px;}
#logos img#amm 		{width:195px; height:auto; margin: 11px 0 0 0px;}

.hero-text.logged-in p {font-size:16px; line-height:1.3em;}
.hero-text.logged-in ul {font-size:16px; color:#333333; line-height:1.3em; margin-left:17px;}
.hero-text.logged-in li {margin-bottom:10px; line-height:1.5em;}

.search-register-container	{float:right; width: 265px; margin-top: 25px;}

.loginControl .mobile-nav-btn				{display:none;}


/******************************************************************************/
/*********** CONTENT PAGE 
.content-page	{background-color:#fff; padding: 15px;}


.left-col h4				{font-size:16px; background-color: #e6edf7; padding:15px 10px; font-weight: 600; border-radius: 2px; color: #fff; margin-bottom: 5px}
.left-col h4 a 			{color: #004fb6; text-decoration: none; }
.left-col ul				{font-size:15px; list-style: none; line-height: 1.3em; margin-bottom: 10px;}
.left-col ul li a		{background-color:#efefef; color: #004fb6; border-radius: 2px; margin-bottom: 1px; display: block; padding: 10px; transition: 0.2s ease-in-out}
.left-col ul li a:hover	{background-color:#ffd000; text-decoration: none;}

.left-col h4:hover	{background-color: #004fb6}
.left-col h4:hover a	{color: #ffffff}

.left-col h4.active		{margin-bottom:0; background-color: #004fb6}
.left-col h4.active a	{color:#ffffff;}

.left-col ul li.active a { background-color: #ffd000; }

.left-col.desktop { display: block; }
.left-col.mobile { display: none; }

.left-colPanel h4	{background-color:#BCBCBC !important; margin-bottom: 0;}

.middle-col h2 	{font-size: 26px; color: #004FB6; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; margin: 20px 0px 20px 0px; font-weight: 400; line-height: 1.2em; }
.middle-col h3 	{font-size: 22px; color: #004FB6; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; margin: 20px 0px 20px 0px; font-weight: 400;}
.middle-col h4 	{font-size: 18px; color: #333333; font-weight: bold; font-family: 'Source Sans Pro', sans-serif; margin: 20px 0px 20px 0px;}
.middle-col h5 	{font-size: 18px; color: #333333; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; margin: 20px 0px 20px 0px;  font-weight: 400;}
.middle-col h6 	{font-size: 18px; color: #333333; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; margin: 20px 0px 20px 0px;  font-weight: 400;}
.middle-col ul	{color:#333333; font-size: 17px; margin-bottom: 20px; margin-left: 20px;}
.middle-col ul li	{line-height:1.3em; margin-bottom: 17px;}
.middle-col ol	{color:#333333; font-size: 17px; margin-bottom: 20px; margin-left: 20px;}
.middle-col ol li	{line-height:1.3em; margin-bottom: 15px; margin-bottom: 20px;}
.middle-col p			{line-height:1.5em;}
.middle-col p span	{font-size:18px; line-height: 1.3em;}
.middle-col hr		{display:block; margin: 20px 0}
.middle-col img		{max-width:100%;}

**/

/** History **/
.history-container			{background-color:rgba(255,255,255,1); padding:10px 15px; margin-bottom: 15px; font-size: 12px;}
.bc-start					{display:inline-block; font-weight: bold; margin-right: 5px; float: left; color: #4ca02b;}
#breadcrumb					{display:inline-block; width: 80%; margin-top: 8px;}
#breadcrumb a				{margin-right:5px; text-decoration: none}
#breadcrumb a:after			{content:'>'; margin-left: 7px;}
a.history-link				{background-color:#efefef; padding: 8px; display: inline-block; float: right; transition: 0.2s ease-in-out}
a.history-link:hover		{text-decoration: none; background-color: #004fb6; color: #fff;}

/** RIGHT COL **/
.right-col-container	{font-size:0;}
.right-col-col			{width:50%; display: inline-block; vertical-align: top;}
.right-col-col.centre	{text-align:center}

.download-template-btn				{border:1px solid #dddddd; display: block; border-radius: 4px; padding: 10px; width: 160px; max-width: 100%; margin: auto; margin-bottom: 10px; box-shadow: 0 2px 0 #efefef}
.download-template-btn p			{margin-top:0}
.download-template-btn a.btn-yellow	{display:block; width: 100%; padding:10px 10px 8px 10px; font-size: 14px}
.download-template-btn				{font-weight:bold;}
.download-template-btn img			{margin-bottom:15px; width: 70%;}

.single-line	{line-height:1.2em !important}

/** HEADER ICON **/
.page-header-icon		{display: inline-block; float: left; margin-bottom: 20px; }
.middle-col .page-header-icon img	{max-width: 100%; width: 100px; height: auto; margin: 5px 15px 0 0;}
    

/******************************************************************************/
/*********** LOGIN PAGE **********************************************************/
.loginContainer										{width:500px; max-width: 100%; margin-bottom: 30px;}
.loginContainer .form-row							{margin-bottom:10px; width: 100%;}
.loginContainer .form-row label						{color:#333; font-weight: bold; font-size: 18px; display: block; margin-bottom: 5px;}
.loginContainer .form-row input[type="text"],		
.loginContainer .form-row input[type="password"]	{width: 100%; padding: 10px; border: 1px solid #b1b2b4; display: block; font-size: 16px; color: #333}
.loginContainer .form-row-checkbox 			{margin: 10px 0 20px 0}
.loginContainer .form-row-checkbox input	{display:inline-block; vertical-align: middle;}
.loginContainer .form-row-checkbox label	{display:inline-block; width: auto; font-weight: 400; font-size:16px; margin-left: 5px; margin-bottom: 0; vertical-align: middle}
.alert p	{color:red !important;}

.update-form-container input[type="submit"],
.loginContainer  input[type="submit"]			{font-size:17px; width: 100%; color:#004fb6; text-decoration: none; display:inline-block; font-weight: bold; background-color: #ffd900; border-color:#ffd900; border-radius: 2px; padding: 15px; transition: 0.2s ease-in-out}
.update-form-container input[type="submit"]:hover,
.loginContainer  input[type="submit"]:hover		{background-color: #004fb6; border-color: #004fb6; text-decoration: none; color: #fff;}

.update-form-container input[type="submit"]	{margin-top:15px; width: 40%;}

.update-form-container	{width:100%; margin: 30px 0; font-size: 0}
.update-form-container input[type="text"],		
.update-form-container input[type="password"]	{width: 100%; padding: 10px; border: 1px solid #b1b2b4; display: block; font-size: 16px; color: #333; margin-bottom: 15px;}
.update-form-container textarea					{width: 100%; padding: 10px; border: 1px solid #b1b2b4; display: block; font-size: 16px; color: #333; margin-bottom: 15px; height: 100px;}
.update-form-container .form-row				{font-size:16px;}
.update-form-container .form-checkbox			{font-size:16px;}
.update-form-container span.formError	{font-size:16px; color: red; margin: 0 0 10px 0; display: block}
.update-form-container .form-row select	{-webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none;  user-select: none; -webkit-appearance: none;  -moz-appearance: radio-container;  appearance: none; background-color: transparent; -webkit-border-radius:0; border-radius: 0;
										display:block; width: 100%; font-size: 16px; padding: 10px; color: #a9a9a9;}
.update-form-container	label			{width:100%; display: block; margin-bottom: 15px; font-weight: bold;}
.update-form-container .form-row.block	{width:100%; margin: 15px 0 0 0}
.update-form-container .form-row.block textarea	{width:93%;}
.update-form-container .form-row-select:after	{content: ''; width: 0; position: absolute; right: 10px; top: 50%; margin-top: -3px; border-width: 6px 4px; border-style: solid; pointer-events: none; border-color: #656565 transparent transparent transparent;}
.update-form-container .form-checkbox			{width:30%; display:inline-block;}
.form-row-select								{position:relative; border: 1px solid #b1b2b4;}
.form-row										{width:45%; display: inline-block; vertical-align: top;}
.form-row.last									{margin-left:3%;}
.form-checkbox				{margin-bottom:10px;}
.checkbox-label label		{font-weight:300; display: inline-block; width: auto; vertical-align: middle; margin-bottom: 0; color: #333}
.checkbox-label input		{display:inline-block; vertical-align: middle; margin-right: 10px;}
.form-row-checkbox	br		{display:none}

textarea	{font-family: 'Source Sans Pro', sans-serif; }

/************************************************************************************/
/*********** DIAGRAM PAGE **********************************************************/
.diagram-page					{width:100%; margin: auto}
.diagram-page h1				{line-height:1.3em;}
.diagram-page img				{max-width: 100%;}
.concept-map-container			{width:100%; margin: auto; text-align: center; max-width: 1024px; font-family: Arial, Helvetica," sans-serif"; font-size:0; padding: 50px 0; position: relative;}
.cell-container					{display: inline-block; vertical-align: middle; text-align: left; position: relative; font-size: 18px;}
.cell-container.center			{text-align:center}
.cell							{text-decoration:none; display: block; padding: 1em;  border-radius: 4px; position: relative; text-align: center; line-height: 1.3em; transition: all 0.2s ease-in-out; z-index: 10}
.cell:after,
.cell:before					{z-index:0}
.cell:hover						{text-decoration:none}
.cell span						{display:block; font-size: 14px; margin-top: 5px;}
.cell span.small				{font-size: 14px;}
.cell span.big					{font-size: 20px; margin-bottom: 8px;}
.cell span.number				{padding:2px 8px; font-size:14px; position: absolute; left: -5px; top: -14px; border-radius: 4px;}

.cell-container.img	.cell		{padding:0; font-size:0}
.cell-container.img	.cell img	{max-width:100%; height: auto}

.white-container				{background-color:#fff; box-shadow: 0 1px 0 0 rgba(0,0,0,0.2); border:1px solid #ccc; border-radius: 4px; text-align:center; padding:25px 10px;}
.white-container p				{margin-bottom:10px; margin-top: 0}
.white-container img			{display:inline-block;}

.cell-social-icon img			{margin:0 7px; transition: 0.2s ease-in-out}
.cell-social-icon:hover img		{opacity:0.5;}

.concept-map-text				{text-align:left; padding: 30px 0;}
.concept-map-text h2			{font-size:20px; font-weight: 400; color: #333; margin: 0; padding: 0; background-color: transparent;}
.concept-map-text.dotted-top	{border-top:1px dashed #004fb6;}

.row-count-1					{margin-bottom:60px;}
.row-count-1 .cell-container	{width:33.3%;}

.row-count-3					{margin-bottom:60px;}
.row-count-3 .cell-container	{width:33.3%;}


.row-count-3 .cell-container.arrow-right .cell			{width:60%;}
.row-count-3 .cell-container.arrow-left .cell			{width:60%; float: right;}

/** ARROWS **/

/**ARROW RIGHT **/
.cell-container.arrow-right:after		{height:1px; border-top:1px solid #4ca02b; width:65%; right: -65%; content: ''; position: absolute; top: 50%; margin-top: 0;}
.cell-container.arrow-right:before		{width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #4ca02b; content: ''; position: absolute; right: -66%; top:50%; margin-top: -5px}
.cell-container.line-right:after		{height:1px; border-top:1px solid #4ca02b; width:65%; right: -65%; content: ''; position: absolute; top: 50%; margin-top: 0;}

.cell-container.first-col.arrow-right:after		{right:0; width:40%;}
.cell-container.first-col.arrow-right:before	{right:-1px;}

.cell-container.last-col.arrow-left:after		{left:0; width:40%;}
.cell-container.last-col.arrow-left:before		{left:-1px;}

.cell-container.middle-col .cell.arrow-right:after		{height:1px; border-top:1px solid #4ca02b; width:65%; right: -65%; content: ''; position: absolute; top: 50%; margin-top: 0;}
.cell-container.middle-col .cell.arrow-right:before		{width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #4ca02b; content: ''; position: absolute; right: -66%; top:50%; margin-top: -5px}

.cell-container.middle-col .cell.arrow-right-inverted:after		{height:1px; border-top:1px solid #4ca02b; width:59%; right: -65%; content: ''; position: absolute; top: 50%; margin-top: 0;}
.cell-container.middle-col .cell.arrow-right-inverted:before	{width: 0; height: 0; border-style: solid; border-width: 5px 10px 5px 0px; border-color: transparent #4ca02b transparent transparent; content: ''; position: absolute; left: 104%; top:50%; margin-top: -5px}

.cell-container .cell ul	{text-align:left; padding-left: 10px;}

.cell-container .cell ul.tick-list		{list-style:none;}
.cell-container .cell ul.tick-list li	{background-image:url(/brokercreate/_assets/amm-icon-tick.png); background-position: left 0; background-repeat: no-repeat; background-size: 25px 26px; padding-top: 5px; padding-bottom: 5px; padding-left: 35px; margin-bottom: 10px;}


/**ARROW LEFY - Last Col **/
.cell-container.arrow-left:after		{height:1px; border-top:1px solid #4ca02b; width:65%; left: -65%; content: ''; position: absolute; top: 50%; margin-top: 0;}
.cell-container.arrow-left:before		{width: 0; height: 0; border-style: solid; border-width: 5px 10px 5px 0; border-color: transparent #4ca02b transparent transparent; content: ''; position: absolute; left: -66%; top:50%; margin-top: -5px}


.cell-container.arrow-down-long:after		{height: 120px; width:1px; border-right:1px solid #4ca02b; content: ''; position: absolute; bottom: -120px; left: 50%; margin-left: 0}
.cell-container.arrow-down-long:before		{width: 0; height: 0; border-style: solid; border-width: 10px 5px 0 5px; border-color: #4ca02b transparent transparent transparent; content: ''; position: absolute; bottom:-121px; left: 50%; margin-left: -3px;}

.cell-container.arrow-down:after		{height: 40px; width:1px; border-right:1px solid #4ca02b; content: ''; position: absolute; bottom: -38px; left: 50%; margin-left: -2px}
.cell-container.arrow-down:before		{width: 0; height: 0; border-style: solid; border-width: 10px 5px 0 5px; border-color: #4ca02b transparent transparent transparent; content: ''; position: absolute; bottom:-46px; left: 50%; margin-left: -5px;}

/** SOCIAL MEDIA MARKETING **/
.smm-icon			{position: absolute;}
.smm-twitter		{right: 82px; top: 34px; width: 57px; height: 58px;}
.smm-facebook		{right: 31px; top: 14px; width: 53px; height: 53px; transform: rotate(-20deg);}
.smm-linked-in		{right: 91px; top: 88px; width: 45px; height: 45px; transform: rotate(25deg);}
.smm-google			{right: 27px; top: 79px; width: 57px; height: 58px; transform: rotate(-13deg);}

/** CONTENT MARKETING **/
.icon-cm									{width:325px; margin: auto; margin-bottom: 50px;}
.icon-cm img								{width:100%;}

/** COLOURS **/
.concept-map-container.aviva .cell.white				{background-color:#ffffff; color: #000;}

.concept-map-container.aviva .cell.blue					{background-color:#004fb6; color: #fff; box-shadow: 0 0.0625em 0 0 #002c65;}
.concept-map-container.aviva .cell.blue span.number		{background-color:#004fb6; color: #fff; box-shadow: 0 0.0625em 0 0 #002c65; border:1px solid #fff;}
.concept-map-container.aviva .cell.blue:hover			{background-color:#ffd900; color: #004fb6; box-shadow: 0 0.0625em 0 0 #d1b62c;}

.concept-map-container.aviva .cell.yellow				{background-color:#ffd900; color: #004fb6; box-shadow: 0 0.0625em 0 0 #d1b62c;}
.concept-map-container.aviva .cell.yellow span.number	{background-color:#ffd900; color: #004fb6; box-shadow: 0 0.0625em 0 0 #d1b62c; border:1px solid #fff;}
.concept-map-container.aviva .cell.yellow:hover			{background-color:#004fb6; color: #fff; box-shadow: 0 0.0625em 0 0 #002c65;}

.concept-map-container.aviva .cell.green				{background-color:#4ca02b; color: #fff; box-shadow: 0 0.0625em 0 0 #286112;}
.concept-map-container.aviva .cell.green span.number	{background-color:#4ca02b; color: #fff; box-shadow: 0 0.0625em 0 0 #286112; border:1px solid #fff;}
.concept-map-container.aviva .cell.green:hover			{background-color:#004fb6; color: #fff; box-shadow: 0 0.0625em 0 0 #002c65;}

.btn-light-blue			{font-size:15px; color:#004fb6; text-decoration: none; display: block; background-color: #e6edf7; border-radius: 2px; box-shadow: 0px 1px 0px 0px rgba(178, 178, 178, 0.5); padding: 15px 10px; line-height: 1.2em;}
.btn-light-blue:hover	{background-color: #ffd900; text-decoration: none; color: #004fb6;}

/** ANIMATION **/
.animated		{animation:fadeIn; animation-duration: 0.5s; opacity: 0; animation-fill-mode: forwards}
.row-1			{animation-delay: 0.25s;}
.row-2			{animation-delay: 0.5s;}
.row-3			{animation-delay: 0.75s;}
.row-4			{animation-delay: 1s;}
.row-5			{animation-delay: 1.25s;}
.row-6			{animation-delay: 1.5s;}
.row-7			{animation-delay: 1.75s;}
.row-8			{animation-delay: 2s;}
.row-9			{animation-delay: 2.25s;}


@keyframes fadeIn {
	from {opacity:0}
	to {opacity:1}
}	

 /*
@media (max-width: 670px) {
   Other styling in responsive.css for .left-col
   .left-col.desktop { display: none; }
   .left-col.mobile { display: block; }
}
 */

/**************************************/
/****** MARKETING IN MINUTES *********/	
/*************************************/

.marketing-in-minutes *			{font-family: 'Source Sans Pro', sans-serif;}
.marketing-in-minutes section	{padding:40px 0}
.marketing-in-minutes			{position:relative;}

.middle-col .marketing-in-minutes ul				{list-style:none; padding: 0; margin:0 0 40px; font-size: 18px;}
.middle-col .marketing-in-minutes ul li			{position:relative; padding: 0 0 0 20px;}
.middle-col .marketing-in-minutes ul li:before	{width:11px; height: 15px; background-image: url(/brokercreate/_assets/chevron-bullet.png); background-size: cover; position: absolute; left: 0; top: 3px; content: '';}

section.title-section		{text-align:center; padding-top: 10px}
section.title-section h1	{font-size:37px; font-weight: 400;}
section.title-section h2	{font-size:27px; font-weight: 300; margin: 0; background-color: transparent; color: #5c596d;}

section.grey				{background-color:#f5f5f5; border-top:1px solid #e6e6e6;}
section.grey-light			{background-color:#f1f1f1; border-top:1px solid #e6e6e6;}

.inner-right				{/*width:690px; float: right;*/}

.white-box { padding: 30px; padding-bottom: 0; background-color: #ffffff; border: 1px solid #cccccc; }

.marketing-in-minutes h3	{color:#5c596d; font-weight: 400; font-size: 32px; margin-bottom: 30px; line-height: 1.2em; margin-top: 0}
.marketing-in-minutes h4	{color:#5c596d; font-weight: 400; font-size: 27px; padding: 0; margin-bottom: 20px; background-color: transparent;}

.quickMenu { width: initial; position: sticky; z-index: 5; top: 0; left: initial; margin-left: initial; background-color: #e5edf8; }
.quickMenu h1 { background-color: #0c335f; font-size: 25px; color: #ffffff; padding: 15px 25px; margin: 0; }
.quickMenu ul { margin-bottom: 0; list-style: none; }
.quickMenu ul li { padding: 0; margin-bottom: 0; }
.quickMenu ul li:before { display: none; }
.quickMenu ul li a { padding: 8px 25px; display: block; font-size: 14px; border-bottom: 1px solid #cccccc; color: #004eb5; line-height: 1.5em; }
.quickMenu ul li a.active,
.quickMenu ul li a:hover { background-color: #f8d047; text-decoration: none; }
.quickMenu ul li.active a { background-color: #3067a4; color: #FFF; }

.quickMenu.fixed	{position:fixed; top: 10px;}

@media (max-width:1023px) {
   .quickMenu { left: initial !important; margin-left: initial !important; width: initial !important; }
}

@media (max-width:768px) {
   .quickMenu ul li a { padding: 8px 15px; }
}

@media (max-width:680px) {
   .quickMenu ul { display: none; }
}

@media (max-width:680px) {
	header .inner {flex-direction: column;}
	header .header-buttons {margin-top: 30px; }
}




/*.middle-col .marketing-in-minutes .quickMenu ul { margin-bottom: 0; }
.middle-col .marketing-in-minutes .quickMenu ul li { padding: 0; margin-bottom: 0; }
.middle-col .marketing-in-minutes .quickMenu ul li:before { display: none; }
.middle-col .marketing-in-minutes .quickMenu ul li a { padding: 8px 25px; display: block; font-size: 16px; }

.middle-col .marketing-in-minutes .quickMenu ul li a.active,
.middle-col .marketing-in-minutes .quickMenu ul li a:hover { background-color: #f8d047; color: #1a51b0; text-decoration: none; }

.quickMenu.fixed	{position:fixed; top: 10px;}*/

.mim-cta				{margin-top:20px;}
.mim-cta a.btn-yellow	{display:inline-block; margin-right: 10px;}
.mim-cta p				{display:inline-block; font-size: 18px;}

/*************************************/
/*************************************/
/*************************************/


/****************************/
/****** VIDEO PAGE *********/
/**************************/
.videoListing		{margin:40px 0;}
.videoItem			{font-size:0; border:1px solid #e6edf7; padding: 20px; margin-bottom: 20px;}
.videoItem img		{width:30%; display: inline-block; vertical-align: top;}
.videoContent		{width:70%; padding-left: 30px; display: inline-block; vertical-align: top;}
.videoContent h3	{margin-top:0 !important; line-height: 1.2em;}
.videoContent p		{font-size:15px}
.currentActive		{background-color:#e6edf7;}
.vid3-dimensions	{}


/* COOKIE BUTTON */
#ot-sdk-btn { position: fixed; bottom: 0; left: 0; color: #004fb6 !important; border: 1px solid #004fb6 !important; z-index: 99999;}
#ot-sdk-btn:hover {background-color: #004fb6 !important; color: #fff !important;}


@media (max-width: 860px) { section .four-col .col-indent {width:100%; margin:0;}
    section.four-col .col-4 { width: 50%; padding: 10px; }
    section.four-col .col-2 { width: 100%; padding: 10px; }
}




.popup-underlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 10000; background-color: rgba(0, 0, 0, 0.85); }

.popup-container { padding: 0 10px; }

.popup-form { display:block; margin: 5vh auto 0 auto; width: 100%; max-width: 800px; background-color: #ffffff; position: relative; }

.popup-form .btn-popup-close-X { position: absolute; top: 5px; right: 5px; width: 15px; height: 15px; background-color: transparent; background-image: url("/brokercreate/_assets/icon-close.png"); background-size: cover; background-position: center; background-repeat: no-repeat; cursor: pointer; z-index: 100; }

.popup-form h2 { padding: 5px 20px; background-color: #ffd900; color: #004fb6; position: relative; margin: 0; font-size: 20px; font-weight: bold; }

.popup-form .popup-form-buttons { text-align: center; margin-top: 0; border-top: 1px solid #000000; padding: 5px 20px; }

.popup-form .popup-form-buttons button,
.popup-form .popup-form-buttons input[type=button],
.popup-form .popup-form-buttons input[type=submit] { padding: 8px 16px; display: inline; margin-right: 10px; }

.popup-form .popup-form-buttons button:last-child,
.popup-form .popup-form-buttons input[type=button]:last-child,
.popup-form .popup-form-buttons input[type=submit]:last-child { margin-right: 0; }


.popup-form .popup-form-content { min-height: 100px; max-height: 75vh; overflow-y: auto; overflow-x: hidden; padding: 10px 20px 0 20px; }

.popup-form.image-selector .selectable-images { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; padding: 20px 0; }

.popup-form.image-selector .selectable-image-panel { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 5px; }
.popup-form.image-selector .selectable-image-panel:hover { box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5); }

.popup-form.image-selector .selectable-image-panel .content { position: relative; }

.popup-form.image-selector .selectable-image-panel div.image { text-align: center; }
.popup-form.image-selector .selectable-image-panel div.image img { width: 100px; }

.popup-form.image-selector .selectable-image-panel div.name { text-align: center; font-size: 13px; color: #000000; line-height: 1.3em; margin-top: 10px; overflow-wrap: anywhere; overflow-wrap: break-word; }

.popup-form.image-selector .selectable-image-panel div.select { text-align: center; margin-top: 10px; }

.popup-form.image-selector .selectable-image-panel div.select input[type=button] { display: inline-block; padding: 6px 10px; font-weight: 400; font-size: 12px; }

.popup-form.image-selector .selectable-image-panel .btn-delete { display: none; position: absolute; right: 0; top: 0; background-color: #ffffff; color: #000000; padding: 5px; font-weight: 400; }
.popup-form.image-selector .selectable-image-panel:hover .btn-delete { display: block; }

.popup-form.image-selector .selectable-image-panel:hover .btn-delete:hover { color: #ffffff; }

.popup-form.image-selector .selectable-image-panel.select-for-delete { box-shadow: 0 0 5px 0 rgba(192, 0, 0, 0.5); }

/* LIGHTBOX CODE */
.lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffd900; z-index: 10000; }
.lightbox-container {position: absolute; width:800px; max-width: 100%; left: 50%; margin-left: -400px; top:20%; background-color: #004fb6; padding:50px 30px; transform: scale(0); transition: all 0.2s; }
.lightbox-content 	{font-family: Arial, Helvetica, sans-serif; font-size: 40px; color: #000000; }
.lightbox-close 	{position: absolute; top: 20px; right: 20px; display: block; width: 20px; height: 20px; background-image: url("/brokercreate/_assets/icon-close-white.png"); background-size: cover; background-repeat: no-repeat; cursor: pointer; }
.img-person			{margin-top:60px;}
.lightbox-container.zoom-in { transform: scale(1); }
.lightbox-container.zoom-out { transform: scale(0); }

.lightbox img.logo-popup	{position:absolute; right:60px; top: 0; width: 90px; height: auto; float: none;}

.img-person				{border:5px solid #ffffff; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); float: left;}
.lightbox img			{width: 100%;}
.lightbox .text			{width: 70%; padding-left: 50px;}
body.home .lightbox h1	{font-size:20px; color: #ffffff; width: auto; padding-top: 60px;}
.lightbox-prompt		{width:100%; text-align: center;}
.lightbox .text	p		{color:#ffffff; font-size: 16px;}
.lightbox-prompt p		{font-size:18px; display: inline-block; color: #ffffff;}
.lightbox-prompt .btn-yellow	{display:inline-block; font-size: 18px;}

.lightbox-marketing-community .header-logo							{display: flex; width: 800px; max-width: 100%; margin:50px auto 0; padding: 0 20px; text-align: left; align-items: center; justify-content: space-between}
.lightbox-marketing-community .header-logo img						{width: 150px;}
.lightbox-marketing-community .lightbox-container					{background-color: #ffffff; box-shadow: 15px 15px 5px rgba(0,0,0,0.2); border:1px solid #aaaaaa; border-right:6px solid #dddddd; border-bottom:6px solid #dddddd;
																	padding: 30px; width: 414px; max-width: 100%; text-align: center; margin-left: auto; transform: translateX(-50%) rotate(3deg);}
.lightbox-marketing-community h2									{font-size: 22px; font-weight: 700; font-size: 40px;}
.lightbox-marketing-community .lightbox-container h2 svg path		{fill:#333333}
.lightbox-marketing-community .lightbox-container img				{margin:0 auto 25px auto; max-width: 100%; display: block;}
.lightbox-marketing-community .lightbox-container p					{font-size: 15px;}
.lightbox-marketing-community .lightbox-container p a				{font-weight: 700; text-decoration: none}
.lightbox-marketing-community .lightbox-container p:last-child		{margin-bottom: 0}
.lightbox-marketing-community .lightbox-close	{background-image:url(/brokercreate/_assets/icon-close.png)}

.lightbox-marketing-community .btn		{display: inline-flex; align-items: center;}
.lightbox-marketing-community .btn svg	{margin-left: 10px;}
.lightbox-marketing-community .btn svg path	{fill: #004fb6}

.lightbox-marketing-community .btn:hover			{background-color: #004fb6; color: #ffffff; border-color:#004fb6}
.lightbox-marketing-community .btn:hover svg path	{fill: #ffffff}

.lightbox-marketing-community .header-logo			{margin-bottom: 40px;}
.lightbox-marketing-community .lightbox-container	{position: relative; margin: auto; left: auto; top: auto; transform: translateX(0) rotate(3deg);}
.lightbox-scroll	{overflow-y: auto; height: 100vh;  padding-bottom: 40px;}


.polaroid-pic		{position: relative;}
.polaroid-pic:after	{position:absolute; box-shadow: inset -2px 2px 2px rgba(0,0,0,0.2); z-index: 5; width: 100%; height: 100%; content:''; left: 0; top: 0}