@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* ==========================================================================
Variables                                               
========================================================================== */


/**
* Find the most consistently used font styles, colors, and container widths 
* for your site and assign them to the jinja variables below for easy use 
* and reference. 
*
* Apply the variable as shown below.  Ignore the jingja comment tags.
*
* 
*/


/* Typography */



/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */



/* ==========================================================================
Macros                                                  
========================================================================== */


/** 
* Create jinja macros for CSS3 properties that need browser prefixes.
*
* Apply the style as shown below on it's own CSS property line.  
* Ignore the jinja comment tags. 
*
* 
*/

 

/** 
* Example of how to apply the above macro (ignore the jinja comment tags):
*
* a {
*   color: red;
*   font-size: 12px;
*    
* }
*/




/* ==========================================================================
Base                                                    
========================================================================== */


/** 
* Box Sizing
* 
* Applies a natural box layout model to all elements so that width and padding 
* are essentially combined, making responsive styles easier to manage.
*/

*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html, body {
	min-height: 100%;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 

/* Website background color and default font styles */
body {
	background: #fff;
	color: #191919;
	font-family: 'Open Sans', sans-serif;
	font-size: 62.5%;
	overflow-x: hidden;
	position: relative;
}

/**
* Page Center
*
* Apply .page-center to full-width modules.
*/

.container-fluid .row-fluid .page-center {
	float: none;
	max-width: 1140px;
	margin: 0 auto;
	padding:0 20px;
}

.page--center {
	max-width: 1215px;
	margin: 0 auto;
	padding: 0 20px;
}

.max--center {
	max-width: 1600px;
	margin: 0 auto;
}

a { 
	color: #2BB0D4;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

a:hover {
	-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

a:hover, a:focus {
	text-decoration: none;
}

hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: none;
}

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {
	max-width: initial;
}

/* responsive pre elements */

pre {
	overflow-x: auto;
}

/* responsive pre tables */

table pre {
	white-space: pre-wrap;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
	word-wrap: break-word;
}





/* ==========================================================================
Typography
========================================================================== */


/* Basic text */
p {
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:32px;
	margin:0 0 43px 0;
	color:#646569;
} 

p:last-child {
	margin:0 0 0 0!important;
}

small {}

strong {
	font-weight:600;
}

em {}

cite {}

code {}

pre {}

sup, sub {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 {

}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

}

h1 {
	font-family:'Montserrat', sans-serif;
	font-weight:600;
	font-size:33px;
	color:#ffffff;
	line-height:33px;
	letter-spacing:0.5px;
	margin:0 0 18px 0;
}

h2 {
	font-family:'Montserrat', sans-serif;
	font-weight:600;
	font-size:25px;
	color:#333333;
	line-height:34px;
	letter-spacing:normal;
	margin:0 0 20px 0;
}

h3 {
	font-family:'Montserrat', sans-serif;
	font-weight:600;
	font-size:20px;
	color:#333333;
	line-height:42px;
	margin:0 0 20px 0;
}

h4 {
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#333333;
	line-height:32px;
	margin:0 0 3px 0;
}

.cta-section h2 {
	font-size: 25px;
	font-weight: 600;
	line-height: 30px;
	margin: 0 0 9px 0;
}

.cta-section p {
	font-family: 'Montserrat', sans-serif;
	font-size: 27px;
	font-weight: 600;
	line-height: 33px;
}

/* Lists */
ul {
	padding:0 0;
}

ul{
	list-style:none;
}

ol {
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:32px;
	margin:0 0 0 0;
	color:#646569;
	counter-reset: li;
	list-style: none;
	*list-style: decimal;
	padding: 0 0 0 43px;
	margin: 47px 0 44px 0;
}

ol li {
	counter-increment: list;
	list-style-type: none;
	position: relative;
	margin: 0 0 6px 0;

}

ol li:before {
	content: counter(li) ".";
	counter-increment: li;
	left: -24px;
	position: absolute;
	font-weight: bold;
	color: #2BB0D4;
}

ol ol {
	margin: 0 0 0 0;
	padding: 0 0 0 30px;
}

ol ol li {
	counter-increment: listStyle;
}

ol ol li:before {
	content: counter(listStyle,lower-alpha) ".";
	left: -30px;
}

ul ul, ul ol, ol ol, ol ul {}

.delimiter li:last-child {
	margin: 0 0 0 0;
}

.delimiter ul {
	font-family:'Open Sans', sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:32px;
	margin:0 0 0 0;
	color:#646569;
}

.delimiter ul ul {
	margin:40px 0 0 0;
}

.delimiter ul li {
	position: relative;
	margin:0 0 43px 0;
	padding: 0 0 0 54px;
}

.delimiter ul li:before {
	position: absolute;
	content: url(https://3076203.fs1.hubspotusercontent-na1.net/hubfs/3076203/Console%20Connect/tick-icon.svg);
	top: 1px;
	left: 0;
}

.cta-btn{
	-webkit-appearance: none;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	border: none;
	font-size: 17px;
	font-weight: bold;
	line-height: normal;
	background-color: #2BB0D4;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	padding: 19px 34px;
	margin-top: 13px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	white-space: normal;
	text-decoration:none;
	display:inline-block;
}
.cta-btn:hover{
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}
/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}

q:before, q:after, blockquote:before, blockquote:after {}


/* ==========================================================================
Structure                                               
========================================================================== */


/* The outer wrappers of your website */
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper {}

/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {}




/* ==========================================================================
Header
========================================================================== */

.nav-main.sticky.nav-hidden,
.nav-main-pccw.sticky.nav-hidden{
	top:-100%;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.nav-main.sticky.nav-visible,
.nav-main-pccw.sticky.nav-visible{
	top:0;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.nav-main,
.nav-main-pccw,
.pccw__nav {
	position: fixed;
	padding: 12px 0;
	z-index: 99; /* For LP nav to overlap the hero */
	top: 0;
	left: 0;
	right: 0;
	background: transparent;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pccw__nav {
	position: absolute;
}

.nav-main.sticky,
.nav-main-pccw.sticky {
	top: 0;
	background: #ffffff;
	box-shadow: 0 3px 45px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 3px 45px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 3px 45px rgba(0,0,0,0.15);
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.nav-main.static.sticky,
.nav-main-pccw.static.sticky {
	top: -94px;
}

.nav-main.sticky .desktop-nav ul li a,
.nav-main-pccw.sticky .desktop-nav ul li a {
	color: #004a8f;
	opacity: 1;
}

.nav-main.sticky .desktop-nav ul li a:hover,
.nav-main-pccw.sticky .desktop-nav ul li a:hover{
	color: #2bb0d4;
}

.nav-main.sticky .nav-btns ul li:nth-child(2) a,
.nav-main-pccw.sticky .nav-btns ul li:nth-child(2) a {
	border-color: rgba(0,0,0,0.4);
}

.nav-main.sticky .nav-btns ul li:nth-child(2) a:hover,
.nav-main.sticky-pccw .nav-btns ul li:nth-child(2) a:hover{
	border-color: #00498f;
}

.nav-main.sticky .desktop-nav ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
.nav-main-pccw.sticky .desktop-nav ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
	color: #ffffff;
}

.header-blue .nav-main {
	background-color: #004a8f; 
}

/* Mobile Navigation Sidebar */

.mobile-menu-inner {
	overflow-y: auto;
	position: absolute;
	height: calc(100%);
	width: 100%!important;
	padding: 33px;
}

.mobile-nav {
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background-color: #004a8f;
	width: 300px!important;
	height: 100%;
	z-index: 10000;
	position: fixed;
}

.mobile-nav.offcanvas {
	-webkit-transform: translateX(300px);
	-ms-transform: translateX(300px);
	transform: translateX(300px);
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.offcanvas-expanded .mobile-nav.offcanvas {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.body-container-wrapper {
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.offcanvas-expanded .body-container-wrapper,
.offcanvas-expanded .nav-main;
.offcanvas-expanded .nav-main-pccw {
	-webkit-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transform: translateX(-300px);

	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.offcanvas-expanded .body-overlay {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.body-overlay {
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.nav-main .page-center {
	position: relative;
}

.menu-trigger {
	width: 22px!important;
	height: 14px;
	position: absolute;
	right: 25px;
	top: 25px;
	cursor: pointer;
	z-index: 99;
}

.offcanvas-toggle {
	-webkit-appearance:none;
	transform: translate(0, 0);
	border:none;
	background: transparent;
	padding: 0;
	cursor: pointer;
}

.offcanvas-toggle:focus {
	outline: none;
}

.mob-tr {
	background-color: #ffffff;
	opacity: 0.75;
	-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
	display: block;
	width: 22px;
	height: 2px;
}

.menu-trigger:hover .mob-tr {
	opacity: 1;
}

.nav-main.sticky .mob-tr,
.nav-main-pccw.sticky .mob-tr {
	background-color: #004a8f;
}

.mob-tr:nth-child(1) {
	margin: 0 auto;
}

.mob-tr:nth-child(2) {
	margin: 4px auto;
}

.mob-tr:nth-child(3) {
	margin: 0 auto;
}

.mobile-menu .dropdowns-trigger {
	display: block;
	position: absolute;
	right: 3px;
	top: 3px;
	cursor: pointer;
	font-size: 18px;
	width: 50px;
	height: 35px;
	text-align: right;
}

.mobile-menu .dropdowns-trigger .fas {
	-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
	margin-left: auto;
	width: 11px;
	height: 18px;
}

.mobile-menu .dropdowns-trigger.dropdowns-open .fas {
	-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.mobile-menu ul {
	margin: 6px 0 0 0;
	padding: 0 0 0 0;
	font-family: 'Open Sans', sans-serif;
	text-transform: capitalize;
	font-size: 30px;
	line-height: 35px;
	font-weight: 500;
	letter-spacing: -1px;
}

.mobile-menu ul li {
	display: block;
	width: 100%;
	position: relative;
	color: #ffffff;
	margin: 0 0 2px 0;
	padding-right: 50px;
}

.mobile-menu ul li a {
	color: #ffffff;
	display: block;
	opacity: 0.7;
}

.mobile-menu ul li a:hover {
	opacity: 1;
}

.mobile-menu ul li.hs-menu-item.hs-menu-depth-1.hs-item-has-children {
	position: relative;
}

.mobile-menu ul li.hs-menu-item.hs-menu-depth-1.hs-item-has-children ul.hs-menu-children-wrapper {
	visibility: visible !important;
	opacity: 1 !important;
	position: static !important;
	display: none;
	margin: 14px 0 8px 0;
	font-size: 18px;
	line-height: 29px;
}

.mobile-menu ul li.hs-menu-item.hs-menu-depth-1.hs-item-has-children ul.hs-menu-children-wrapper li {
	opacity: 1;
	margin: 0 0 3px 0;
	padding-right: 0;
}

.mobile-menu ul li.hs-menu-item.hs-menu-depth-1.hs-item-has-children ul.hs-menu-children-wrapper li a {
	margin-right: 0;
}

.mobile-nav .menu-trigger {
	width: 17px;
	height: 17px;
	position: absolute;
	right: 32px;
	top: 28px;
}

.mobile-nav .menu-trigger .sidebarx {
	-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.mobile-nav .menu-trigger .sidebarx:hover {
	-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mobile-nav .mob-tr {
	background-color: #ffffff;
}

.sidebarx {
	position: relative;
	width: 17px;
	height: 17px;
	display: block;
	z-index: 99;
}

.sidebarx:before {
	position: absolute;
	content: '';
	display: block;
	width: 22px;
	height: 2px;
	right: -2px;
	top: 8px;
	background-color: #ffffff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform:  rotate(45deg);
}

.sidebarx:after {
	position: absolute;
	content: '';
	display: block;
	width: 22px;
	height: 2px;
	background-color: #ffffff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: -2px;
	top: 8px;
}

.sidebar-social {
	margin-top: 50px;
}

.sidebar-social p {
	font-size: 18px;
	line-height: 22px;
}

.sidebar-social p a {
	color: #ffffff;
	opacity: 0.7;
	margin: 0 10px;
}

.sidebar-social p a:hover {
	opacity: 1;
}


.header-container-wrapper {}
.header-container {}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {}




/* ==========================================================================
Content                                                 
========================================================================== */


.body-container-wrapper {}
.body-container {}

/* Design Elements */

.delimiter {
	padding: 150px 0 150px 0;
}

.delimiter:focus {
	outline: none;
}

.bg-white {
	background-color: #ffffff;
}

.bg-paleblue {
	background-color: #F2F6F9;
}

.bg-gradient-blue {
	background: linear-gradient(180deg, #00498F 0%, #2BB0D4 100%);
}

.bg-darkblue {
	background-color: #004A8F;
}

.hero p {
	line-height: 24px;
}

.bg-gradient-blue p {
	color: #ffffff;
}

.form-box {
	background-color: #ffffff;
	box-shadow: 0 2px 12px 7px rgba(37,111,145,0.06);
	padding: 32px 35px 45px 35px;
}

.cct-lp .form-box {
	margin-top: 17px;
}

.cct-lp .submitted-message, .cct-lp .submitted-message p {
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	text-align: center;
	color: #646569;
	overflow: auto;
	min-height: 300px;
}

.btn {
	display: inline-block;
	font-family:'Montserrat', sans-serif;
	border: 2px solid #FFFFFF;
	font-size: 17px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	-webkit-border-radius: 29px;
	-moz-border-radius: 29px;
	border-radius: 29px;
	padding: 17px 56px;
	position: relative;
	top: 0;
}

.btn:hover {
	top: -3px;
}

.btn-lightblue {
	background-color: #2BB0D4;
	border: 2px solid #2BB0D4;
	color: #ffffff;
}

.btn-ghost {
	border: 2px solid #FFFFFF;
	color: #ffffff;
}

.btn-ghost:hover {

}

.btn-ghost.btn-lightblue {
	background-color: transparent;
	border: 2px solid #2BB0D4;
	color: #2BB0D4;
}

.btn-pink {
	background-color: #FF276F;
	border-color: #FF276F;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}

.style20 .btn-ghost.btn-pink,
.btn-ghost.btn-pink {
	background-color: transparent;
	border: 2px solid #FF276F;
	color: #FF276F;
}

/* Resources */

.resources-hero {
	text-align: center;
	padding: 191px 0 126px 0;
}

.resources-hero h1 {
	text-transform: uppercase;
	font-size: 27px;
}

.resources-hero h2 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	line-height: 33px;
	margin: 0 0;
}


/* Blog Listing */

.cct-blog .hero.listing-hero {
	text-align: center;
	padding: 182px 0 94px 0;
}

.cct-blog .hero.listing-hero h1 {
	font-weight: 500;
	letter-spacing: normal;
	line-height: 40px;
	margin: 0 0 11px 0;
}

.cct-blog .hero.listing-hero p {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	line-height: 33px;
	font-weight: 500;
	margin: 0 0 20px 0;
}

.cct-blog .hero.listing-hero p.listing-by {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 19px;
}

.delimiter.subscribe-listing {
	text-align: center;
	padding: 42px 0 41px 0;
}

.subscribe-listing h2 {
	color: #ffffff;
	font-size: 25px;
	font-weight: 600;
	line-height: 35px;
	margin: 0 0 9px 0;
}

.subscribe-listing p {
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 32px;
	margin: 0 0 21px 0;
}

.subscribe-listing .btn {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	padding: 8px 23px 7px 23px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.topics-nav {
	background-color: #EAF0F5;
}

.topics-menu ul {
	display: block;
	float: left;
	width: 100%;
	list-style: none;
	padding: 0 0;
	margin: 0 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
}

.topics-menu ul li {
	display: inline-block;
	float: left;
	width: 20%;
	text-align: center;
}

.topics-menu ul li.hs-menu-depth-1:last-child a {
	padding: 28px 20px 26px 20px;
}

.topics-menu ul li a {
	color: rgba(100,101,105,0.6);
	display: block;
	padding: 28px 20px 26px 20px;
}

.topics-menu ul li a:hover {
	color: #646569;
}

.topics-menu ul li.hs-menu-depth-1.hs-item-has-children {
	position: relative;
}

.topics-menu ul li.hs-menu-depth-1.hs-item-has-children a {
	position: relative;
}

.topics-menu ul li.hs-menu-depth-1.hs-item-has-children a:after {
	position: absolute;
	content: '';
	background-image: url(//3076203.fs1.hubspotusercontent-na1.net/hubfs/3076203/Console%20Connect/CCT%20Theme/Blog/arrow-down.png);
	display: block;
	width:16px;
	height:10px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px 10px;
	line-height: 16px;
	top: 33px;
	right: 0px;
}

.topics-menu ul li.hs-menu-depth-1.hs-item-has-children ul.hs-menu-children-wrapper {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	position: absolute;
	z-index: 10;
	left: -20px;
	background-color: #EAF0F5;
	width: 271px;
}

.topics-menu ul li.hs-menu-depth-1.hs-item-has-children:hover ul.hs-menu-children-wrapper {
	opacity: 1;
	visibility: visible;
}

.topics-menu ul li.hs-menu-depth-1 ul.hs-menu-children-wrapper li.hs-menu-depth-2 {
	display: block;
	float: none;
	width: 100%;
	border-top: 1px solid #FFFFFF;
	text-align: left;
}

.topics-menu ul li.hs-menu-depth-1 ul.hs-menu-children-wrapper li.hs-menu-depth-2 a {
	position: static;
	padding: 28px 30px 27px 30px;
}

.topics-menu ul li.hs-menu-depth-1 ul.hs-menu-children-wrapper li.hs-menu-depth-2 a:after {
	display: none;
}

.topics-menu ul li.hs-menu-depth-1 ul.hs-menu-children-wrapper li.hs-menu-depth-2 a:hover {

}

.delimiter.posts-list {
	padding: 95px 0 65px 0;
}

.delimiter .pagination {
	width: 100%;
	margin-top: 7px;
}

.delimiter .pagination ul {
	list-style: none;
	display: inline-block;
	float: left;
	padding: 0;
	margin: 0;
}

.delimiter .pagination ul li.disabled {
	display: none;
}

.delimiter .pagination ul li {
	display: inline-block;
	float: left;
	position: static;
	padding: 0 0;
	font-size: 17px;
	line-height: 31px;
	margin: 0 18px 0 0;
	height: 31px;
	width: 31px;
	text-align: center;
}

.delimiter .pagination ul li:last-child {
	margin: 0 0 0 0;
}

.delimiter .pagination ul li:before {
	display: none;
}

.delimiter .pagination ul li a {
	display: block;
	height: 31px;
	width: 31px;
	line-height: 31px;
	color: rgba(100,101,105,0.6);
	background-color: #EAF0F5;
	font-weight: 600;
}

.delimiter .pagination ul li a:hover {
	color: #ffffff;
	background-color: rgba(100,101,105,0.6);
}

.delimiter .pagination ul li.active a {
	color: #ffffff;
	background-color: rgba(100,101,105,0.6);
}

.delimiter .pagination ul li.active a:hover {
	color: rgba(100,101,105,0.6);
	background-color: #EAF0F5;
}

.cct-blog .post-listing .post-item {
	box-shadow: 0 2px 44px 0 rgba(0, 62,82, 0.2);
	background-color: #FFFFFF;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.cct-blog .post-listing .post-item:hover {
	transform: translate(0px, -3px);
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
	box-shadow: 0px 10px 60px rgba(0,62,82, 0.2);
}

.cct-blog .post-listing .post-item a {
	display: block;
	height: 100%;
	width: 100%;
}

.cct-blog .listing-cards {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.cct-blog .post-listing .post-item.featured {
	position: relative;
	margin-bottom: 100px;
	min-height: 272px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.cct-blog .post-listing .post-item.featured .featured-img {
	width: 59%;
	position: absolute;
	right: auto;
	top: 0;
	bottom: 0;
	left: 0;
}

.cct-blog .post-listing .post-item.featured .featured-img img.ft-img {
	display:none!important;
}

.cct-blog .post-listing .post-item.featured .post-content {
	width: 41%;
	margin: 0 0 0 auto;
	padding: 30px 32px 30px 32px;
}

.cct-blog .post-listing .post-item.featured p.post-info {
	font-family: 'Montserrat', sans-serif;
	color: #2BB0D4;
	font-size: 15px;
	font-weight: 600;
	line-height: 19px;
	margin: 0 0 20px 0;
}

.cct-blog .post-listing .post-item.featured p.post-info .postdate {
	margin-right: 6px;
}

.cct-blog .post-listing .post-item.featured h2 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	margin: 0 0 0 0;
}

.cct-blog .post-listing .post-item.default {
	display: inline-block;
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 103px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.cct-blog .post-listing .post-item.default:nth-child(3n) {
	margin-right: 0;
}

.cct-blog .post-listing .post-item.default .featured-img {
	width: 100%;
}

.cct-blog .post-listing .post-item.default .post-content {
	padding: 20px 22px 17px 22px;
}

.cct-blog .post-listing .post-item.default p.post-info {
	font-family: 'Montserrat', sans-serif;
	color: #2BB0D4;
	font-size: 11px;
	font-weight: 600;
	line-height: 14px;
	margin: 0 0 10px 0;
}

.cct-blog .post-listing .post-item.default p.post-info .postdate {
	margin-right: 6px;
}

.cct-blog .post-listing .post-item.default h2 {
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	margin: 0 0 0 0;
}

.cct-blog .post-item .featured-img img {
	vertical-align: top;
}

/* Blog Post */

.hero.post-hero {
	height: 370px;
}

.delimiter.related-posts {
	padding: 101px 0 101px 0;
}

.delimiter.related-posts .section-heading h2 {
	text-align: center;
	color: #ffffff;
	font-size: 25px;
	margin: 0 0 67px 0;
}

.cct-blog .delimiter.related-posts .post-item.default {
	margin-bottom: 0;
}

.delimiter.back-blog {
	padding: 54px 0 84px 0;
}

.back-blog p {
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	line-height: 33px;
}

.back-blog p a {
	position: relative;
	padding-left: 32px;
}

.back-blog p a:before {
	position: absolute;
	content: '';
	background-image: url(//3076203.fs1.hubspotusercontent-na1.net/hubfs/3076203/Console%20Connect/CCT%20Theme/Blog/back-blog.png);
	display: block;
	width: 8px;
	height: 13px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 8px 13px;
	top: 4px;
	left: 0;
}

.post-header {
	text-align: center;
	border-bottom: 1px solid rgba(0,62,82,0.2);
	padding: 0 0 80px 0;
	margin-bottom: 30px;
}

.post-header p#hubspot-topic_data {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 19px;
	margin: 0 0 30px 0;
}

.post-header p#hubspot-topic_data a.topic-link {
	color: rgba(100,101,105,0.6);
	margin: 0 20px;
}

.post-header p#hubspot-topic_data a.topic-link:hover {
	color: #2BB0D4;
}

.post-header h1 {
	color: #333333;
	font-size: 28px;
	margin: 0 0 30px 0;
}

.post-header p.post-info {
	font-family: 'Montserrat', sans-serif;
	color: #2BB0D4;
	font-size: 15px;
	font-weight: 600;
	line-height: 19px;
	margin: 0 0 20px 0;
}

.post-header p.post-info a {
	margin-left: 8px;
}

.post-header p.post-info a:hover {
	text-decoration: underline;
}

.cct-blog .post-body a {
	font-weight: bold;
}

.cct-blog .post-body a:hover {
	color: #646569;
}

.cct-blog .post-body a.cta_button {
	font-weight: bold;
}

.cct-blog .post-body a.cta_button:hover {
	text-decoration: none;
}

.cct-blog .post-body {
	margin-bottom: 48px;
	position: relative;
}

.cct-blog .post-body img.featuredimg {
	width: 100%;
	position: absolute;
	top: -419px;
	box-shadow: 0 2px 44px 0 rgba(102,114,118,0.2);
}

.cct-blog .delimiter.post-wrap {
	padding: 197px 0 0 0;
}

.delimiter.subscribe-post {
	background-color: #F2F6F9;
	padding: 17px 0 16px 0;
	text-align: center;
}

.subscribe-post p {
	font-weight: 600;
}

.subscribe-post .btn {
	font-size: 12px;
	font-weight: 600;
	line-height: 15px;
	text-transform: uppercase;
	padding: 7px 21px 6px 21px;
	margin-left: 34px;
}

.subscribe-post .subs-btn {
	display: inline-block;
}

.post-wrap .social-sharing {
	padding-top: 36px;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.post-wrap .social-sharing a {
	width: 20px!important;
	display: block;
	float: none;
	margin-bottom: 15px;
}

.post-wrap .social-sharing a img {
	width: 20px;
	max-width: 20px!important;
	max-height: 20px!important;
}

.cct-blog .delimiter .post-body ul {
	list-style: disc;
	padding-left: 39px;
	margin: 47px 0 44px 0;
}

.cct-blog .delimiter .post-body ul li {
	position: static;
	padding: 0 0 0 3px;
	margin: 0 0 10px 0;
}

.cct-blog .delimiter .post-body ul li:before {
	display: none;
}

.cct-blog .delimiter .post-body ul ul {
	margin: 0 0;
	padding: 0 0 0 19px;
}

.cct-blog .delimiter .post-body ul ul li {
	margin: 0 0 6px 0;
	padding: 0 0;
}


/* Unique Pages
========================================================================== */

/* Landing Page */

.cct-lp .hero {
	padding: 173px 0 98px 0;
	position: relative;
}

.cct-lp .hero .page-center .row-fluid {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
}

.cct-lp .hero-img {
	position: relative;
	text-align: center;
}

.cct-lp .hero-img img {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -208px;
}


/* Thank You Page */

.cct-lp.ty-page .hero {
	padding: 152px 0 50px 0;
}

.ty-page .hero .btn {
	padding: 17px 36px;
}

.ty-page .delimiter.cta-section {
	padding: 0 0 125px 0;
}

.ty-page .hero h1 {
	font-size: 47px;
	line-height: 50px;
	font-weight: 500;
}

.ty-page .hero p {
	font-size: 27px;
	font-family:'Montserrat', sans-serif;
	font-weight: 500;
	margin: 0 0 36px 0;
	line-height: 33px;
}

.cct-lp.ty-page .hero-img img {
	bottom: -158px;
}

@media only screen and (max-width: 768px) {
	.cct-lp.ty-page .right-column {
		margin-top: 30px;
	}
}

/* Event Landing Page */

.event-hero {
	text-align: center;
}

.event-hero h1 {
	text-transform: none;
	font-size: 47px;
	font-weight: 500;
	line-height: 48px;
}

.hero.event-hero p {
	font-size: 27px;
	font-family:'Montserrat', sans-serif;
	font-weight: 500;
	line-height: 40px;
	margin: 0 0 23px 0;
}

.cct-lp .hero.event-hero {
	padding: 130px 0 163px 0;
	position: static;
}

.event-intro {
	text-align:center;
}

.pccw-lp .event-speakers .speaker-box { 
	float: none;
	margin: 0 auto;
}

.delimiter.event-intro {
	position: relative;
	padding: 313px 0 93px 0;
}

.event-intro .section-text h2 {
	margin: 0 0 28px 0;
}

.cct-lp .event-intro .hero-img img {
	top: -429px;
}

.register-box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 2px 15px 1px rgba(0,62,82,0.2);
	padding: 145px 130px 145px 110px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

.register-box h2 {
	color: #ffffff;
	text-transform: uppercase;
}

.register-box p {
	color: #ffffff;
}

.delimiter.register-section {
	padding: 50px 20px 118px 20px;
}

.register-section .page-center {
	position: relative;
}

.register-section .form-box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	max-width: 376px;
	z-index: 99;
	position: relative;
	margin-top: 55px;
	margin-left: auto!important;
	margin-right: 120px;
	display: block;
	float: right;
}

.register-section input[type="submit"] {
	display: block;
	margin: 30px auto 0 auto;
}


/* Lead Acquisition LP */

.lead-lp #navbar .page-center,
.lead-lp .footer-wrap .page-center {
	max-width: 1240px;
}

.lead-lp .delimiter {
	padding: 0;
}

.lead-lp .delimiter p,
.lead-lp .delimiter ul li {
	margin: 0 0 10px 0;
}


/* 2020 Website Style Updates */

.style20 .delimiter.hero-fw-center,
.cct-lp.ty-page.style20 .hero.bg-gradient-blue,
.style20 .resources-hero,
.cct-lp.style20 .hero.bg-gradient-blue {
	background-image: none;
	background-color: #122641;
	background: #122641;
}

.style20 .event-hero h1,
.cct-lp.style20 .hero h1,
.style20 .hero-fw-center h1 {
	color: #23E0F9;
	text-transform: uppercase;
	font-size: 42px;
	line-height: 58px;
	font-weight: 500;
	letter-spacing: -0.2px;
	margin: 0 0 38px 0;
}

.style20 .resources-hero h1,
.cct-blog.style20 .hero.listing-hero h1 {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 42px;
	line-height: 58px;
	font-weight: 600;
	letter-spacing: -0.2px;
	margin: 0 0 38px 0;
}

.style20 .hero.event-hero p,
.cct-lp.style20 .hero p,
.style20 .hero-fw-center p,
.style20 .resources-hero h2,
.cct-blog.style20 .hero.listing-hero p {
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: -0.15px;
	color: #ffffff;
}

.cct-lp.style20 .hero {
	padding: 152px 0 80px 0;
}

.cct-lp.style20 .hero.event-hero {
	padding: 152px 0 163px 0;
}

.style20 .register-box,
.style20 .cta-wrap.bg-darkblue {
	background-color: #16263f;
}

.style20 .cta-wrap.bg-darkblue:hover {
	background-color: #16263f;
}

.cct-blog.style20 .hero.listing-hero {
	background: #122641;
}

.style20 .topics-nav {
	background-color: #122641;
	box-shadow: 0 -17px 36px 4px rgba(0,0,0,0.42);
}

.style20 .delimiter.posts-list {
	background-color: #00498F;
}

.style20 .delimiter .pagination ul li a {
	background-color: #17263F;
	color: #ffffff;
}

.style20 .delimiter .pagination ul li a:hover,
.style20 .delimiter .pagination ul li.active a {
	background-color: #0098FF;
	color: #ffffff;
}

.style20 .delimiter .pagination ul li.pg-arrow-bk img {
	margin-bottom: 7px;
}

.style20 .delimiter .pagination ul li.pg-arrow-fw img {
	margin-bottom: 7px;
}

.style20 .subscribe-listing {
	background-color: #523bb8;
	box-shadow: 0 27px 25px -2px rgba(0,0,0,.2);
}

.style20 .resources-hero {
	padding: 150px 0 75px 0;
}

.style20 .delimiter.resources-cards {
	background-color: #00498F;
}

.style20 .res-card .res-info {
	background-color: #ffffff;
}

.style20 .btn,
.ty-page.style20 .hero .btn,
.video-lp-fw.style20 .cta-section .btn,
.style20 .cta-blog .cta-wrap a.cta_button {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 22px;
	position: relative;
	padding: 20px 42px 18px 42px;
	-webkit-border-radius: 34px;
	-moz-border-radius: 34px;
	border-radius: 34px;
	margin-top: 12px;
}

.style20 .btn-ghost,
.style20 .cta-blog .cta-wrap a.cta_button {
	color: rgb(255, 255, 255);
	border: solid 4px rgba(255, 255, 255, 0.75);
}

.style20 .btn:hover,
.ty-page.style20 .hero .btn:hover,
.video-lp-fw.style20 .cta-section .btn:hover,
.style20 .cta-blog .cta-wrap a.cta_button:hover {
	box-shadow: 0 20px 38px rgba(0,0,0,.16);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	padding: 20px 60px 18px 24px;
}

.style20 .btn:after,
.style20 .cta-blog .cta-wrap a.cta_button:after {
	position: absolute;
	content: '';
	top: 22px;
	right: 26px;
	display: block;
	width: 18px;
	height: 16px;
	background-image: url(https://3076203.fs1.hubspotusercontent-na1.net/hubfs/3076203/CCT%202020/Global%20Files/btn-arrow.svg);
	background-size: 18px 16px;
	background-repeat: no-repeat;
	background-position: center ecenter;
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.style20 .btn-ghost.btn-pink:after {
	background-image: url(https://3076203.fs1.hubspotusercontent-na1.net/hubfs/3076203/CCT%202020/Landing%20Pages/Singapore/btn-arrow-pink.svg);
}

.style20 .btn:hover:after,
.style20 .cta-blog .cta-wrap a.cta_button:hover:after {
	opacity: 1;
	right: 20px;
}

.style20 .btn-pink {
	background-color: #ff276f;
	border: none;
	font-weight: bold;
	border: solid 5px #FF276E;
}

.style20 h2 {
	font-size: 25px;
	line-height: 34px;
	color: #353D54;
	text-transform: uppercase;
}

.style20 p {
	font-size: 17px;
	line-height: 30px;
	color: #353D54;
	letter-spacing: 0.1px;
}

.style20 .hero h2 {
	color: #ffffff;
	text-transform: none;
}

.style20 .hero p {
	color: #ffffff;
}

.style20 .topic-box .topic-details p {
	color: #353D54;
}

.style20 strong {
	font-weight: 800;
}

.style20 .topic-box .topic-details p strong {
	margin: 0;
}

.style20 .register-box h2 {
	color: #ffffff;
}

.style20 .register-box p {
	color: #ffffff;
}

.style20 input[type="text"], 
.style20 input[type="password"], 
.style20 input[type="datetime"], 
.style20 input[type="datetime-local"], 
.style20 input[type="date"], 
.style20 input[type="month"], 
.style20 input[type="time"], 
.style20 input[type="week"], 
.style20 input[type="number"], 
.style20 input[type="email"], 
.style20 input[type="url"], 
.style20 input[type="search"], 
.style20 input[type="tel"], 
.style20 input[type="color"], 
.style20 input[type="file"], 
.style20 textarea {
	font-size: 17px;
	line-height: 30px;
	color: #353D54;
	letter-spacing: 0.1px;
}

.style20 .register-section input[type="submit"] {
	margin: 30px 0 0 0;
}

.style20 .hs-button.primary,
.style20 input[type="submit"],
.style20 input[type="button"] {
	font-family: 'Montserrat', sans-serif;
	background-color: #ff276f;
	font-weight: 500;
	border: solid 5px#FF276E;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.1px;
	line-height: 20px;
	position: relative;
	padding: 20px 20px 18px 20px;
	-webkit-border-radius: 34px;
	-moz-border-radius: 34px;
	border-radius: 34px;
}

.style20 .modal-content .hs-button.primary,
.style20 .modal-content input[type="submit"],
.style20 .modal-content input[type="button"] {
	border: none;
}

.style20 .speaker-box .sp-details p {
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	color: #353D54;
}

.style20 .delimiter ul li:before {
	font-size: 18px;
}

.style20 .delimiter ul li {
	font-size: 17px;
	line-height: 30px;
	color: #353D54;
	letter-spacing: 0.1px;
	margin: 0 0 20px 0;
	padding: 0 0 0 51px;
}

.style20 .delimiter .legal-consent-container ul li {
	padding: 0 0 0 23px;
}

.style20 .legal-consent-container .hs-form-booleancheckbox-display > span {
	margin-left: 0;
}

.cct-blog.style20 .post-listing .post-item.default h2 {
	text-transform: none;
	font-size: 17px;
	line-height: 24px;
	color: #333352;
	font-weight: 600;
}

.style20 .delimiter .pagination ul li {
	padding: 0;
	margin: 0 18px 0 0;
}

.style20 .subscribe-listing h2,
.style20 .subscribe-listing p {
	color: #ffffff;
}

.cct-blog.style20 .post-listing .post-item.featured h2 {
	text-transform: none;
	font-size: 18px;
	color: #333352;
	line-height: 26px;
	font-weight: 600;
}

.cct-blog.style20 .post-listing .post-item.featured {
	margin-bottom: 89px;
}

.style20 .hero.post-hero {
	background: #122641;
}

.style20 .post-header h1 {
	font-weight: 500;
	letter-spacing: normal;
	line-height: 40px;
	font-size: 33px;
}

.style20 .delimiter.related-posts {
	background: #122641;
}

.cct-blog.style20 .post-listing .post-item.default {
	margin-bottom: 89px;
}


/* Singapore LP */

.lp-singapore .container-fluid .row-fluid .page-center {
	max-width: 1220px;
}

.lp-singapore .container-fluid .row-fluid #footer .page-center {
	max-width: 1244px;
}

.h2-large h2 {
	font-size: 25px;
	line-height: 46px;
	letter-spacing: normal;
	text-transform: uppercase;
	margin: 0 0 27px 0;
}

.lp-singapore .h2-large h2,
.lp-singapore .h2-large h2 strong {
	font-weight: 600;
}

.lp-singapore .h2-large h2:last-child,
.lp-singapore .h2-large h2:only-child {
	margin-bottom: 0;
}

.lp-singapore h3 {
	font-size: 22px;
	letter-spacing: -0.45px;
	line-height: 30px;
	margin: 0 0 24px 0;
}

.lp-singapore .h2-large h3:last-child,
.lp-singapore .h2-large h3:only-child {
	margin-bottom: 0;
}

.lp-singapore p {
	margin: 0 0 10px 0;
}

.lp-singapore .btm-box-shadow {
	box-shadow: 0 42px 74px 0 rgb(18 38 65 / 50%);
	position: relative;
	z-index: 2;
}

.lp-singapore .btm-box-shadow.shadow-dark {
	box-shadow: 0 17px 34px 0 rgb(0 0 0 / 30%);
}

.txt-white h1,
.txt-white h2,
.txt-white h3,
.txt-white h4,
.txt-white p,
.txt-white li,
.txt-white li a,
.txt-white ol li:before {
	color: #ffffff;
}

.lp-singapore p a {
	text-decoration: underline;
}

.lp-singapore p a:hover {
	text-decoration: none;
}

.lp-singapore.style20 p .btn {
	text-decoration: none;
}

/* Flexible LP Template - 2021 styling */

.lp2021 .hero.bg {
	background-repeat: no-repeat;
	background-size: cover; 
	background-position: center;
}

.lp2021 .hero .hero-txt {
	margin-bottom: 30px;  
}

.lp2021 .hero .hero-txt h1, .lp2021 .hero .hero-txt h2 {
	text-transform: uppercase; 
}

.lp2021 .main-hero.bg {
	background-image: url('https://3076203.fs1.hubspotusercontent-na1.net/hubfs/3076203/Console%20Connect/CCT%20Theme/Template%20Files/Header_bg.png');
	top: -10px;
}

.lp2021 .register.bg {
	background-image: url('https://3076203.fs1.hubspotusercontent-na1.net/hubfs/3076203/Console%20Connect/CCT%20Theme/Template%20Files/noodle_bg@2x.png');
	top: 0px;
}

.lp2021 .main-hero .hero-txt h1, .lp2021 .main-hero .hero-txt h2 {
	background: -webkit-linear-gradient(left, #FF276F , #7648FF);
	background: -o-linear-gradient(right, #FF276F, #7648FF);
	background: -moz-linear-gradient(right, #FF276F, #7648FF);
	background: linear-gradient(to right, #FF276F , #7648FF); 
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.lp2021 .main-hero .hero-txt h1 {
	margin-bottom: 0px; 
	color: #FF276F;
	font-size: 50px;
	font-weight: 600;
	line-height: 50px;
}

.lp2021 .main-hero .hero-txt h2 {
	text-transform: uppercase;
	color: #7648FF;
	font-weight: 600;
}

.lp2021 .main-hero .hero-txt h2 strong {
	font-weight: 600;
	color: #ffffff;
	-webkit-text-fill-color: #ffffff;
}

.lp2021 .lp-body {
	text-align: left;  
}

/* ==========================================================================
Footer
========================================================================== */

.footer-wrap {
	box-shadow: 0 -4px 12px rgba(0,62,82,0.15);
	background-color: #F2F6F9;
}

.footer-top {
	padding: 53px 0 50px 0;
}

.footer-bottom {
	background-color: #EAF0F5;
	border-top: 1px solid #DBE4EA;
	padding: 25px 0;
}

.footer-bottom p {
	color: #7496A3;
	font-size: 12px;
	line-height: 22px;
	margin: 0 0 0 0;
}

.footer-bottom p a {
	color: #7496a3;
	margin-right: 30px;
}

.footer-bottom p a:last-child {
	margin-right: 0;
}

.footer-wrap .social-links {
	text-align: right;
}

.footer-wrap .social-links i {
	font-size: 20px;
}

.footer-wrap .social-links i:hover {

}

.footer-wrap .social-links a {
	margin: 0 17px 0 0;
	color: #7496A3;
}

.footer-wrap a:hover {
	color: #00498f;
}

.footer-wrap .social-links a:last-child {
	margin: 0 0 0 0;
}


.footer-container-wrapper {}
.footer-container {}




/* ==========================================================================
Custom Menu Primary
========================================================================== */
/* ==========================================================================
3. MAIN NAVIGATION                                            
========================================================================== */


/* Menus */
.custom-menu-primary .hs-menu-wrapper ul {
	padding: 0;
}

/* Horizontal Menu
========================================================================== */

.nav-btns ul {
	display: inline-block;
	float: right;
}

.nav-btns ul li {

}

.nav-btns ul li:nth-child(2) {

}

.nav-main ul li a,
.nav-main ul li a:hover,
.nav-main-pccw ul li a,
.nav-main-pccw ul li a:hover{
	-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}

.nav-btns ul li:nth-child(2) a {
	border: 2px solid #fff;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	padding: 6px 18px 5px 18px;
}

.desktop-nav ul {
	list-style: none;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 19.6px;
	font-weight: 400;
}

.desktop-nav ul li.hs-item-has-children a {
	padding: 13px 28px 25px 15px;
	position: relative;
}

.desktop-nav ul li.hs-item-has-children a:after {
	position: absolute;
	/* content: '\f107';
	font-family: 'Font Awesome 5 Free'; */
	font-weight: 900;
	font-size: 12px;
	line-height: 16px;
	top: 15px;
	right: 12px;
}

.desktop-nav ul li.hs-item-has-children ul.hs-menu-children-wrapper {
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	width: 192px;
	left: 2px;
}

.desktop-nav ul li.hs-item-has-children ul.hs-menu-children-wrapper li {
	display: block;
}

.desktop-nav ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
	position: static;
	font-size: 16px;
	line-height: 16px;
	background-color: #2bb0d4;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	opacity: 1;
	padding: 14px 15px 14px 15px;
	-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}

.desktop-nav ul li.hs-item-has-children ul.hs-menu-children-wrapper li:last-child a {
	border-bottom: none;
}

.desktop-nav ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:after {
	display: none;
}

.desktop-nav ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
	background-color: #57c0dc;
	-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
-ms-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}

.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
	display: inline-block;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
	content: " ";
	display: table;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
	content: " ";
	display: table;
	clear: both;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
	float: left;
}

.desktop-nav ul li {
	/*display:inline-block;*/
}

.desktop-nav ul li a {
	display: block;
	color: #ffffff;
	opacity: 0.75;
	padding: 13px 13px 25px 13px;
}

.desktop-nav ul li a:hover {
	opacity: 1;
}

.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
	position: relative;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	position: absolute;
	z-index: 10;
	left: 0;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
	display: block;
	white-space: initial;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
	left: 100%;
	top: 0;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
	opacity: 1;
	visibility: visible;
}
.custom-menu-primary .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
	margin-bottom: 0;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
	position: relative;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
	margin-bottom: 0;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
	position: static;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
	display: none;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
	display: block;
	visibility: visible;
	opacity: 1;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
	content: " ";
	display: table;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
	content: " ";
	display: table;
	clear: both;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
	float: left;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
	display: inline-block;
}

/* Vertical Menu
========================================================================== */ 

.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical {
	width: 100%;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical ul {
	list-style: none;
	margin: 0;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical li a {
	display: block;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical > ul {
	margin-bottom: 0;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
	width: auto;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
	position: relative;
}

/* Flyouts */
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	position: absolute;
	z-index: 10;
	left: 0;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
	display: block;
	white-space: nowrap;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
	left: 100%;
	top: 0;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
	opacity: 1;
	visibility: visible;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper {
	visibility: visible;
	opacity: 1;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
	display: block;
	visibility: visible;
	opacity: 1;
}
/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */


/**
* Special Note
*
* When the menu is open, a class of .mobile-open is applied to the body. You can 
* use this for custom styling on any element when the menu is in the open position.                     
*/

.mobile-trigger, .child-trigger{
	display: none; /* Hide button on Desktop */
}


/* Common Template Selectors                                             
========================================================================== */

body.one-column {}
body.two-column {}
body.three-column {}
.content-wrapper {}
.main-content {}
.sidebar{}
.sidebar.right{}
.sidebar.left{}

/* Common One Column Selectors */
body.site-page.one-column, 
body.landing-page.one-column, 
body.error-template.one-column, 
body.password-template.one-column, 
body.subscription-template.one-column {}

body.site-page.one-column .main-content, 
body.landing-page.one-column .main-content, 
body.error-template .main-content, 
body.password-template .main-content, 
body.subscription-template .main-content {}

/* Common Two Column Selectors */
body.site-page.two-column, 
body.landing-page.two-column, 
body.blog {}  

body.site-page.two-column .main-content, 
body.landing-page.two-column .main-content, 
body.blog .blog-content {}

/* Common Three Column Selectors */
body.site-page.three-column, 
body.landing-page.three-column {}

body.site-page.three-column .main-content, 
body.landing-page.three-column .main-content {}


/* Site Pages                                            
========================================================================== */

/* One Column Template */
body.site-page.one-column {}
body.site-page.one-column .content-wrapper {}
body.site-page.one-column .main-content {}

/* Two Column Template */
body.site-page.two-column {}
body.site-page.two-column .content-wrapper {}
body.site-page.two-column .main-content {}
body.site-page.two-column .sidebar.right {}

/* Three Column Template */
body.site-page.three-column {}
body.site-page.three-column .content-wrapper {}
body.site-page.three-column .main-content {}


/* Landing Pages                                           
========================================================================== */

/* One Column Template */
body.landing-page.one-column {}
body.landing-page.one-column .content-wrapper {}
body.landing-page.one-column .main-content {}

/* Two Column Template */
body.landing-page.two-column {}
body.landing-page.two-column .content-wrapper {}
body.landing-page.two-column .main-content {}
body.landing-page.two-column .sidebar.right {}

/* Three Column Template */
body.landing-page.three-column {}
body.landing-page.three-column .content-wrapper {}
body.landing-page.three-column .main-content {}


/* System Pages                                          
========================================================================== */

/* Error Templates 404, 500 */
body.error-template.one-column {}
body.error-template.one-column .content-wrapper {}
body.error-template.one-column .main-content {}

/* Password template */
body.password-template.one-column {}
body.password-template.one-column .content-wrapper {}
body.password-template.one-column .main-content {}

/* Email Subscribition templates */
body.subscription-template.one-column {}
body.subscription-template.one-column .content-wrapper {}
body.subscription-template.one-column .main-content {}

.error-404 {
	text-align: center;
	padding: 18% 0 12% 0;
	position: relative;
	z-index: 10; 
}

.error-404 h1 {
	color: #353d54;
	font-size: 250px;
	line-height: 250px; 
	font-weight: 500;
}

.error-404 h2 {
	font-size: 54px; 
	color: #353d54;
	font-weight: 500;
}

.error-404 .btn {
	padding: 13px 39px;
	font-size: 14px;
	font-weight: 500;
}

/* ==========================================================================
Blog                                         
========================================================================== */


/* Blog Post and Listing Body Class */
body.blog {}

/* Blog Post */
body.hs-blog-post {}

/* Blog Listing */
body.hs-blog-listing {}

/* Blog Columns Wrapper */
.blog .content-wrapper {}


/* Blog Content Column
========================================================================== */

.blog .blog-content {}

/* Use this to style the main wrapper for the blog listing pages */
.blog-listing-wrapper {}

/* Use this to style the main wrapper for the blog post pages */
.blog-post-wrapper {}

/* Blog Title */
.hs-blog-header h1 {}
.hs-blog-header h1 a{}

/* Blog Post Title */
.post-header h2 {}
.post-header h2 a {}

/* Blog Author and Avatar */
#hubspot-author_data {}
#hubspot-author_data a.author-link {}
#hubspot-author_data .hs-author-avatar {}
#hubspot-author_data .hs-author-avatar img {}

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {}
.blog-listing-wrapper .post-listing .post-item .post-body {}
.blog-post-wrapper .post-body {}

/* Post Featured Image on Listings Page */
.hs-featured-image-wrapper {}
.hs-featured-image-wrapper .hs-featured-image-link {}
.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
	border-width: 0;
	max-height: 170px;
	max-width: 210px;
	height: auto;
	width: auto;
	display: inline-block !important;
	float: right;
	margin: 20px 0 20px 20px;
}

/* Read More Link */
a.more-link {}

/* Blog Topics List */
#hubspot-topic_data {}
#hubspot-topic_data a.topic-link {}

/** 
* Blog Social Sharing icons
*
* Overrides defaults to better align icons and prevent overlapping 
*/

.hs-blog-social-share {
	padding: 10px 0 0 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: auto;
}

/** 
* Blog Commments 
*
* Custom styles are listed below, as the COS does not provide default styles.
*/

#comments-listing {
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	margin-top: 30px;
}
.comment {
	margin: 1em 0;
	border-top: 1px solid #ccc;
	padding: 1.5em 0;
}
.comment-date { font-size: 1.3em; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 1em 0; }

/* Pagination */
.blog-pagination {}
.blog-pagination a {}
.blog-pagination a.previous-posts-link {}
.blog-pagination a.all-posts-link {}
.blog-pagination a.next-posts-link {}

/** 
* Blog Author Page 
*
* ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
*/

.hs-author-profile {}
.hs-author-profile h2.hs-author-name {}
.hs-author-profile .hs-author-bio {}
.hs-author-profile .hs-author-avatar {}
.hs-author-profile .hs-author-avatar img {}
h3.hs-author-listing-header {}

/** 
* Blog All Posts Page
*
* ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
*/

body.hs-content-path-blog-all {}
div.post-listing-simple {}
div.post-listing-simple .post-item {}
h2.post-listing-simple {}
h2.post-listing-simple a {}


/* Blog Sidebar
========================================================================== */

.blog .blog-sidebar {}

/* Blog Modules */
.blog .blog-sidebar .widget-span {}




/* ==========================================================================
Forms
========================================================================== */

/* Form Module
========================================================================== */

/* Form Field */
.hs_cos_wrapper_type_form .hs-form-field {}

/* Descriptions */
.hs_cos_wrapper_type_form .hs-field-desc {}

/* Labels */
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {}

/* One Line Inputs */

form {
	font-family: 'Open Sans', sans-serif;
}

.delimiter form ul li {
	position: static;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.delimiter form ul li:before {
	display: none;
}

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"],
input[type="file"],
textarea {
	color:#333352;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 22px;
	width: 100% !important;
	padding: 11px 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #E0E0E0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.hs-form-field {
	margin-bottom: 23px;
}

select {
	color:#333352;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 30px;
	-webkit-appearance: none;
	width: 100% !important;
	padding: 11px 0;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #E0E0E0;
}

input[type="text"]:focus,
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus {
	outline: none;
	border-bottom: solid 1px #27CFC3;
}

form .legal-consent-container p {
	margin: 0 0 13px 0;
}

form .legal-consent-container,
form .legal-consent-container p,
form .legal-consent-container li,
form .legal-consent-container li label {
	font-size: 12px;
	line-height: 17px;
	color: #646569;
}

form .legal-consent-container p a {
	font-weight: 600;
}

form .legal-consent-container p a:hover {
	text-decoration: underline;
}

.hs-button.primary,
input[type="submit"],
input[type="button"] {
	-webkit-appearance: none;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	border: none;
	font-size: 17px;
	font-weight: bold;
	line-height: normal;
	background-color: #E24589;
	-webkit-border-radius: 29px;
	-moz-border-radius: 29px;
	border-radius: 29px;
	padding: 19px 34px;
	margin-top: 13px;
	-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
	white-space: normal;
}

.hs-button.primary:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}

form ul.hs-error-msgs.inputs-list li {
	position: static;
	padding: 0;
	margin: 8px 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
}

form ul.hs-error-msgs.inputs-list li label {
	font-size: 12px;
	line-height: 17px;
	display: block;
}

form label {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #333352;
}

form .multi-container label {
	font-weight: bold;
	font-size: 14px;
}

form .hs-form-required {
	display: none;
}

form li.hs-form-checkbox {
	line-height: 17px;
	margin: 0 0 7px 0!important;
}

form .hs-input[type="checkbox"] {
	margin: 3px 5px 3px 0;
}

.delimiter ul.multi-container {
	margin-top: 11px;
}

.legal-consent-container .hs-input[type="checkbox"] {
	margin: 3px 5px 3px 0;
	display: inline-block;
	float: left;
	position: absolute;
	left: 0;
}

.legal-consent-container .hs-form-booleancheckbox {
	position: relative;
	padding: 0 0 0 20px;
	margin-bottom: 10px!important;
}

form .hs-richtext {
	margin-bottom: 10px;
}

form .legal-consent-container .field.hs-form-field {
	padding: 0 0;
	margin-bottom:0;
}

::-webkit-input-placeholder { /* Webkit Browsers */
	color:#333352;
}
:-moz-placeholder { /* Firefox 18- */
	color:#333352;
}
::-moz-placeholder { /* Firefox 19+ */
	color:#333352;
}
:-ms-input-placeholder { /* IE10 */
	color:#333352;
}

/* Separate Styles for Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {}
.hs_cos_wrapper_type_form textarea:focus {}

/* Separate Styles for Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}

/* Required */
.hs_cos_wrapper_type_form input:focus:required:invalid, 
.hs_cos_wrapper_type_form textarea:focus:required:invalid, 
.hs_cos_wrapper_type_form select:focus:required:invalid {}

.hs_cos_wrapper_type_form input:focus:required:invalid:focus, 
.hs_cos_wrapper_type_form textarea:focus:required:invalid:focus, 
.hs_cos_wrapper_type_form select:focus:required:invalid:focus {}

/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
	/* color: #555;
	opacity: 1; */
}
:-moz-placeholder { /* Firefox 18- */
	/* color: #555;
	opacity: 1; */
}
::-moz-placeholder { /* Firefox 19+ */
	/* color: #555;
	opacity: 1; */
}
:-ms-input-placeholder { /* IE10 */
	/* color: #555;
	opacity: 1; */
}


/* Blog Comment Form
========================================================================== */

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}

/* Inputs */
#comment-form input[type="text"] {}
#comment-form input[type="text"]:focus {}

#comment-form textarea {}
#comment-form textarea:focus {}

#comment-form input[type="checkbox"] {}

/* Error */
body .hs-common-error-message {}


/* Blog Subscription Form
========================================================================== */

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {}
#hs_form_target_blog_subscription input[type="email"]:focus {}

#hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
	width: auto;
	margin-right: 10px;
}


/* Google Search Form
========================================================================== */

/* Label */
.widget-type-google_search label {}

/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}


/* Multi Column Form
========================================================================== */

body .hs-form fieldset.form-columns-1 {}
body .hs-form fieldset.form-columns-1 .hs-form-field {}

body .hs-form fieldset.form-columns-2 {}
body .hs-form fieldset.form-columns-2 .hs-form-field {}

body .hs-form fieldset.form-columns-3 {}
body .hs-form fieldset.form-columns-3 .hs-form-field {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}
body form.hs-form fieldset { max-width: none; }
body form.hs-form fieldset .hs-form-field { padding: 0 1em 0 0; }
body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }

/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] {
	min-height: 0.1px;
}

/* Blog Social Sharing */
.hs-blog-social-share .hs-blog-social-share-list {
	margin: 0;
	list-style: none !important;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
	height: 30px;
	list-style: none !important;
}

.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{
	vertical-align: top !important; /* Aligns Facebook icon with other social media icons */
}

/* Images */
img {
	max-width: 100%;
	height: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom; /* Suppress the space beneath the baseline */
}

img.alignRight{
	margin: 0 0 .5em 1.5em;
}

img.alignLeft{
	margin: 0 1.5em .5em 0;
}


/* Captcha */
#recaptcha_response_field {
	width: auto !important;
	display: inline-block !important;
}

/* Videos */
video {
	max-width: 100%;
	height: auto;
}

/* Date Picker */
#calroot {
	width: 20.2em !important;
	line-height: normal;
}
#calroot,
#calroot *,
#calroot *:before,
#calroot *:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#calroot select {
	min-height: 0 !important;
	padding: .1em .2em !important;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important;
	font-size: 1em !important;
	line-height: 1.8em !important;
	font-weight: normal !important;
}

#caldays {
	margin-bottom: .4em;
}
/* Space Module */
.widget-type-space {
	visibility: hidden;
}
/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}
.hs-responsive-embed iframe, 
.hs-responsive-embed object, 
.hs-responsive-embed embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
	padding-bottom: 56.25%;
}
.hs-responsive-embed.hs-responsive-embed-instagram {
	padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
	height: auto;
	overflow: visible;
	padding: 0;
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
	position: static;
	width: auto;
	height: auto;
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
	width: 100%;
	max-width: 100%;
}

/* All Global Buttons (Excluding CTAs)
========================================================================== */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
	cursor: pointer;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {}


/* Form Module Button
========================================================================== */

.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}


/* Blog Comment Button
========================================================================== */
#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}


/* Blog Subscription Button
========================================================================== */
#hs_form_target_blog_subscription .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}


/* Google Search Button
========================================================================== */
.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}

/* Blog Author Section */
.hs-author-social-links {
	display: inline-block;
}
.hs-author-social-links a.hs-author-social-link {
	width: 2.4em;
	height: 2.4em;
	border-width: 0px;
	border: 0px;
	line-height: 2.4em;
	background-size: 2.4em 2.4em;
	background-repeat: no-repeat;
	display: inline-block;
	text-indent: -99999px;
}
.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
	background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
	background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
	background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
	background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/* Fix for CTA border box issue */
.hs-cta-wrapper a {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */

@media only screen and (max-width : 1060px) {

	.nav-wrap {
		display: none!important; 
	}

	.desktop-nav {
		display:none!important;
	}

}

@media only screen and (min-width : 1060px) {

	.mobile-nav {
		display:none!important;
	}

	.menu-trigger {
		display:none!important;
	}

}

@media only screen and (min-width : 1301px) {



}

@media only screen and (max-width : 1300px) {

	.container-fluid .row-fluid .page-center {
		max-width: 1100px;
	}

	.cct-blog .delimiter.post-wrap {
		padding: 135px 0 0 0;
	}

	.cct-blog .post-body img.featuredimg {
		top: -335px;
	}

	.hero.post-hero {
		height: 330px;
	}

}

@media only screen and (max-width: 1140px) {

	.register-box {
		padding: 145px 130px 145px 50px;
	}

	.register-section .form-box {
		margin-right: 50px;
	}

}

@media only screen and (min-width : 993px) {

	.topics-trigger {
		display: none!important;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

	/* Mobile Blog Topics Menu */

	.topics-nav {

	}

	.topics-trigger {
		display: block!important;
		text-align: center;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: 600;
		color: rgba(100,101,105,0.6);
		line-height: 1;
		cursor: pointer;
	}

	.topics-trigger:hover {
		color: #646569;
	}

	.topics-open .topics-trigger {
		color: #646569;
	}

	.topics-trigger span {
		padding: 20px 30px;
		position: relative;
		display: inline-block;
		float: none;
	}

	.topics-trigger span:after {
		position: absolute;
		content: '';
		background-image: url(//3076203.fs1.hubspotusercontent-na1.net/hubfs/3076203/Console%20Connect/CCT%20Theme/Blog/arrow-down.png);
		display: block;
		width: 16px;
		height: 10px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 16px 10px;
		line-height: 16px;
		top: 23px;
		right: 0px;
		-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
	}

	.topics-open .topics-trigger span:after {
		-webkit-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		transform: rotate(-180deg);
		-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
	}

	.topics-menu.js-enabled {
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		padding: 0;
	}

	.topics-menu.js-enabled .hs-menu-wrapper {
		display: none;
	}

	.topics-menu ul {

	}

	.topics-menu ul li {
		display: block;
		width: 100%;
		border-top: 1px solid #FFFFFF;
	}

	.topics-menu ul li a {
		padding: 20px 0;
	}

	.topics-menu ul li.hs-menu-depth-1.hs-item-has-children {
		border-top: none;
	}

	.topics-menu ul li.hs-menu-depth-1.hs-item-has-children a {
		display: none!important;
	}

	.topics-menu ul li.hs-menu-depth-1.hs-item-has-children ul.hs-menu-children-wrapper {
		display: block!important;
		visibility: visible!important;
		opacity: 1!important;
		overflow: visible!important;
		position: static!important;
		width: 100%;
		left: 0;
	}

	.topics-menu ul li.hs-menu-depth-1.hs-item-has-children ul.hs-menu-children-wrapper li.hs-menu-depth-2 {
		text-align: center;
	}

	.topics-menu ul li.hs-menu-depth-1.hs-item-has-children ul.hs-menu-children-wrapper li.hs-menu-depth-2 a {
		display: block!important;
		padding: 20px 0;
	}

	.hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
	.hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

@media only screen and (max-width: 850px) {


	.error-code h1 { font-size: 115px !important; }
	.error-text { font-size: 20px !important; }



	.delimiter.subscribe-post {
		padding: 20px 0;
	}

	.subscribe-post .subs-btn {
		display: block;
		margin-top: 10px;
	}

	.register-section .page-center {
		position: static;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 0 2px 15px 1px rgba(0,62,82,0.2);
		padding: 50px 30px!important;
		background-color: #004a8f;
	}

	.register-box {
		position: static;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		box-shadow: none;
		padding: 0 0 0 0;
		text-align: center;
	}

	.register-section .form-box {
		max-width: none;
		margin-right: auto;
		float: none;
	}

	.register-section .reg-body {
		width: 100%;
	}

	.style20 .register-section .page-center {
		background-color: #16263f;
	}

}

@media screen and (min-width:768px) {
	.custom-menu-primary .hs-menu-wrapper { 
		display:block !important;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

	p {
		font-size: 16px;
		line-height: 26px;
		margin: 0 0 20px 0;
	}

	.delimiter ul {
		font-size: 16px;
		line-height: 26px;
	}

	.delimiter ul li {
		margin: 0 0 20px 0;
		padding: 0 0 0 32px;
	}

	.delimiter ul ul {
		margin: 20px 0 0 0;
	}

	.cct-lp.style20.lp2021 .main-hero .hero-txt h1 {
		font-size: 42px;
		line-height: 40px;
	}

	h1,
	.event-hero h1,
	.ty-page .hero h1,
	.style20 .event-hero h1,
	.cct-lp.style20 .hero h1 {
		font-size: 28px;
		line-height: 28px;
	}

	h2,
	.cta-section h2 {
		font-size: 24px;
		line-height: 28px;
	}

	h3 {
		font-size: 18px;
		line-height: 26px;
		margin: 0 0 15px 0;
	}

	.cta-section p {
		font-size: 16px;
		line-height: 24px;
	}

	.cct-lp .hero.event-hero {
		padding: 120px 0 50px 0;
	}

	.hero.event-hero p,
	.ty-page .hero p {
		font-size: 16px;
		line-height: 24px;
	}

	.cct-lp .delimiter.register-section {
		padding: 25px 0 50px 0;
	}

	.cct-lp .event-intro .hero-img {
		display: none;
	}

	.cct-lp .delimiter.event-topics {
		padding: 25px 0 50px 0;
	}

	.cct-lp .delimiter.speakers-section {
		padding: 25px 0 50px 0;
	}

	.cct-lp .delimiter.event-intro {
		padding: 50px 0;
	}

	.cct-lp .hero,
	.cct-lp.style20 .hero,
	.cct-lp.style20 .hero.event-hero {
		text-align: center;
		padding: 120px 0 50px 0;
	}

	.cct-lp .hero .page-center {
		position: static;
	}

	.cct-lp .hero .page-center .row-fluid {
		display: block;
	}

	.cct-lp .form-box {
		margin-top: 30px;
	}

	.cct-lp .hero-img img {
		max-width: 200px;
		position: static;
		padding-top: 20px;
		margin-bottom: -100px;
	}

	.cct-lp .delimiter {
		padding: 70px 0 50px 0;
	}

	.ty-page .delimiter.cta-section {
		padding: 0 0 50px 0;
	}

	.cta-wrap {
		padding: 50px 30px;
	}

	.delimiter {
		padding: 50px 0;
	}

	.lp-body {
		text-align:center;
	}

	.lp-body li {
		text-align: left;
	}

	.container-fluid .row-fluid .page-center {
		max-width: 600px;
	}

	.footer-wrap .social-links {
		margin-top: 30px;
		text-align: left;
	}

	.cct-blog .hero.listing-hero {
		padding: 152px 0 50px 0;
	}

	.delimiter.posts-list {
		padding: 50px 0;
	}

	.cct-blog .listing-cards {
		display: block;
	}

	.cct-blog .post-listing .post-item.default,
	.cct-blog .post-listing .post-item.default:nth-child(3n),
	.cct-blog.style20 .post-listing .post-item.default {
		width: 100%;
		display: block;
		float: none;
		max-width: 275px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 50px;
	}

	.cct-blog .post-listing .post-item.featured,
	.cct-blog.style20 .post-listing .post-item.featured {
		width: 100%;
		display: block;
		float: none;
		max-width: 275px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 50px;
		min-height: none;
		-webkit-border-top-right-radius: 0;
		-moz-border-top-right-radius: 0;
		border-top-right-radius: 0;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-bottom-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.cct-blog .post-listing .post-item.featured .featured-img {
		background-image: none!important;
		position: static;
		width: 100%;
	}

	.cct-blog .post-listing .post-item.featured .featured-img img.ft-img {
		display:block!important;
		width: 100%;
	}

	.cct-blog .post-listing .post-item.featured .post-content {
		width: 100%;
		margin: 0 0 0 0;
		padding: 20px 22px 17px 22px;
	}

	.cct-blog .post-listing .post-item.featured h2,
	.cct-blog .post-listing .post-item.default h2,
	.cct-blog.style20 .post-listing .post-item.featured h2 {
		font-size: 17px;
		line-height: 24px;
	}

	.hero.post-hero {
		height: 69px;
	}

	.post-header p#hubspot-topic_data a.topic-link {
		display: block;
		margin: 0 0 10px 0;
	}

	.post-header p#hubspot-topic_data a.topic-link:last-child {
		margin: 0 0 0 0;
	}

	.cct-blog .post-body img.featuredimg {
		position: static;
		margin-bottom: 30px;
	}

	.cct-blog .post-listing .post-item.featured p.post-info {
		font-size: 11px;
		font-weight: 600;
		line-height: 14px;
		margin: 0 0 10px 0;
	}

	.post-wrap .social-sharing {
		position: static;
		padding-top: 0;
		margin-bottom: 20px;
		text-align: center;
	}

	.post-wrap .social-sharing a {
		display: inline-block;
		margin-bottom: 0;
		margin-left: 10px;
		margin-right: 10px;
	}

	.post-header {
		padding: 0 0 30px 0;
	}

	.delimiter.cta-blog {
		padding: 0 0 0 0;
	}

	.cct-blog .delimiter.post-wrap {
		padding: 50px 0;
	}

	.delimiter.back-blog {
		padding: 30px 0 50px 0;
	}

	.delimiter.related-posts {
		padding: 50px 0;
	}

	.delimiter.related-posts .section-heading h2 {
		font-size: 24px;
		margin: 0 0 30px 0;
	}

	.cct-blog .delimiter.related-posts .post-item.default {
		margin-bottom: 50px;
	}

	.cct-blog .delimiter.related-posts .post-item.default:last-child {
		margin-bottom: 0;
	}

	.delimiter .pagination ul {
		display: block;
		text-align: center;
		float: none;
	}

	.delimiter .pagination ul li {
		float: none;
	}

	.delimiter.subscribe-listing {
		padding: 30px 0;
	}

	.subscribe-listing h2 {
		font-size: 24px;
		line-height: 28px;
	}

	.subscribe-listing p {
		font-size: 16px;
		line-height: 26px;
		font-weight: 400;
	}

	.h2-large h2 {
		font-size: 25px;
		line-height: 36px;
	}

	.lp-singapore .btn {
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 0.08px;
		line-height: 18px;
		padding: 16px 32px 14px 32px;
	}

	.lp-singapore .btn:hover {
		padding: 16px 50px 14px 32px;
	}

	.lp-singapore .btn:after {
		top: 17px;
	}

	.lp-singapore .fadeIn.go,
	.lp-singapore .fadeInLeft.go,
	.lp-singapore .fadeInRight.go,
	.lp-singapore .fadeIn,
	.lp-singapore .fadeInLeft,
	.lp-singapore .fadeInRight {
		opacity: 1!important;
		transform: translateX(0)!important;
		-webkit-animation-name: none!important;
		animation-name: none!important;
	}


	.hs-menu-wrapper, .hs-menu-wrapper * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 100%;
	}
	.hs-menu-wrapper.hs-menu-flow-horizontal ul {
		list-style: none;
		margin: 0;
		display: block;
	}
	.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
		display: block;
	}
	.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
		float: none;
	}
	.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
	.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
	.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
		display: block;
	}

	/* Stacking Horizontal Nav for Mobile */
	.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
		visibility: visible !important;
		opacity: 1 !important;
		position: static !important;
	}
	.hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
		padding: 0;
	}
	.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
		white-space: normal;
	}

	/* Stacking Vertical Nav for Mobile */
	.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper  {
		position: static;
		opacity: 1;
		visibility: visible;
	}

	.nav-btns .hs-menu-item.hs-menu-depth-1 { display: inline-block; }

	/* Variables
	========================================================================== */

	/* 
	* Menu Reset
	*
	* Remove styling from desktop version of custom-menu-primary. Place any 
	* additional CSS you want removed from the mobile menu in this reset 
	*/

	.custom-menu-primary,
	.custom-menu-primary .hs-menu-wrapper > ul,
	.custom-menu-primary .hs-menu-wrapper > ul li,
	.custom-menu-primary .hs-menu-wrapper > ul li a{
		display: block;
		float: none;
		position: static;
		top: auto;
		right: auto;
		left: auto;
		bottom: auto;
		padding: 0px;
		margin: 0px;
		background-image: none;
		background-color: transparent;
		border: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none; 
		max-width: none;
		width: 100%;
		height: auto;
		line-height: 1;  
		font-weight: normal;
		text-decoration: none;
		text-indent: 0px;
		text-align: left;
	}


	/* Toggle Button
	========================================================================== */

	.mobile-trigger{
		display: inline-block !important; /* Show button on mobile */
		cursor: pointer; /* Mouse pointer type on hover */
		position: absolute; /*******************************************/
		top: 0px;          /* Position Button at right of screen  */
		right: 10px;        /*******************************************/
		width: auto; /* Button width */
		height: auto; /* Button height */      
		padding: 7px 10px 8px 10px;
		background: #ffffff; /* Background color */
		border: 1px solid ;
		font-size: 1.6em;
		font-weight: normal;
		text-align: left;
		text-transform: uppercase;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.mobile-trigger:hover{
		text-decoration: none; /* Removes link text underline on button */
		color:;
		background-color: ; 
		border-color: transparent;
	}

	/* Change button when menu is open */
	.mobile-open .mobile-trigger{
		color:;
		background-color: ; 
		border-color: transparent;
	}


	/* Toggle Button Icon
	========================================================================== */

	.mobile-trigger i{
		display: inline;
		position: relative;
		top: -4px;
	}
	.mobile-trigger i:before, .mobile-trigger i:after{
		position: absolute;
		content: '';
	}
	.mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
		width: 22px; /* Icon line width */
		height: 2px; /* Icon line height */
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		background-color: ; /* Icon color */
		display: inline-block;
	}
	.mobile-trigger i:before{
		top: -6px; /* Position top line */
	}
	.mobile-trigger i:after{
		top: 6px; /* Position bottom line */
	}

	.mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
	.mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
		background-color: ; /* Icon color */
	}


	/* Child Toggle Button
	========================================================================== */

	.child-trigger{
		display: block !important; /* Hide button on Desktop */
		cursor: pointer; /* Mouse pointer type on hover */
		position: absolute;
		top: 0px;
		right: 0px;
		width: 55px !important; /* Button width */
		min-width: 55px !important;
		height: 45px !important; /* Button height */  
		padding: 0 !important;
		border-left: 1px dotted rgba(255, 255, 255, .20);
	}
	.child-trigger:hover{
		text-decoration: none;
	}
	.child-trigger i{
		position: relative;
		top: 50%; /* Centers icon inside button */
		margin: 0 auto !important;
	}
	.child-trigger i:after{
		position: absolute;
		content: '';
	}
	.child-trigger i, .child-trigger i:after{
		width: 10px; /* Icon line width */
		height: 1px; /* Icon line height */
		background-color:; /* Icon color */
		display: block;
	}
	.child-trigger i:after{
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	.child-trigger.child-open i:after{
		-webkit-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	.child-trigger.child-open i{
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}


	/* Menu Styles on Mobile Devices
	========================================================================== */  

	.custom-menu-primary.js-enabled{
		position: relative;
		padding-top: 44px; /* Makes room for button */
		margin: 10px 0 10px 0;
	}

	/* Hide menu on mobile */
	.custom-menu-primary.js-enabled .hs-menu-wrapper,
	.custom-menu-primary.js-enabled .hs-menu-children-wrapper{
		display: none;
	}  

	/* Make child lists appear below parent items */
	.custom-menu-primary ul.hs-menu-children-wrapper{
		visibility: visible !important;
		opacity: 1 !important;
		position: static !important;
		display: none;
	}

	/* Mobile Menu Styles */ 
	.custom-menu-primary.js-enabled .hs-menu-wrapper{
		width: 100%;
		position: relative; /**************************************************************/
		top: 0;             /* Positions the menu to drop from the very top of the screen */
		left: 0;          /**************************************************************/
		padding: 0;
	}
	.custom-menu-primary .hs-menu-wrapper{
		background-color:; /* Menu background color set off global menuColorMobile variable */
		width: 100%; /* Full screen width */
	}

	/* Level 1 Menu List Styles */
	.custom-menu-primary .hs-menu-wrapper > ul > li{
		position: relative;
	}
	.custom-menu-primary .hs-menu-wrapper > ul > li a{
		font-size: 22px; /* Font size of top level list items */
		line-height: 45px;
		overflow: visible;
	}

	/* Level 1 and Higher Menu List Styles */
	.custom-menu-primary .hs-menu-wrapper > ul li{
		border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
	}
	.custom-menu-primary .hs-menu-wrapper >  ul li a{
		padding: 0 10px;
		color:; /* link color set by global mobile-aColor variable */
	}
	.custom-menu-primary .hs-menu-wrapper > ul li a:hover{
		color:; /* link hover color set by global mobile-aColorHover variable */
	}

	/* Level 2 and Higher Menu List Styles */
	.custom-menu-primary .hs-menu-wrapper > ul ul li{
		background-color: rgba(255, 255, 255, .08);
	}
	.custom-menu-primary .hs-menu-wrapper > ul ul li a{
		text-indent: 10px; /* Indent Child lists */
		font-size: 16px; /* Font size of child lists */
	}

	/* Level 3 and Higher Menu List Styles */
	.custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
		text-indent: 30px; /* Indent Child lists */
	}
	.custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
		text-indent: 50px; /* Indent Child lists */
	}
}

@media (max-width: 568px) {

	.nav-main,
	.nav-main-pccw{
		position: absolute;
	}

	.nav-main .logo,
	.nav-main-pccw .logo{
		width: 75%;
	}

	.menu-trigger {
		z-index: 99;
	}

	iframe {
		max-width: 100%;
	}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	/* beat recaptcha into being responsive, !importants and specificity are necessary */
	#captcha_wrapper,
	#recaptcha_area,
	#recaptcha_area table#recaptcha_table,
	#recaptcha_area table#recaptcha_table .recaptcha_r1_c1
	{ width: auto !important; overflow: hidden; }
	#recaptcha_area table#recaptcha_table .recaptcha_r4_c4
	{ width: 67px !important; }
	#recaptcha_area table#recaptcha_table #recaptcha_image
	{ width:280px !important; }
	.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
		float: none !important; /* Stack social icons into two rows on phones */
	}

	body form.hs-form fieldset .hs-form-field { padding: 0; }
	body form.hs-form fieldset.form-columns-3 .hs-form-field,
	body form.hs-form .form-columns-2 .hs-form-field .hs-input, 
	body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; }
	body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}

/* Event page */
.lp-event .logo {
	background: #122641;
	top: 0;
	left: 0;
	right: 0;
}