/********************************************************/
/*****   
/*****     CSS @imports must be at the top of the
/*****     file. Add them above this section.
/*****
/********************************************************/


/********************************************************/
/*****     
/*****     mobilize17-main.css
/***** 
/*****     Responsible for all styling of the Mobilize16 theme
/*****
/********************************************************/

/* Selectors' class-naming should adhere to BEM principles. See http://cssguidelin.es/#bem-like-naming */



/********************************************************/
/*****
/*****     Table of Contents
/*****
/********************************************************/

/* All sections are prepended with a '$' to assist searching

/*
 * GLOSSARY
 *** Color Codes / $COLORCODES
 *** HubSpot-defined span (column) widths / $SPANWIDTHS
 *
 * STRUCTURE / $STRUCTURE
 * *** HubSpot COS declarations / $HSSTRUCTURE
 *
 * NAVIGATION / $NAVMENUf
 *
 * MOBILE MENU - Hubspot Standard Toggle Menu / $MOBILEMENU
 *
 * HERO IMAGE / $HEROIMAGE
 *
 * CONTENT / $CONTENT
 *** Content Wrappers / $CONTENTWRAPPERS
 *** Typography / $TYPOGRAPHY
 *** Callouts / $CALLOUTS
 *** Fake CTAs / $FAKECTAS
 *** Accordions / $ACCORDIONS
 *** Figures / $FIGURES
 *** Tables / $TABLES
 *** Social Media Icons / $SOCIAL
 *** Miscellaneous / $MISCELLANEOUS
 *
 * FORMS / $FORMS
 *** Descriptions / $DESCRIPTIONS
 *** Labels / $LABELS
 *** Inputs / $INPUTS
 *** Required fields / $REQUIRED
 *** Error messages / $ERRORS
 *** Placeholder text / $PLACEHOLDERS
 *** Submit buttons / $SUBMITS
 *
 * ANIMATIONS / $ANIMATIONS
 *** Animation names / $ANIMATION-NAMES
 *** Animation keyframes / $KEYFRAMES
 *
 */


 
/********************************************************/
/*****
/*****     Glossary
/*****
/********************************************************/

/*------------------------------------
  [ $COLORCODES ]

black (text):  #2b2b2b
off-white:     #eeeeee

red, primary:  #c00000
red, dark      #7f0000

grey, dark:    #2b2b2b
grey, medium:  #5f6062
grey, light:   #7c7d7f

blue, dark:    #00adee
blue, light:   #8fdef6

------------------------------------*/


/* [ HubSpot-defined span (column) widths / $SPANWIDTHS ]

class  | pixels at 960 max
-------|------------------
span12 | 959
span11 | 878
span10 | 796
span9  | 714
span8  | 633
span7  | 551
span6  | 469
span5  | 388
span4  | 306
span3  | 224
span2  | 142
span1  |  61

*/

/********************************************************/
/*****
/*****     Structure / $STRUCTURE
/*****
/********************************************************/

body {
	width: 100%;
  font-size: 1.3rem;
  
}
/*
  HubSpot COS declarations / $HSSTRUCTURE
============================================================================= */

/* The outer wrappers of your website */
.header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {
}
/* The inner wrappers of your website */
.header-container, .footer-container, .hero-image--animated {
	float: none;
	max-width: 960px; /* set to site maxWidth */
	margin: 0 auto;
}
/* Specific section styling */
.header-container {
	padding-right: 20px 0;
}
.body-container { /* Don't declare a width so that hero images can be full width */
	clear: both;
}
/* override HubSpot's layout.css */
.main-content {
	float: none !important; /* !important needed to force specificity */
	max-width: 80%; /* set to site maxWidth */
	margin: 0 auto !important; /* !important needed to force specificity */
}

/* Screen sizes smaller than site maxWidth (.page-center)
   ========================================================================== */

@media (max-width: 960px) { /* */
} /* end media query */

/* Landscape tablet and smaller devices
========================================================================== */

@media (max-width: 767px) {
}
.footer-container, .main-content {
	padding: 0 10px;
}
} /* end media query */

/* Landscape phones and smaller devices
========================================================================== */

@media (max-width: 479px) {
}

/********************************************************/
/*****
/*****     Primary navigation menu / $NAVMENU
/*****     
/*****     .custom-menu-primary allows for HubSpot to 
/*****     generate mobile menu triggers
/*****
/********************************************************/

/* content width plus width of scrollbar */
/*@media (min-width: 977px) { 
    .custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul { width: 960px !important; }
}*/

@media (min-width: 768px) and (max-width: 976px) {
.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul > li { width: 24.0% !important; }

    /* 960 divided by eight menu items is 12.5%; Twelve percent widths overcomes fixed margins and paddings in 
       between at smallest screen widths (768px) before switching to mobile styling and prevents horizontal scrollbar */
}

@media (min-width: 768px) {
.custom-menu-primary {
	padding: 5px 10px 10px 10px; /* padding-top needs an extra 10px compared to bottom to be equal*/
}
.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul {
	clear: both;

	margin: 0;
	padding: 10px;
}
.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul > li {
	float: left;
	height: 30px;
	line-height: 1;
	list-style: none;
	padding: 0;
	margin: 0 20px;
	z-index: 100; /* ensure menu renders over animated header */
	text-transform:uppercase;
  
}
.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul > li:hover {
	position: relative;
}
/* Top-level menu
	========================================================================== */

.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul > li > a {
	background-color: transparent; /* transparent so that padding won't cause clipping at small screen widths; */
	color: #00adee;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	/*padding: 5px;
        margin: 5px;*/
	text-align: center;
	text-decoration: none;
}
.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal ul li.hs-menu-depth-1 {
	max-width: 120px;
}
/*.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal ul li.hs-menu-depth-1 > a { width: 100px; /* (li max-width of 120px) minus ((padding of 10px) * 2) */ }
*/ .custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul > li:hover > a {
 background-color: #fff;
 color: #c00000;
 transition: color .5s ease;
}
/* Second-level menu
	========================================================================== */

.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul > li > ul {
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	box-shadow: 3px 5px 5px #999;
	display: none;
	padding: 0 10px;
	position: absolute;
	;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
	overflow: visible !important;
	max-width: none !important;
	width: auto !important;
}
.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul > li:hover > ul {
	display: block;
	left: 0;
	position: absolute;
	top: 25px; /* set to height of top-level ul */
}
/* As the parent li has float:left property, we overwrite for the submenu (level 2) to float none (normal position)  */
.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul > li > ul > li {
	display: block;
}
.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul > li:hover > ul > li > a {
	background-color: #fff;
	border-bottom: solid #e2e2e2;
	border-width: 0 0 1px 0;
	color: #00adee;
	display: block;
	font-size: 13px;
	font-weight: normal;
	overflow: hidden;
	padding: 10px 10px 10px 0;
	text-decoration: none;
	text-overflow: ellipsis;
	transition: color 0.5s ease;
	vertical-align: middle;
	white-space: nowrap;
}
.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul > li:hover > ul > li:last-child > a {
	border-bottom: none;
}
.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul > li:hover > ul > li > a:hover {
	color: #c00000;
}
/* Styling for "Migrate from..." section of navigation
	========================================================================== */

.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul > li:first-child > ul > li:first-child > a {
	background-color: #00adee;
	border: 2px solid #00adee;
	border-radius: 5px 5px 0 0;
	color: #fff;
	cursor: default;
	margin-left: -10px;
	margin-right: -10px;
	text-align: center;
}
} /* end media query */
/********************************************************/
/*****
/*****     Mobile Menu - Hubspot Standard Toggle Menu / $MOBILEMENU
/*****
/********************************************************/

/**
 * 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 */
}

@media (max-width: 767px) {
/* Toggle Button
	========================================================================== */
	
.mobile-trigger {
	background: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	color: #999;
	cursor: pointer;
	display: inline-block!important;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	padding: 7px 15px 8px 16px;
	position: absolute;
	margin-right: 20px;
	right: 20px;
	text-transform: uppercase;
	top: 0;
}
.mobile-trigger:hover {
	color: #999;
	text-decoration: none; /* Removes link text underline on button */
}
/* Change button when menu is open */
.mobile-open .mobile-trigger {
	background-color: #999;
	border-color: #999;
	color: #fff;
}
.mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:after, .mobile-open .mobile-trigger i:before {
	background-color: #fff !important;
}
/* Toggle Button Icon
	========================================================================== */
	
.mobile-trigger i {
	display: inline;
	position: relative;
	top: -4px;
}
.mobile-trigger i:before, .mobile-trigger i:after {
	content: '';
	position: absolute;
}
.mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after {
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	background-color: #999;
	border-radius: 1px;
	display: inline-block;
	height: 2px;
	width: 22px;
}
.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: #999; /* Icon color */
}

/* Child Toggle Button
	========================================================================== */
	
.child-trigger {
	border-left: 1px dotted rgba(255,255,255,.20);
	cursor: pointer;
	display: block!important;
	height: 45px!important;
	min-width: 55px!important;
	padding: 0!important;
	position: absolute;
	right: 0;
	top: 0;
	width: 55px!important;
}
.child-trigger:hover {
	text-decoration: none;
}
.child-trigger i {
	margin: 0 auto !important;
	position: relative;
	top: 50%; /* Centers icon inside button */
}
.child-trigger i:after {
	content: '';
	position: absolute;
}
.child-trigger i, .child-trigger i:after {
	background-color: #fff; /* Icon color */
	display: block;
	height: 1px; /* Icon line height */
	width: 10px; /* Icon line width */
}
.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);
}
.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul > li:hover > ul {
	display: none;
}
/* Menu Styles on Mobile Devices
	========================================================================== */  
		 
.custom-menu-primary.js-enabled {
	margin: 10px 0;
	padding-top: 20px;
	position: relative;
}
/* 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 {
	display: none;
	opacity: 1!important;
	position: static!important;
	visibility: visible!important;
}
/* Mobile Menu Styles */ 
.custom-menu-primary.js-enabled .hs-menu-wrapper {
	left: 0;
	padding: 0;
	position: relative;
	top: 0;
	width: 100%;
}
.custom-menu-primary .hs-menu-wrapper {
	width: 100%; /* Full screen width */
}
/* Level 1 Menu List Styles
	========================================================================== */
.custom-menu-primary .hs-menu-wrapper > ul {
	background-color: #999;
	list-style-image: none;
	padding-left: 0;
}
.custom-menu-primary .hs-menu-wrapper > ul > li {
	position: relative;
}
.custom-menu-primary .hs-menu-wrapper > ul > li a {
	font-size: 21px; /* 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 {
	background-color: #999;
	color: #fff;
	padding: 0 10px;
	text-decoration: none;
}
.custom-menu-primary .hs-menu-wrapper > ul li a:hover {
	color: #1570a6; /* link hover color set by global mobile-aColorHover variable */
}
/* Level 2 and Higher Menu List Styles
	========================================================================== */
.custom-menu-primary .hs-menu-wrapper > ul ul {
	list-style: none !important;
	padding-left: 0;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li {
	background-color: #aaa;
	padding-left: 20px;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a {
	background-color: #aaa;
	font-size: 18px; /* Font size of child lists */
	line-height: 45px !important;
	text-indent: 10px; /* Indent Child lists */
}
/* Level 3 and Higher Menu List Styles
	========================================================================== */
.custom-menu-primary .hs-menu-wrapper > ul ul ul li a {
	line-height: 45px !important;
	text-indent: 30px; /* Indent Child lists */
}
.custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a {
	text-indent: 50px; /* Indent Child lists */
}
/* Styling for "Migrate from..." section of navigation
	========================================================================== */
	
.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul > li:first-child > ul > li > a {
	margin-left: 5px;
	margin-right: 5px;
}
.custom-menu-primary .hs-menu-wrapper.flyouts.hs-menu-flow-horizontal > ul > li:first-child > ul > li:first-child > a {
	border-radius: 0;
	margin-left: -5px;
	margin-right: -5px;
}
} /* END @media (max-width: 767px) */
.center-line {
	display: inline-block;
	width: 70px;
	height: 1px;
	border-top: 1px solid #bbb;
	/* border-bottom: 1px solid $skincolor; */
	margin: auto;
}


a:-webkit-any-link {
    cursor: pointer;
    text-decoration: none;
}

a:hover {
	color:#8fdef6;
	text-decoration: none;
}



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

/*****
/*****     Hero Image / $HEROIMAGE
/*****
/********************************************************/

.hero-image {
}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
	display: block;
	max-width: 100%;
	height: auto
}
/* animated hero images
========================================================================== */

.hero-image--animated {
	background-color: transparent;
	color: #fff;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 960px !important;
	text-align: center;
}
.hero-image--animated__wrapper {
	background-color: #fff;
	/*	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/BG-WebMAP5.jpg);				/* light blue global connections */
	/*	background-image: url(https://www.mobilize.net/hubfs/1webSITE-Images/BG/Mobilize-Migrations.jpg);			/* aqua/teal */
	background-image: url(https://www.mobilize.net/hubfs/Ado21-images/top-BannerBG.jpg); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 500px;
	width: 100%;
}
.hero-image--animated .primary, .hero-image--animated .secondary {
	line-height: 1;
	margin: 40px 0;
}
.hero-image--animated .primary {
	font-size: 24px;
}
.hero-image--animated .secondary {
	font-size: 21px;
}
.home-image {
}
/* LP
========================================================================== */


.lp-image--animated {
	background-color: transparent;
	color: #2b2b2b;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: left;
	padding: 0 30px;
}
.lp-image--animated__wrapper {
	background-color: #01bcf3;
	background-image: url(https://www.mobilize.net/hubfs/CONNX%20Images/connx-banner.jpg); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}
 .lp-image--animated .primary, {
 line-height: 1;
 margin: 20px 40px;
}
.lp-image--animated .secondary {
	line-height: 1.5;
	margin: 20px 40px;
}

@media (max-width:600px) {
.lp-image--animated .primary {
	font-size: 24px;
}
.lp-image--animated .secondary {
	font-size: 21px;
	line-height: 28px;
}
}
/* ---------------------- end ---------------------------------  */

.ebook-image--animated {
	background-color: transparent;
	color: #2b2b2b;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: left;
	padding: 0 30px;
}
.ebook-image--animated__wrapper {
	background-color: #01bcf3;
	background-image: url(https://www.mobilize.net/hubfs/1webSITE-Images/BG/ebook-bg.jpg); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}
 .ebook-image--animated .primary, {
 line-height: 1;
 margin: 20px 40px;
}
.ebook-image--animated .secondary {
	line-height: 1.5;
	margin: 20px 40px;
}

@media (max-width:600px) {
.ebook-image--animated .primary {
	font-size: 24px;
}
.ebook-image--animated .secondary {
	font-size: 21px;
	line-height: 28px;
}
}
/* ---------------------- end ---------------------------------  */



/* animated hero images
========================================================================== */

.home-image--animated {
	background-color: transparent;
	color: #fff;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 960px !important;
	text-align: center;
}
.home-image--animated__wrapper {
	background-color: #fff;
	/*	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/bg.jpg);				/* light blue global connections */
	/*	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/bg2.jpg);			/* aqua/teal */
	background-image: url(https://www.mobilize.net/hubfs/1webSITE-Images/BG/Mobilize-WebMAPteam.jpg); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 200px;
	width: 100%;
}
.home-image--animated .primary, .hero-image--animated .secondary {
	line-height: 1;
	margin: 40px 0;
}
.home-image--animated .primary {
	font-size: 24px;
}
.home-image--animated .secondary {
	font-size: 21px;
}
/* animated careers images
========================================================================== */


.careers-image .careers2-image {
}
.careers-image--animated {
	background-color: transparent;
	color: #fff;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 960px !important;
	text-align: center;
}
.careers-image--animated__wrapper {
	background-color: #fff;
	/*	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/bg.jpg);				/* light blue global connections */
	/*	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/bg2.jpg);			/* aqua/teal */
	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/careers-bg.jpg); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.careers2-image--animated__wrapper {
	background-color: #fff;
	/*	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/bg.jpg);				/* light blue global connections */
	/*	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/bg2.jpg);			/* aqua/teal */
	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/careers-bg.jpg); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.careers-image--animated .primary, .hero-image--animated .secondary {
	line-height: 1;
	margin: 20px 0 0 20px;
}
.careers-image--animated .primary {
	font-size: 24px;
}
.careers-image--animated .secondary {
	font-size: 21px;
}
.careers-image {
}
/* Parallax top images -secondary pages
========================================================================== */


.blue-image--animated {
	background-color: transparent;
	color: #2b2b2b;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: left;
	padding: 0 30px;
}
.blue-image--animated__wrapper {
	background-color: #01bcf3;
	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/tech-bg.jpg); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}
 .blue-image--animated .primary, {
 line-height: 1;
 margin: 20px 40px;
}
.blue-image--animated .secondary {
	line-height: 1.5;
	margin: 20px 40px;
}

@media (max-width:600px) {
.blue-image--animated .primary {
	font-size: 24px;
}
.blue-image--animated .secondary {
	font-size: 21px;
	line-height: 28px;
}
}
/* ---------------------- end ---------------------------------  */

.WebMAP-image {
}
.WebMAP-image--animated {
	background-color: transparent;
	color: #2b2b2b;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: left;
	padding: 0 30px;
	height: 474px;
}
.WebMAP-image--animated__wrapper {
	background-color: #fff;
	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/Mobilize-bg6.jpg); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 474px;
	width: 100%;
}
 .WebMAP-image--animated .primary, {
 line-height: 1;
 margin: 20px 40px;
}
.WebMAP-image--animated .secondary {
	line-height: 1.5;
	margin: 20px 40px;
}

@media (max-width:600px) {
.WebMAP-image--animated .primary {
	font-size: 24px;
}
.WebMAP-image--animated .secondary {
	font-size: 21px;
	line-height: 28px;
}
}
/* ---------------------- end ---------------------------------  */


.solutions-image {
}
.solutions-image--animated {
	background-color: transparent;
	color: #2b2b2b;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: left;
	padding: 0 30px;
	height: 474px;
}
.solutions-image--animated__wrapper {
	background-color: #fff;
	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/Mobilize-bg8.jpg); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 474px;
	width: 100%;
}
 .solutions-image--animated .primary, {
 line-height: 1;
 margin: 20px 40px;
}
.solutions-image--animated .secondary {
	line-height: 1.5;
	margin: 20px 40px;
}

@media (max-width:600px) {
.solutions-image--animated .primary {
	font-size: 24px;
}
.solutions-image--animated .secondary {
	font-size: 21px;
	line-height: 28px;
}
}
/* ---------------------- end ---------------------------------  */


.customers-image {
}
.customers-image--animated {
	background-color: transparent;
	color: #2b2b2b;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: left;
	padding: 0 30px;
	min-height: 520px;
}
.customers-image--animated__wrapper {
	background-color: #fff;
	background-image: url(https://www.mobilize.net/hubfs/1webSITE-Images/BG/customers-bg.png); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 520px;
	width: 100%;
}
 .customers-image--animated .primary, {
 line-height: 1;
 margin: 20px 40px;
}
.customers-image--animated .secondary {
	line-height: 1.5;
	margin: 20px 40px;
}

@media (max-width:600px) {
.customers-image--animated .primary {
	font-size: 24px;
}
.customers-image--animated .secondary {
	font-size: 21px;
	line-height: 28px;
}
}
/* ---------------------- end ---------------------------------  */



.pricing-image {
}
.pricing-image--animated {
	background-color: transparent;
	color: #2b2b2b;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: left;
	padding: 0 30px;
	height: 474px;
}
.pricing-image--animated__wrapper {
	background-color: #fff;
	background-image: url(https://www.mobilize.net/hubfs/1webSITE-Images/BG/calculator-bg.jpg); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 474px;
	width: 100%;
}
 .pricing-image--animated .primary, {
 line-height: 1;
 margin: 20px 40px;
}
.pricing-image--animated .secondary {
	line-height: 1.5;
	margin: 20px 40px;
}

@media (max-width:600px) {
.pricing-image--animated .primary {
	font-size: 24px;
}
.pricing-image--animated .secondary {
	font-size: 21px;
	line-height: 28px;
}
}
/* ---------------------- end ---------------------------------  */







.support-image {
}
.support-image--animated {
	background-color: transparent;
	color: #2b2b2b;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: left;
	padding: 0 30px;
	height: 474px;
}
.support-image--animated__wrapper {
	background-color: #fff;
	background-image: url(https://www.mobilize.net/hubfs/1webSITE-Images/BG/support-bg.jpg); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	
	width: 100%;
}
 .support-image--animated .primary, {
 line-height: 1;
 margin: 20px 40px;
}
.support-image--animated .secondary {
	line-height: 1.5;
	margin: 20px 40px;
}

@media (max-width:600px) {
.support-image--animated .primary {
	font-size: 24px;
}
.support-image--animated .secondary {
	font-size: 21px;
	line-height: 28px;
}
}
/* ---------------------- end ---------------------------------  */


.Products-image {
}
.Products-image--animated {
	background-color: transparent;
	color: #2b2b2b;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: left;
	padding: 0 30px;
	height: 474px;
}
.Products-image--animated__wrapper {
	background-color: #fff;
	background-image: url(https://www.mobilize.net/hubfs/1webSITE-Images/BG/products-bg.jpg); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 474px;
	width: 100%;
}
 .Products-image--animated .primary, {
 line-height: 1;
 margin: 20px 40px;
}
.Products-image--animated .secondary {
	line-height: 1.5;
	margin: 20px 40px;
}

@media (max-width:600px) {
.Products-image--animated .primary {
	font-size: 24px;
}
.Products-image--animated .secondary {
	font-size: 21px;
	line-height: 28px;
}
}
/* ---------------------- end ---------------------------------  */



.demos-image {
}
.demos-image--animated {
	background-color: transparent;
	color: #2b2b2b;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: left;
	padding: 0 30px;
	height: 474px;
}
.demos-image--animated__wrapper {
	background-color: #fff;
	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/Mobilize-bg5.jpg); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 474px;
	width: 100%;
}
 .demos-image--animated .primary, {
 line-height: 1;
 margin: 20px 40px;
}
.demos-image--animated .secondary {
	line-height: 1.5;
	margin: 20px 40px;
}

@media (max-width:600px) {
.demos-image--animated .primary {
	font-size: 24px;
}
.demos-image--animated .secondary {
	font-size: 21px;
	line-height: 28px;
}
}
/* ---------------------- end ---------------------------------  */


.VBUC-image {
}
.VBUC-image--animated {
	background-color: transparent;
	color: #2b2b2b;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: left;
	padding: 0 30px;
	height: 474px;
}
.VBUC-image--animated__wrapper {
	background-color: #fff;
	background-image: url(https://www.mobilize.net/hubfs/1webSITE-Images/BG/vbuc-bg.jpg); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 474px;
	width: 100%;
}
 .VBUC-image--animated .primary, {
 line-height: 1;
 margin: 20px 40px;
}
.VBUC-image--animated .secondary {
	line-height: 1.5;
	margin: 20px 40px;
}

@media (max-width:600px) {
.VBUC-image--animated .primary {
	font-size: 24px;
}
.VBUC-image--animated .secondary {
	font-size: 21px;
	line-height: 28px;
}
}
/* ---------------------- end ---------------------------------  */


.PowerBuilder-image {
}
.PowerBuilder-image--animated {
	background-color: transparent;
	color: #2b2b2b;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: left;
	padding: 0 30px;
	height: 474px;
}
.PowerBuilder-image--animated__wrapper {
	background-color: #fff;
	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/Mobilize-bg4.jpg); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 474px;
	width: 100%;
}
 .PowerBuilder-image--animated .primary, {
 line-height: 1;
 margin: 20px 40px;
}
.PowerBuilder-image--animated .secondary {
	line-height: 1.5;
	margin: 20px 40px;
}

@media (max-width:600px) {
.PowerBuilder-image--animated .primary {
	font-size: 24px;
}
.PowerBuilder-image--animated .secondary {
	font-size: 21px;
	line-height: 28px;
}
} /* end media query */
/* animated hero images
========================================================================== */


.snowflake-image {
}
.snowflake-image--animated {
	background-color: transparent;
	color: #2b2b2b;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: left;
	padding: 0 30px;
	height: 474px;
}
.snowflake-image--animated__wrapper {
	background-color: #fff;
	background-image: url(https://www.mobilize.net/hubfs/1webSITE-Images/BG/Mobilizeteam.png); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 474px;
	width: 100%;
}
 .snowflake-image--animated .primary, {
 line-height: 1;
 margin: 20px 40px;
}
.snowflake-image--animated .secondary {
	line-height: 1.5;
	margin: 20px 40px;
}

@media (max-width:600px) {
.snowflake-image--animated .primary {
	font-size: 24px;
}
.snowflake-image--animated .secondary {
	font-size: 21px;
	line-height: 28px;
}
} /* end media query */
/* animated hero images
========================================================================== */

.silverlight-image {
}
.silverlight-image--animated {
	background-color: transparent;
	color: #2b2b2b;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: left;
	padding: 0 30px;
	height: 474px;
}
.silverlight-image--animated__wrapper {
	background-color: #fff;
	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/Mobilize-bg6.jpg); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 474px;
	width: 100%;
}
 .silverlight-image--animated .primary, {
 line-height: 1;
 margin: 20px 40px;
}
.silverlight-image--animated .secondary {
	line-height: 1.5;
	margin: 20px 40px;
}

@media (max-width:600px) {
.silverlight-image--animated .primary {
	font-size: 24px;
}
.silverlight-image--animated .secondary {
	font-size: 21px;
	line-height: 28px;
}
} /* end media query */
.modernization-image {
}
.modernization-image--animated {
	background-color: transparent;
	color: #2b2b2b;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 100% !important;
	text-align: left;
	padding: 0 30px;
	height: 474px;
}
.modernization-image--animated__wrapper {
	background-color: #fff;
	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/build.png); 		/* BG */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	width: 100%;
}
 .modernization-image--animated .primary, {
 line-height: 1;
 margin: 20px 40px;
}
.modernization-image--animated .secondary {
	line-height: 1.5;
	margin: 20px 40px;
}

@media (max-width:600px) {
.modernization-image--animated .primary {
	font-size: 24px;
}
.modernization-image--animated .secondary {
	font-size: 21px;
	line-height: 28px;
}
} /* end media query */
/* animated hero images
========================================================================== */

.hero-image--animatedlight {
	background-color: transparent;
	color: #fff;
	float: none !important;
	font-family: 'Segoe', sans-serif;
	margin: 0 auto !important;
	max-width: 960px !important;
	text-align: center;
}
.hero-image--animatedlight__wrapper {
	background-color: #fff;
	/*	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/bg.jpg);				/* light blue global connections */
	/*	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/bg2.jpg);			/* aqua/teal */
	background-image: url(//www.mobilize.net/hubfs/1webSITE-Images/BG/build.png); 		/* dark blue with spotlight effect */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 300px;
	width: 100%;
}
.hero-image--animatedlight .primary, .hero-image--animatedlight .secondary {
	line-height: 1;
	margin: 40px 0;
}
.hero-image--animatedlight .primary {
	font-size: 150px;
}
.hero-image--animatedlight .secondary {
	font-size: 34px;
}
/* static hero images
========================================================================== */
.hero-image--static__wrapper {
	text-align: center;
}
.hero-image--static__image {
	height: 258px;
}
/* HS-generated wrappers for text modules */
.hero-image--static__wrapper .row-number-3 {
	max-width: 960px; /* !important needed to override layout.css */
	position: absolute;
	transform: translateY(-100%);
}
.hero-image--static__text {
	background-color: red;
	float: none !important; /* !important needed to override layout.css */
	/*height: 258px;*/
 /*   margin: -282px auto 0 auto;*/
	margin: 0 auto;
	max-width: 960px !important; /* !important needed to override layout.css */
	/*position: relative;*/
	text-align: center;
}
.hero-image--static__text div {/*
border: 1px solid green;
    /*position: absolute; */
/*top: 50%; */
    /*transform: translateY(-50%);*/
}
.hero-image--static__text div p {
	background-color: transparent;
	color: white;
	font-family: 'Segoe', sans-serif;
	font-size: 24px;
	text-shadow: 1px 1px 1px #000;
}
.hero-image--static__text div p.upper {
	margin-top: 40px;
}
.hero-image--static__text div p.middle {
	margin-top: 50px;
}
.hero-image--static__text div p.lower {
	margin-top: 50px;
}

/* Hero image media queries
========================================================================== */
@media (max-width: 767px) {
.hero-image--animated .primary {
	font-size: 60px;
}
.hero-image--animated .secondary {
	font-size: 34px;
}
} /* end media query */
/********************************************************/
/*****
/*****     Content / $CONTENT
/*****
/********************************************************/


/*------------------------------------*\
  $CONTENTWRAPPERS
\*------------------------------------*/

.wrapper__twocolumns, .wrapper__threecolumns {
	clear: left;
	float: left;
	margin: 0;
	padding-bottom: 40px; /* escape collapsing margins after float */
}
/* clearfix */
.wrapper__twocolumns:after, .wrapper__threecolumns:after {
	clear: both;
	content: " "; /* Older browser do not support empty content */
	display: block;
	height: 0;
	visibility: hidden;
}
.wrapper__twocolumns > *:first-child, .wrapper__threecolumns > *:first-child {
	margin-top: 0 !important;
}
/* 2 columns */
.wrapper__twocolumns {
	width: 45%; /* 960 = (460*2) + 40 */
}
.wrapper__twocolumns + .wrapper__twocolumns {
	clear: none;
	margin-left: 40px;
}
/* 3 columns */
.wrapper__threecolumns {
	width: 30%; /* 960 = (290*3) + (45*2) */
}
.wrapper__threecolumns + .wrapper__threecolumns {
	clear: none;
	margin-left: 45px; /* 960 = (290*3) + (45*2) */
}

/* media queries */
@media (max-width: 977px) { /* when browswer window is < 960px (plus the scroll bar width) */
.wrapper__twocolumns {
	margin: auto 2%;
	padding-bottom: 0;
	width: 95%;
}
.wrapper__twocolumns + .wrapper__twocolumns {
	clear: left;
	float: none;
}
.wrapper__twocolumns + .wrapper__twocolumns {
	margin-left: 2% !important;
}
}

@media (min-width: 768px) and (max-width: 977px) {
.wrapper__threecolumns {
	width: 30%;
}
.wrapper__threecolumns + .wrapper__threecolumns {
	margin-left: 2% !important;
}
}

@media (max-width: 767px) { /* when we switch to "mobile" styling */
.wrapper__threecolumns {
	margin: auto 2% !important;
	padding-bottom: 0;
	width: 95%;
}
}
.parallax {
	padding: 60px 0;
	position: relative;
	background-color: rgba(0,0,0,0.8);
}
.parallax-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url('//www.mobilize.net/hs-fs/hub/216184/file-2025227956-png/2014/images/parallax_overlay.png');
	background-repeat: repeat;
	background-color: rgba(0,0,0,0.6);
	z-index: 1;
}
.parallax h1 {
	font-size: 38px;
	font-weight: 500;
	margin-top: 10px;
}
.parallax .parallax-content {
	z-index: 2;
}

@media only screen and (max-width: 1024px) {
.parallax {
	background-attachment: scroll !important;
	background-position: center !important;
	background-size: 1024px 100% !important;
}
}
/*------------------------------------*\
  $TYPOGRAPHY
\*------------------------------------*/

/***** Font-faces *****/

/* Open Sans is imported in @import at top of file */

@font-face {
	font-family: 'Segoe';
	src: url('https://fonts.googleapis.com/css?family=Segoe:300,400,700,900');
}
 @import url('https://fonts.googleapis.com/css?family=Segoe:300,400,700,900');
@font-face {
	font-family: 'Segoe';
	src: url('https://fonts.googleapis.com/css?family=Segoe:300,400,700,900');
}
dt, h1, h2, h3, h4, h5, h6 {
	font-family: 'Segoe', sans-serif;
}
dd, input, label, legend, li, p, summary, th, td, .hs-button.primary /* HS submit buttons */ {
	font-family: 'Segoe', sans-serif;
}
/***** All other font declarations *****/

h2 {
	font-size: 26px;
}
h3 {
	font-size: 24px;
	font-weight: bold;
}
dt, h4, h5, h6 {
	font-size: 21px;
}
dd, li, p, td, th {

}
.main-content .hs_cos_wrapper_type_rich_text > p:first-child, p.lead {
  font-size: 1.3rem;
}
/*------------------------------------*\
  $TYPE LAYOUT
\*------------------------------------*/

.main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
	clear: left;
	margin: 20px;
}
.main-content h3.form-title {
	margin: 0 0 10px 0;
}
.main-content p {
	margin: 0 20px 20px 20px; font-size:21px; /* left and right paddings equal to keep HS-created content center-aligned */
	  ;
}
.wrapper__twocolumns p, .wrapper__threecolumns p {
	text-align: left;
	font-size:21px;
}
.main-content ul {
	list-style-type: circle;
	  font-size: 1.3rem;
}
.main-content li {
	margin-bottom: 10px;
	
}

@media (max-width: 1000px) {
.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6, .main-content p {
	margin-left: 20px;
	margin-right: 20px;
}
}

@media (max-width: 767px) {
.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6, .main-content p {
	/* padding applied to .main-content */
	margin-left: 5px;
	margin-right: 5px;
}
}
/*------------------------------------
  $CALLOUTS
------------------------------------*/

.pagetitle, h2.callout {
	clear: left;
	color: #fff;
	margin: 0 0 40px 0;
	padding: 20px 10px;
	position: relative;
	text-align: center;
}
.pagetitle:after, h2.callout:after {
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	bottom: -20px;
	content: ' ';
	height: 0;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	width: 0;
}
.pagetitle h1 {
	font-size: 36px;
	line-height: 1;
	margin: 0 !important;
}
.pagetitle {
	background-color: #2b2b2b;
}
.pagetitle:after {
	border-top: 20px solid #2b2b2b;
}
h2.callout {
	background-color: #00adee;
	margin-top: 60px;
}
h2.callout:after {
	border-top: 20px solid #00adee;
}
/* @media (min-width: 768px) and (max-width: 967px) { } */


.callout.VS2017, .callout.VS2017 h2, .callout.VS2017 h3, .callout.VS2017 h4, .callout.VS2017 p {
	color: #fff;
	background-color: #6a217b;
}
.callout.VS2017 p {
	color: #6a217b;
	font-size: 21px;
	max-width: 960px;
	margin: auto;
}
.callout.VS2017.arrow-up, .callout.VS2017.arrow-down {
	position: relative;
	padding: 20px 0;
}
.callout.VS2017.arrow-down:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #6a217b;
	left: 50%;
	margin-left: -10px;
	bottom: -20px;
}
.callout.VS2017. arrow-up:after {
 content:' ';
 position:absolute;
 width: 0;
height: 0;
 border-left: 20px solid transparent;
 border-right: 20px solid transparent;
 border-bottom: 20px solid #6a217b;
 left:50%;
margin-left:-10px;
 top:-20px;
}
/*------------------------------------
  $FAKECTAS
------------------------------------*/
.fakecta, .main-content p.fakecta, .wrapper__twocolumns p.fakecta, .wrapper__threecolumns p.fakecta {
	background: #eeeeee;
	border-radius: 5px;
	border: 1px solid #999;
	color: #00adee;
	display: inline-block;
	margin: 0 auto 20px auto;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
}
.fakecta:hover, main-content p.fakecta:hover, .wrapper__twocolumns p.fakecta:hover, .wrapper__threecolumns p.fakecta:hover {
	background: #00adee;
}
.fakecta a {
	background-color: transparent;
	color: #00adee;
	display: block; /* make the whole .fakecta clickable */
	font-size: 16px;
	text-decoration: none;
}
.fakecta a:hover {
	color: #00adee;
	text-decoration: none;
}
.main-content details p.fakecta {
	margin: 0 20px 20px 20px;
}
/* .wrapper__twocolumns .fakecta { } */

/* .wrapper__threecolumns .fakecta { } */


.fakectablue, .main-content p.fakectablue, .wrapper__twocolumns p.fakectablue, .wrapper__threecolumns p.fakectablue {
	background: #00adee;
	border-radius: 5px;
	border: 1px solid #00adee;
	color: #FFF;
	display: inline-block;
	margin: 0 auto 20px auto;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
}
.fakectablue:hover, main-content p.fakecta:hover, .wrapper__twocolumns p.fakecta:hover, .wrapper__threecolumns p.fakecta:hover {
	background: #FFF;
	color: #00adee;
}
.fakectablue a {
	background-color: transparent;
	color: #00adee;
	display: block; /* make the whole .fakecta clickable */
	font-size: 16px;
	text-decoration: none;
}
.fakectablue a:hover {
	color: #00adee;
	text-decoration: none;
}
.main-content details p.fakectablue {
	margin: 0 20px 20px 20px;
}
/*------------------------------------
  $ACCORDIONS
------------------------------------*/

details {
	background-color: #f8f8f8;
	border: 1px solid #d3d3d3;
	color: #2b2b2b;
	display: inline-block;
	margin: 20px;
	padding: 0 !important;
	font-size: 14px;/* text-align: center; so that .fakecta can be centered */
}
details:after {
	clear: both;
	content: "";
	display: table;
}

/* details[open] { box-shadow: 1px 1px 3px #999; } */

@media (min-width: 768px) {
details[open] summary ~ * {
	animation: fadeIn .5s ease-in-out;
} /* webkit mobile won't show content with this declaration */
}

@media (min-width: 977px) {
.wrapper__twocolumns details {
	margin-right: 0;
}
.wrapper__twocolumns + .wrapper__twocolumns details {
	margin-left: 0;
	margin-right: 20px;
}
}
summary {
	background-color: #FFF;
	color: #2b2b2b;
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
	padding: 10px 30px 10px 10px;
	text-align: left;
	white-space: nowrap;
}
 summary::-webkit-details-marker {
display: none;
}
summary:after {
	content: "+";
	color: #2b2b2b;
	float: right;
	font-size: 14px;
	font-weight: bold;
	margin: -2px -20px 0 0;
	padding: 0;
	text-align: center;
	width: 20px;
}
details[open] summary::after {
	content: "-";
	margin-top: -5px;
}
/* hover */
summary:hover {
	background-color: #d8d8d8;
	cursor: pointer;
	transition: background-color .3s;
}
summary:hover::after {
	color: #00adee;
	transition: color .3s;
}
.main-content details p {
	margin: 0;
	padding: 20px 10px;
	text-align: justify;
	font-size: 14px;
}
/*------------------------------------*\
  $FIGURES
\*------------------------------------*/

figure {
	margin: 0 0 20px 0;
	text-align: center;
}
.figure--left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
}
.figure--right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
}
figure > img.photo {
	border: 1px solid #2b2b2b; /* dark grey */
	box-shadow: 2px 2px 5px #7C7D7F; /* light grey */
	padding: 10px;
}
figcaption {
	color: #2b2b2b; /* dark grey */
	font-size: 11px;
	font-style: italic;
	margin-top: 5px;
	text-align: center;
}
/*------------------------------------*\
  $TABLES
\*------------------------------------*/

/**** alltext tables. see Legacy Transformation page for examples ****/
table, table.allText {
	margin: 20px;
}
table.allText, table.allText thead {
	border-spacing: 0;/* width: 100%; */
}
table.allText td {
	padding: 10px;
	vertical-align: center;
}
table.allText, table.allText td {
	border: 1px solid #00adee;
}
table.allText thead {
	background-color: #00adee;
	color: #fff;
}
table.allText th {
	padding: 5px;
}
/*------------------------------------*\
  $SOCIAL
\*------------------------------------*/

.header-container .widget-type-follow_me {
	text-align: right;
}

@media (max-width: 767px) {
.header-container .widget-type-follow_me {
	display: none;
}
.footer-container .widget-type-follow_me {
	margin-top: 20px;
}
.footer-container .widget-type-follow_me a {
	margin-right: 10px;
}
} /* end media query */
/*------------------------------------*\
  $IFRAMES
\*------------------------------------*/

iframe {
	border: none;
	margin-left: 20px;
	margin-right: 20px;
}
.span8 iframe {
	max-width: 600px !important;
}
/*------------------------------------*\
  $MISCELLANEOUS
\*------------------------------------*/






/********************************************************/
/*****
/*****     Forms / $FORMS
/*****
/********************************************************/
/*****
/***** See https://designers.hubspot.com/docs/cos/hubspot-form-markup */
/*****
/********************************************************/

.hs-form {
	width: 100%;
}
.hs-form .hs-form-field {
	width: 100%;
}
.hs-form.stacked .hs-form-field {
	margin-bottom: 10px;
}
.hs-form fieldset.form-columns-1, .hs-form fieldset.form-columns-2, .hs-form fieldset.form-columns-3 {
	margin-bottom: 20px;
	margin-top: 5px;
}
/* wrapper div */
.hs-form fieldset.form-columns-1 .input, .hs-form fieldset.form-columns-2 .input, .hs-form fieldset.form-columns-3 .input {
	margin: 0 !important;
	padding: 0 !important;
}
/* Multi Column Form (selectors for fieldsets and field wrappers) 
   ========================================================================== */

.hs-form .hs-form fieldset.form-columns-1 {
}
.hs-form .hs-form fieldset.form-columns-1 .hs-form-field {
}
.hs-form .hs-form fieldset.form-columns-2 {
}
.hs-form .hs-form fieldset.form-columns-2 .hs-form-field {
}
.hs-form .hs-form fieldset.form-columns-3 {
}
.hs-form .hs-form fieldset.form-columns-3 .hs-form-field {
}

@media (max-width: 767px) {
/* wrapper div */
.hs-form fieldset.form-columns-2 > div {
	width: 50% !important;
}
.hs-form fieldset.form-columns-2 .hs-form-field {
	/* prevent HS from removing float on narrow window widths and stacking inputs */
	float: left !important; /* !important to override automatic <style> inclusion */
}
}
/*------------------------------------*\
  Descriptions / $DESCRIPTIONS
\*------------------------------------*/

/* targets class applied to Help Text divs */
.hs-form .hs-field-desc {
	color: #7c7d7f;
	font-size: 12px;
	padding: 5px;
}
/*------------------------------------*\
  Labels / $LABELS
\*------------------------------------*/

/* selects field labels and error messages */

.hs-form label {
}
.hs-form .hs-form-field > label {
	color: #1570a6;
}
.hs-form li {
	line-height: 1;
}
/*------------------------------------*\
  $INPUTS
\*------------------------------------*/


/* (selectors for all inputs) */
.hs-form input[type="text"], .hs-form input[type="password"], .hs-form input[type="datetime"], .hs-form input[type="datetime-local"], .hs-form input[type="date"], .hs-form input[type="month"], .hs-form input[type="time"], .hs-form input[type="week"], .hs-form input[type="number"], .hs-form input[type="email"], .hs-form input[type="url"], .hs-form input[type="search"], .hs-form input[type="tel"], .hs-form input[type="color"], .hs-form input[type="file"], .hs-form textarea, .hs-form select {
	border: 1px solid #2b2b2b;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #e2e2e2;
	color: #7c7d7f;
	padding: 5px;
}
/* Inputs in focus (selectors for all inputs when clicked)
   ==================================================== */
.hs-form input[type="text"]:focus, .hs-form input[type="password"]:focus, .hs-form input[type="datetime"]:focus, .hs-form input[type="datetime-local"]:focus, .hs-form input[type="date"]:focus, .hs-form input[type="month"]:focus, .hs-form input[type="time"]:focus, .hs-form input[type="week"]:focus, .hs-form input[type="number"]:focus, .hs-form input[type="email"]:focus, .hs-form input[type="url"]:focus, .hs-form input[type="search"]:focus, .hs-form input[type="tel"]:focus, .hs-form input[type="color"]:focus, .hs-form input[type="file"]:focus, .hs-form textarea:focus, .hs-form select:focus {
	border: 1px solid #1570a6;
	color: #2b2b2b;
}
/* Multi-line inputs (selectors to target multi-line fields
   ==================================================== */
.hs-form textarea {
}
.hs-form textarea:focus {
}
/* Dropdowns (selectors for dropdowns)
   ==================================================== */

.hs-form select {
	box-sizing: content-box;
}
.hs-form select:focus {
}
/* Multi-select (selectors for multi-select fields)
   ==================================================== */
.hs-form form.hs-form .hs-form-field ul.inputs-list {
}
.hs-form form.hs-form .hs-form-field ul.inputs-list li input {
}
.hs-form input[type="radio"] {
	padding-top: 3px !important;
}
.hs-form input[type="checkbox"] {
}
.hs_radio_select_property {
}
.hs-form-checkbox, .hs-form-radio {
	display: inline-block;
	list-style: none;
	margin-right: 10px;
}
.hs-form-radio-display {
	vertical-align: middle;
}
/* <input> 0-column SIZING and LAYOUT
   ==================================================== */

.hs-form .hs-input {
	width: 97%; /* allow for 2+% of gutter specified by layout.css*/
}

@media (min-width: 1000px) {
.span4 .hs-form .hs-input {
	max-width: 294px;
}
} /* end media query */

@media (max-width: 1000px) and (min-width: 768px) {
.hs-form .hs-input {
	width: 94%;
}
} /* end media query */

@media (max-width: 767px) {
.hs-form .hs-input {
	max-width: none;
	width: 98%;
}
} /* end media query */
/* target left-column forms */
.row-fluid .span4.widget-type-form:first-child .hs-input {
	width: 254px;
}
/* <input> 1-column SIZING and LAYOUT
   ==================================================== */

.form-columns-1 .hs-input {
	width: 97%;
}
/* <input> 2-column SIZING and LAYOUT
   ==================================================== */

.form-columns-2 .hs-input {
	width: 90%;
}

@media (max-width: 1000px) and (min-width: 768px) {
.form-columns-2 .hs-input {
	width: 88%;
}
} /* end media query */

@media (max-width: 767px) {
} /* end media query */
/*------------------------------------*\
  Required fields / $REQUIRED
\*------------------------------------*/

.hs-form-required {
	color: #c00000;
}

/* (selectors for fields, when they do not pass validation) */
.hs-form input:focus:required:invalid, .hs-form textarea:focus:required:invalid, .hs-form select:focus:required:invalid {
}
 .hs-form input:focus:required:invalid:focus, .hs-form textarea:focus:required:invalid:focus, .hs-form select:focus:required:invalid:focus {
}
/*------------------------------------*\
  Error messages / $ERRORS
\*------------------------------------*/

.hs-error-msgs {
	animation: alertColorChange 3s infinite;
	background-color: #c00000;
	border: 1px solid #c00000;
	border-radius: 5px;
	color: #fff;
	list-style: none !important;
	margin: 2px 0 0 0;
	padding: 10px;
}
.hs-error-msgs li {
	margin: 0;
	text-align: center;
}
.hs-error-msgs label {
	display: block;
}
/* errors 1-column SIZING and LAYOUT
   ==================================================== */

.span4 .hs-error-msgs {
	max-width: 306px;
}
.span4 .form-columns-1 .hs-error-msgs {
	width: 278px; /* account for box-shadow of <input> + padding of 10px */
}

@media (max-width: 1000px) {
.span4 .hs-error-msgs, .span4 .form-columns-1 .hs-error-msgs {
	width: 90%;
}
}

@media (max-width: 960px) and (min-width: 768px) {
}

@media (max-width: 767px) {
.span4 .hs-error-msgs {
	max-width: none;
	width: 96%;
}
.span4 .form-columns-1 .hs-error-msgs {
	width: 94%;
}
}
/* errors 2-column SIZING and LAYOUT
   ==================================================== */
.span4 .form-columns-2 .hs-error-msgs {
	width: 128px;
}

@media (max-width: 1000px) and (min-width: 768px) {
.span4 .form-columns-2 .hs-error-msgs {
	width: 80%;
}
}

@media (max-width: 767px) {
.span4 .form-columns-2 .hs-error-msgs {
	width: 86%;
}
}





/*------------------------------------*\
  Placeholder text / $PLACEHOLDERS
\*------------------------------------*/
::-webkit-input-placeholder { /* Webkit Browsers */
}
:-moz-placeholder { /* Firefox 18- */
}
::-moz-placeholder { /* Firefox 19+ */
}
:-ms-input-placeholder { /* IE10 */
}
/*------------------------------------*\
  Submit buttons / $SUBMITS
/*------------------------------------*/

/* selectors for all non-CTA buttons) */

div.hs_submit, .hs-button.primary {
	text-align: center;
}
body .hs-button.primary, body input[type="submit"], body input[type="button"] {
	background-image: linear-gradient(to bottom, #c00000 0%, #7f0000 100%);
	border: 2px solid #7f0000;
	border-radius: 4px;
	color: #fff;
	margin: 20px 0;
	padding: 10px;
}
body .hs-button.primary {
	display: inline-block;
}
body .hs-button.primary:hover, body input[type="submit"]:hover, body input[type="button"]:hover {
	background-image: linear-gradient(to bottom, #7f0000 0%, #c00000 100%);
	border-color: #7f0000;
	text-decoration: none;
}
body .hs-button.primary:focus, body input[type="submit"]:focus, body input[type="button"]:focus {
	background-image: linear-gradient(to bottom, #00adee 0%, #1570a6 100%);
	border-color: #1570a6;
}
/********************************************************/
/*****
/*****     Animations / $ANIMATIONS
/*****
/********************************************************/



/* Animatated hero image text 
=======================================*/

/* .primary is first line of text, .secondary is second line of text */

.hero-image--animated .primary {
	animation-delay: 0;
}
.hero-image--animated .secondary {
	animation-delay: 1s; /* delay until .primary finishes its animation */
}
/*------------------------------------*\
  $ANIMATION-NAMES
\*------------------------------------*/
.fadeInUp {
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: fadeInUp;
}
.fadeInDown {
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: fadeInDown;
}



/*------------------------------------*\
  $KEYFRAMES
\*------------------------------------*/

@keyframes alertColorChange {
 from {
 background-color: #c00000;
 border-color: #c00000;
}
 50% {
 background-color: #f70000;
 border-color: #f70000;
}
 to {
 background-color: #c00000;
 border-color: #c00000;
}
}
 @keyframes fadeIn {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}
 @keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}




/***angle style**/
.angle-top, .angle-bottom {
  overflow: visible;
  position: relative; }

.angle-top:before {
  background: none repeat scroll 0 0 #fff;
  content: "";
  margin-top: -149px;
  min-height: 100px;
  position: absolute;
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
  width: 100%;
  z-index: 1; }

.angle-top.bg-dark:before {
  background-color: #00adee; }

.angle-top.bg-primary:before {
  background-color: #bd2227; }

.angle-top.bg-info:before {
  background-color: #00adee; }

.angle-top.bg-success:before {
  background-color: #5cb85c; }

.angle-top.bg-warning:before {
  background-color: #f0ad4e; }

.angle-top.bg-white:before {
  background-color: #fff; }

.bg-parallax {
  background-attachment: fixed;
  background-position: center center;
  position: relative;
  overflow: hidden; }

.parallax-overlay:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0; }

.parallax-overlay .container {
  position: relative;
  z-index: 1; }

  
  
  .bg-dark {
  border-color: #333;
  background-color: #00adee; }
  
  
  
  .pt0 {
  padding-top: 0 !important; }

.pt10 {
  padding-top: 10px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt50 {
  padding-top: 50px !important; }

.pt60 {
  padding-top: 60px !important; }

.pt70 {
  padding-top: 70px !important; }

.pt80 {
  padding-top: 80px !important; }

.pt90 {
  padding-top: 90px !important; }

.pt100 {
  padding-top: 100px !important; }

.pb0 {
  padding-bottom: 0 !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.pb100 {
  padding-bottom: 100px !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt90 {
  margin-top: 90px !important; }

.mt100 {
  margin-top: 100px !important; }