@import url('https://use.fontawesome.com/releases/v5.14.0/css/all.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@font-face { font-family: 'Orkney'; 
src: url('https://www.passagetechnology.com/hubfs/Fonts/Orkney/Orkney%20Regular.eot?') format('eot'), 
url('https://www.passagetechnology.com/hubfs/Fonts/Orkney/Orkney%20Regular.woff') format('woff'), 
url('https://www.passagetechnology.com/hubfs/Fonts/Orkney/Orkney%20Regular.ttf') format('truetype');}

.page header { background-color: #FCFCFC }
.page header>div {
  display:flex;
  text-align:center;
  color: #FFF;
}
.gen>header { background-color: #1D76BB }
.confirm>header {
  background-image:url(https://www.passagetechnology.com/hs-fs/hubfs/PassageTechnology_January2018/images/scenery-1209192_1280.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.home>header {
  background-image:url(https://www.passagetechnology.com/hs-fs/hubfs/Home%20page%20%28pexels%29%20v4-1.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.confirm>header>div,
.home>header>div
  { background-color: rgba(0,0,0,0.5) }

.home .block {
  display: block;
  box-sizing: border-box;
}
.home header h1 { font-size: 2.5em }
.home header h2 { font-family: 'Orkney', 'Open Sans', sans-serif }
.home .block>div {
    display: inline-block;
    vertical-align: middle;
    margin: 2em 10%;
}
.home header a:hover img {
    opacity: initial;
    box-shadow: 0px 0px 10px 7px;
}
.confirm .widget-type-form,
.app .widget-type-form
  { background-color: #FBFBFB }
.confirm h3.form-title,
.app .widget-type-form h3.form-title
  { text-align:center }
.confirm form,
.app .widget-type-form form {
  width: 75%;
  margin: auto;
}
.demo header>div,
.order header>div
  { min-height: auto }

.overview header>div { color: #1D1D1D }

.page header .block {
  width: 100%;
  padding: 1%;
  align-self:center;
}
.app .submenu,
.feature .submenu {
  border-top: groove #D1D1D1
}

.gen header div[class*="app"] .block { padding: 3% }

.page p.g-nav { font-size: 1.25em }
.page p.g-nav a {
  text-decoration: none;
  font-weight: 600;
}
.page p.g-nav a:hover { color: #D1D1D1 }

.order form { width: 100% }
.overview header .block {
  font-family: 'Orkney', 'Open Sans';
  width: 50%;
  align-self:center;
}
.overview header .ctas {
  display:flex;
  justify-content:space-around;
  align-items: center;
}
.overview header .ctas>* { margin: 3% }

.overview header a.cta_button,
.app header a.cta_button {
  line-height: 1.5!important;
  padding: .65em!important;
}
.overview header .vid { width: 50% }
.overview header .vid * { max-height: 275px!important }
.overview .widget-type-form {
  margin: 10px;
  padding: 0 10px;
}
.page header .block img { width: auto!important }
.demo .hs-oembed__starter>:first-child {
  width: 75%;
  height: 75%;
  margin: 2em 12.5%;
}
.demo .cta {
  display: flex;
  justify-content: space-around;
  padding: 1em;
  background-color: #F5F5F5;
  border-top:    .1em groove #D1D1D1;
  border-bottom: .1em groove #D1D1D1;
}
.demo button.oembed_custom-thumbnail{background-size:contain!important}
.demo.page div#hs_cos_wrapper_video{min-height:500px}
.guide .page-body{max-width: none}
.guide .row-fluid [class*="span"]{float:none}
.guide .widget-type-simple_menu {
  float: right;
  min-width: 25%;
  font-size: 1.1em;
  padding: 0 1em;
  margin: 1em;
  background-color: #FBFBFB;
  font-family: 'Orkney', 'Open Sans', sans-serif;
}
.guide .widget-type-simple_menu ul{list-style:none}
.guide .widget-type-simple_menu a,
.guide .page-body>.widget-type-rich_text h4 a {
  text-decoration: none;
  color: #1D1D1D;
}
.guide .dnd-section .widget-type-rich_text{width:auto}
.guide .page-body:not(.flow) .widget-type-rich_text{width:90%;margin:auto}
.guide .page-body>.widget-type-rich_text h4{text-align:center}
.guide .page-body>.widget-type-rich_text h4 a:hover{color:#D1D1D1}

.guide .DAH .pe>h2, .guide .DAH .pe>h3,
.guide .MPM .pe>h2, .guide .MPM .pe>h3
{color:#FFF}

.guide pre {
  padding: 1em 5em;
  background-color: #D1D1D1;
}
.overview>header a[id]:not(.cta_button),
.guide .page-body section a[id] {
  display: block;
  margin-top: -90px;
  padding-bottom: 90px;
}
.guide .DAH section h2,
.guide .MPM section h2 {
  padding: .5em 5%;
  color: #FBFBFB;
  background-color: #1D1D1D;
}
.guide section> article {max-width: 90%;margin: auto;}

.support.page>.container-fluid a,
.support-dirct a {
  text-decoration: none;
  color: inherit;
}
.support.page h4 {
  text-align:center;
  padding-bottom: 0.5em;
}
.support.page svg {
  max-height: 150px;
  width: -moz-available;
}
.support-dirct {
  display: flex;
  justify-content: space-around;
  width: 90%;
  margin: auto;
  text-align: center;
}
.support-dirct>div {
  width: 30%;
  margin-top:2em;
}
.support-dirct svg {
	fill: #1D76BB;
	max-height: 200px;
}
.support-dirct a:hover {
  display: block;
  color: #FFF;
  background-color: #1D76BB;
}
.support-dirct a:hover svg {
  fill: #FFF!important;
  transform:scale(0.75)
}

/* ================ MPM+ PE-feature pages ================ */
.mpmplus-pe {
  width: 20%;
  min-width: 225px;
}
.mpmplus-pe * {
  display: block;
  margin: auto;
}
.mpmplus-pe h2 {
  text-align:center;
  padding:1em 0;
  color: #FC6701;
  background-color: #F6F2EE;
}
.mpmplus-pe ul {
  padding: 10px 0;
  background-color: #1D1D1D;
}
.mpmplus-pe li a {
  padding: 5px 1em;
  color: #FFF;
  text-decoration: none;
}
.mpmplus-pe li a:hover {
  color: #FC6701;
  background-color: #D1D1D1;
}
.mpmplus-pe ul li.active a, 
.mpmplus-pe ul li.active a:hover 
  { font-weight: bold }

.feature .row-1 {
  display: flex;
  margin: auto 2em;
}
.feature .row-1 img { max-height: 500px }

.feature .row-1 .widget-type-gallery {
  width: 78%;
  padding: 1%;
  margin-left: 1%;
  background-color: #D1D1D1;
}
.feature .row-1 .hs_cos_gallery_main,
.feature .row-1 .hs_cos_gallery_thumbnails,
.feature .row-1 .hs_cos_gallery_lightbox {
  padding: 0 50px;
  margin:auto;
}
.feature .hs_cos_gallery_main .slick-list,
.feature .hs_cos_gallery_thumbnails .slick-list,
.feature .hs_cos_gallery_lightbox .slick-list
	{ max-height: initial }

.feature .row-1 ul.slick-dots {
  border-top: 5px solid #FC6701;
  border-bottom: 5px solid #FC6701;
  margin: auto;
  box-sizing: border-box;
}
.feature .row-1 ul.slick-dots li.slick-active { transform: scale(3) }

.feature .row-1 .slick-prev,
.feature .row-1 .slick-next
  { zoom: 1.75 }

.feature .row-1 .slick-prev:before,
.feature .row-1 .slick-next:before {
  color: #000;
  opacity: 1;
}
.feature .row-1 .slick-prev:hover:before,
.feature .row-1 .slick-next:hover:before{ 
  color: #F5F5F5;
  border-radius: 10px;
  background-color: #5D5D5D;
}
.feature .row-1 .hs_cos_gallery_thumbnails .slick-list.draggable { height: 100px }

.page .hs_cos_gallery_thumbnails .slick-slide {
  height: auto;
  max-width: 250px;
}
.page .slick-slider { margin: auto }
.page ul.slick-dots {
    width: auto;
    margin: 1em;
}
ul.mpmplus-feature ul li { margin: 5px auto }
ul.mpmplus-feature ul ul li { margin: auto }

.feature > .hs-cta-wrapper,
.order > .hs-cta-wrapper,
.order .contact {
  display:inherit;
  text-align: center;
  padding: 2em;
  background-color:#1D1D1D;
}
.feature > .hs-cta-wrapper .cta_button {
  line-height: 2em!important;
  padding: 1em 1.5em!important;
  border: 4px solid #FC6701 !important;
}
.feature > .hs-cta-wrapper .cta_button:hover {
  color: #FC6701!important;
  background-color: #D1D1D1!important;
}
/* ================ ZX-app_header ================ */
.page header .banner {
  display: inline-flex;
  width: 100%;
  padding: 1% 3%;
  align-items: center;
  box-sizing: border-box;
}
.page header .banner>* {
  min-width: 300px;
  padding: inherit;
}
.page header .banner form {
  background-color: rgba(0,0,0,0.15);
  padding: 1em 10% 0;
}
.page header .banner form .hs-submit input:hover
  { box-shadow: inset 0px 1px 0px #D1D1D1, 0 0 5px #1D1D1D }

.feature>header .banner a.cta_button {
    background-color: #FC6701;
    border-radius: 100px;
    text-decoration: none;
    padding: 6px 18px;
    color: #FFF;
    display: inline-block;
    line-height: 1.5em;
}
@media (max-width: 950px) {
  .overview header>div,
  .page header .banner
    { display:block }
  .overview header .block { width:auto }
  .overview header h1 { display:none }
  .overview header .vid { width:auto; padding:2%; }
  .page header .banner>* { padding: 0 }
  .page header .banner .hs-cta-wrapper { padding: 5% }
  .page header .banner form {
    padding: 1em 5% 0;
    margin: auto;
  }
  .page header .banner form .hs-submit .actions,
  .home .block>div {
    padding: 1em;
    margin: initial;
  }
  .page>header .banner form .field .input>input { margin-bottom: .75em }
  .feature .page-body,
  .feature .row-1 {
    max-width: none;
    margin: auto !important;
  }
  div#hs_cos_wrapper_gallery {
    padding: 0;
    margin: 0;
    width: 66%;
  }
  .feature.page .mpmplus-pe { min-width: 33% }
  div#hs_cos_wrapper_widget_1611604974431 { width: auto }
}
@media(max-width:768px){
  .page header .banner form .hs-email input.hs-input {
    height: auto;
    box-sizing: border-box;
  }
  .page header .banner>:last-child { margin: 1em }
  .page>header .banner a.cta_button { margin: .5em }
  .overview header .ctas { flex-direction: column-reverse }
  .overview header .ctas>* { padding: 2% }
}
  .guide .title {
    color: #FC6701;
    text-align: center;
    background-color: #F5F5F5;
    font-weight: 900;
  }
  .guide section.pe h2 {
    color:#FFF;
    background-color:#FC6701;
  }
  .guide .custom-settings h3 span,
  .guide .custom-settings h3 span:after {
    display: inline-block;
    width: 1em;
    height: 2px;
    background-color: currentcolor;
    content: '';
  }
  .guide .custom-settings h3 {
    position: relative;
    width:25%;
  }
  .guide .custom-settings h3 span {
    position: absolute;
    top: 50%;
    right:0;
  }
  .guide .custom-settings h3 span:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
  }
  .guide .custom-settings.show h3 span:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
        -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s;
  }
  .guide .custom-settings h3:hover {
    cursor: pointer;
    color: #D1D1D1;
}
  .guide .custom-settings.show h3 { color: #FC6701 }
  
  .guide .custom-settings .all {
    display:none;
    background: #FBFBFB;
    padding: 1em;
    border-bottom: 2px groove;
  }
  .guide .custom-settings.show .all { display:block }
.blog figcaption,
.guide figcaption {
  text-align: center;
  font-style: italic;
}
.blog .listing a,
.blog .post .pagination a,
.blog .post .tags a {
  color: #444;
  text-decoration: none;
}
.blog .sidebar a,
.blog .related a,
.blog .tags a {
  color:#1D1D1D;
  font-weight:300;
}
.blog a:hover {
  color: #135080;
  border-bottom:1px solid;
}
.blog .sidebar a:hover,
.blog .related a:hover,
.blog .tags a:hover
	{ margin-bottom: -1px }

.blog .listing .img a,
.blog .featured a,
.blog .pagination a,
.blog .post .body a
  { border: none!important }

.blog .listing>header {
    box-shadow: 0px 1px 2px 1px #D1D1D1;
    padding: 1em;
    text-align: center;
}
.blog .listing>header h1 {
  font-size: 2.5em;
  color: #FFF;
}
.blog .listing>header h1 a {
  color: #FFF;
  text-decoration: none;
}
.blog .listing>header h1 a:hover { color: #D1D1D1 }

.blog .pagination {
	table-layout: fixed;
  width: 100%;
  padding: 1em;
  text-align: center;
  font-size: 1.5em;
  border: 3px solid #5D5D5D;
  border-left: none;
  border-right: none;
}
.blog .pagination[class*="app"] a {
  display: inline-flex;
  color:#FFF;
  padding: 1em;
}
.blog .pagination td:first-child,
.blog .pagination td:last-child
  { font-size: initial }
.blog .pagination i {
  align-self: center;
  padding: 0 1em;
}
/* ========================================================== */
/* ====================== BLOG LISTING ====================== */
/* ========================================================== */
.blog .listing>section,
.blog .post .body
  { margin: 2em 4em }

.blog .listing h3 {
  font-size: 1.25em;
  font-weight: 600;
  margin: auto;
}
.blog .listing article { margin: 2em auto }
.blog .listing article section {
  display: flex;
  margin-top: 1em;
}
.blog .listing .sum { 
  width: calc(98% - 250px);
  position: relative;
  left: 2%;
}
.blog .listing .img { width: 250px }
.blog .listing .img img {
  max-height: 175px;
  width: 100%;
  object-fit: contain;
}
.blog .listing p.tags { line-height: inherit }
.blog .listing article header p {
  font-size: 1.25em;
  color: #5D5D5D;
  margin: auto;
}
/* ============================================================= */
/* ===== BLOG SIDEBAR | LISTING SIDEBAR | LISTING FEATURED ===== */
/* ============================================================= */
.blog .sidebar {
  float: right;
  /*text-align: center;*/
  width: 30%;
  padding: 1em 0;
  margin: auto 3em 2em;
  background-color: #F9F9F9;
}
.blog .sidebar .block a { display: block }
.blog .sidebar h3,
.blog .related h3 {
  text-align: center;
  color: #FFF;
  padding: .5em;
  background-color: #5D5D5D;
}
.blog .sidebar ul,
.post-footer ul.inputs-list,
form ul.inputs-list
  { list-style-type: none }

.blog .listing .sidebar .guide.frp { margin: 1em auto }

.guide.frp a {
    color: #FFF;
    padding: 1em;
    background-color: #1D76BB;
    font-size: large;
}

/* ===== SUB FORM ===== */
.blog .sidebar form {
  padding: 1.25em 2em;
  margin: auto;
}
.blog form .hs-submit input:hover
  { box-shadow: 0px 0px 3px 0px #1D1D1D }

.blog .listing .featured>* {
  display: flex;
  padding: 2em 3em;
  background-color: #EFEFEF;
  box-shadow: 0px 1px 3px 2px #D1D1D1;
}
.blog .listing .featured a {
  align-items: center;
  font-size: 1.75em;
  color: #082A44;
}
.blog .listing .featured header {
  font-size: initial;
  margin-bottom: 1em;
}
.blog .listing .featured img {
  width:30%;
  margin-left:1em;
}
.blog .listing .featured a:hover {
  color: #1D1D1D;
  background-color: #F3F3F3;
}
.blog .listing .featured a:hover img { opacity: 0.75 }

.blog .listing .featured.rn header {
  margin: 1em 0 0;
  font-family: 'Orkney', 'Open Sans', sans-serif;
}

@media(max-width: 950px) {
  .blog .listing>section,
  .blog .listing article
    { margin: auto }
  .blog .post .body { margin: auto 5% }

  .blog .sidebar,
  .blog .related,
  .blog article header p,
  .blog .listing .sum>*:not(.tags)
    { display: none }

  .blog .listing a { border: none }
  .blog .listing a:hover { background-color: #F8FBFD }
  .blog .pagination { padding: initial }
  
  .blog .pagination td,
  .blog .pagination td a {
    display: block!important;
    font-size: initial;
  }
  .blog .pagination a:hover { background-color: #1D1D1D }
}

.listing .mobile { display: none }

@media(max-width:767px){
  .blog .listing { margin: 1em auto }
  
  .blog .listing img,
  .blog .listing .sum
    { display: none }
  
  .blog .listing>header h1,
  .blog .listing .h1,
  .blog .listing .featured a {
    display: block;
    font-size: 1em;
  }
  .blog article .h1 { padding: 1em }
  
  .listing .mobile { display: inline }
  .listing .mobile a { text-decoration:none }
  .listing .mobile ul { list-style-type:none }
}
/* ========================================================== */
/* ===================== BLOG POST ========================== */
/* ========================================================== */
.blog .post .header { margin: 8em 5% 1em }
.blog .post .header h1 { font-size: 2.25em }
.blog .post .header div {
  display: flex;
  justify-content: space-between;
  height: 30px;
}
.blog .post .header .hs-blog-social-share { height: auto }

.blog .post .header ul.hs-blog-social-share-list,
.blog .post .header li.hs-blog-social-share-item {
  display: inline;
  margin: auto;
}

.blog .post .body { border-top: 1px solid #5D5D5D }
.blog .post .body .caption img { display: block }
.blog .post .tags {
  font-size: 18px;
  padding: 1em 5% 2em;
}
.blog .post .body img.blimp {
  float: left;
  padding: 2%;
}
/* ================= BLOG POST FOOTER ======================= */
.post-footer {
  background-image: url(https://4130736.fs1.hubspotusercontent-na1.net/hubfs/4130736/Imported_Blog_Media/keyboard-568978_1280.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.post-footer > div:not(#comments-listing) {
  border-top: 2px solid #D1D1D1;
  background-color: rgba(0,0,0,0.6);
}
/* ================ Post comment form ======================= */
.post-footer form { padding: 2% 10% }


.post-footer form a,
.post-footer form p,
.post-footer form span
  { color: #FFF }

.post-footer form label:not(:last-child) { font-size: 14px }

.post-footer form > div.hs-fieldtype-text {
  width: 48%;
  display: inline-table;
  margin: 0 1%;
}
.post-footer form textarea {
  margin-bottom:auto;
  font-family:inherit;
}
.post-footer .hs-recaptcha {
  text-align: -webkit-center;
  text-align: center;
  margin: auto!important;
}
.post-footer .hs-recaptcha .grecaptcha-badge {
  height: unset!important;
  width: unset!important;
  box-shadow: unset!important;
}
.post-footer .hs-recaptcha iframe { box-shadow: #1D1D1D 0px 0px 5px }
.post-footer .legal-consent-container a:hover {
  background-color: #FFF;
  padding: .5em;
  margin: -.5em;
}

/* ================== Post comments ========================= */
#comments-listing {
  padding: 3em 5em;
  background-color: #FFF;
}
#comments-listing .comment-body p { line-height:inherit }
#comments-listing .comment.depth-0 {
  padding: 0 20px;
  background-color: #F7F7F7;
}
#comments-listing .comment.depth-1 { padding-left: 2.5em }
#comments-listing .comment.depth-1:nth-child(even) { background-color:unset }
#comments-listing .comment-date {
  font-weight: 100;
  text-indent:1em;
}
#comments-listing .comment-from h4 { margin: .5em auto }

#comments-listing button.comment-reply-to {
  font-size: 14px;
  margin: 10px 1em;
  padding: 5px 5px 5px 25px;
  border: 2px solid #D1D1D1;
  border-radius: 3px;
  background-color: #FFF;
}
#comments-listing button.comment-reply-to:hover {
  border-color:#FFF;
  cursor:pointer;
  background-color:#F3F3F3;
}
#comments-listing button.comment-reply-to:focus {
  outline: auto;
  background-color: #FFF;
}
#comments-listing span.replying-to {
  font-weight: bold;
  line-height: 2;
}
#comments-listing .replying form {
  padding: 1em 10%;
  background-color: #1D76BB;
}

.blog .related {
  display:flex;
  padding: 2em;
  margin: 2em auto;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  background-color:#DDD;
}
.blog .related section {
  width: 50%;
  margin: 1em;
  border: 1px solid #999;
  background-color: #FBFBFB;
}

.blog .related article { margin: 1em }

@media(max-width:767px){
  .blog .post .body img.blimp {
    display: block;
    margin: auto;
    float: none;
  }
  .post-footer iframe { width: auto }
}
/* ========================= HEADER ========================= */
/* ==================== menu, navigation ==================== */
/* ========================================================== */
.site-header.scroll {
  -webkit-box-shadow:0px 5px 5px -3px #444;
  -moz-box-shadow:   0px 5px 5px -3px #444;
  box-shadow:        0px 5px 5px -3px #444;
}
.site-header {
	position: fixed;
	width:100%;
	top:0;
	z-index:9;
	-webkit-transition:1s ease;
  -moz-transition:   1s ease;
	transition:        1s ease;
  -webkit-box-shadow:0px 0px 10px -2px #D1D1D1;
  -moz-box-shadow:   0px 0px 10px -2px #D1D1D1;
	box-shadow:        0px 0px 10px -2px #D1D1D1;
	background-color: #FFF;
}
.site-header>* { padding:0 40px }

.site-header .row-1 {
	line-height: 1.5;
	font-size: 18px;
	text-align: right;
	color: #FFF;
	background-color: #444;
}
.site-header .row-1 .cta_button:hover,
.site-footer .cta_button:hover {
	background-color: #FFF!important;
	color: #1D76BB!important;
}
.site-header .row-2 {
	display: flex;
	align-items:center;
  justify-content: space-between;
}
.logo img {
	height: 65px;
  object-fit: cover;
  max-width: initial;
}
.site-header nav {
  display: block;
  position: static;
  float: none;
  max-width: none;
  width: 100%;
  height:auto;
  padding:0px;
  margin:auto;
  top:   auto;
  right: auto;
  left:  auto;
  bottom:auto;
  font-weight: normal;
  text-decoration: none;
  text-indent: initial;
  line-height: 1.75em;
  text-align: left;
  border:               0px;
  -webkit-border-radius:0px;
  -moz-border-radius:   0px;
  border-radius:        0px;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
  background-color: #FFF;
}

.site-header .fa-search {
    display: inherit;
    align-items: center;
}
.site-header .fa-search:before {
    position: absolute;
    text-indent: .5em;
}
.site-header .search-field * { margin: auto }

input.search-field__input { text-indent: 1.5em }

input.search-field__input:focus {
  outline: none;
  -webkit-box-shadow:0px 1px 5px -1px #1D1D1D;
  -moz-box-shadow:   0px 1px 5px -1px #1D1D1D;
	box-shadow:        0px 1px 5px -1px #1D1D1D;
}

nav .menu {
	display:flex;
	padding:inherit;
	justify-content:center;
}
nav .menu li {
	display:block;
	margin:auto 1em;
}
nav .menu a {text-decoration:unset}

.site-header .menu a {
	padding:5px 1em;
	color:#444;
}
.site-header .menu li:hover>a {
	color: #1D76BB;
	border-bottom: 2px solid #1D76BB;
}

.site-header ul.child-menu                      { visibility:hidden; opacity:0;}
.site-header .menu .has-child:hover>.child-menu { visibility:visible;opacity:1;}
.site-header ul.child-menu ul.third-menu        { visibility:hidden; opacity:0;}
.site-header ul.child-menu li:hover ul.third-menu   { visibility:visible;opacity:1;}

.site-header .child-menu {
	position: absolute;
  margin:4px auto auto;
	white-space:nowrap;
	font-size:15px;
	-webkit-transition:opacity 0.2s;
	-moz-transition:   opacity 0.2s;
	transition:        opacity 0.2s;
  -webkit-box-shadow:0px 5px 5px -3px #444;
  -moz-box-shadow:   0px 5px 5px -3px #444;
  box-shadow:        0px 5px 5px -3px #444;
  background-color:#FFF;
}
.site-header .child-menu li {
	display:grid;
	margin:auto;
}
.site-header .child-menu li:hover>a {
  border:none;
  color:#1D1D1D;
  background-color:#F4F9FE;
}
.site-header ul.child-menu ul.child-menu {
  position: absolute;
  left: 100%;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: 0px 5px 5px -3px #444;
  -moz-box-shadow: 0px 5px 5px -3px #444;
  box-shadow: 0px 5px 5px -3px #444;
  background-color: #FFF;
  display:grid;
  grid-template-columns: repeat(2, max-content);
  align-items: start;
}
.site-header ul.child-menu ul.child-menu li {
	display:grid;
	margin:0px;
}
.site-header ul.child-menu ul.child-menu > li > a{
  text-decoration: underline;
}
/*.site-header ul.child-menu ul.child-menu li:hover a {
  color: #1d76bb;
}*/
.site-header ul.child-menu ul.child-menu ul.third-menu {
	display:grid;
	margin:auto 0px;
  font-size:.85em;
  line-height: 1.5em;
  font-style: italic;
}
.site-header ul.child-menu ul.child-menu ul.third-menu li:hover a {
  background-color: #f8f8f8 !important;
}

/* ========================================================== */
/* ========================= SUBMENU ======================== */
/* ========================================================== */
.submenu {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 80px;
}
.submenu li > a {
  color:#FFF;
  padding: 1em 1em 0.5em;
  font-size:1.1em;
  white-space: nowrap;
}
.submenu li:hover > a { border-bottom: 1px solid }

.submenu.app-DAH i.fas.fa-external-link-alt,
.guide .DAH>.widget-type-rich_text h4 a,
.guide .DAH .widget-type-simple_menu a:hover 
{ color: #105091 }
.submenu.app-DQH i.fas.fa-external-link-alt,
.guide .DQH>.widget-type-rich_text h4 a,
.guide .DQH .widget-type-simple_menu a:hover 
{ color: #105091 }
.submenu.app-LH i.fas.fa-external-link-alt,
.guide .LH .widget-type-simple_menu a:hover 
{ color: #0093D4 }
.submenu.app-MPM i.fas.fa-external-link-alt,
.guide .MPM>.widget-type-rich_text h4 a,
.guide .MPM .widget-type-simple_menu a:hover 
{ color: #FC6701 }
.submenu.app-PH i.fas.fa-external-link-alt,
.guide .PH .widget-type-simple_menu a:hover 
{ color: #F99D24 }
.submenu.app-RH i.fas.fa-external-link-alt,
.guide .RH .widget-type-simple_menu a:hover 
{ color: #D12428 }
.submenu.app-SH i.fas.fa-external-link-alt,
.guide .SH .widget-type-simple_menu a:hover 
{ color: #9329A5 }
.submenu.app-HS i.fas.fa-external-link-alt
{ color: #55A51A }
.submenu.app-DS i.fas.fa-external-link-alt
{ color: #00B3A8 }
.submenu.app-PT i.fas.fa-external-link-alt
{ color: #1D76BB }

.submenu a:hover i.fas.fa-external-link-alt { color: #FFF }
.submenu:not(.app-HS) i.fas.fa-external-link-alt {
  font-size: .5em;
  position: relative;
  left: 1.5em;
  line-height:2;
}
.submenu .has-child>a { line-height: 2.75 }

.submenu .child-menu {
    display: none;
    position: absolute;
    padding: 0 .5em;
}
.submenu.app-HS .child-menu {
  background-color: #55A51A;
  border: 1px solid #008000;
}
.submenu.app-MPM .child-menu {
  background-color: #FC6701;
  border: 1px solid #B85C00;
}
.submenu .has-child:hover .child-menu { display: block }
.submenu .child-menu li { margin: auto }
.submenu .child-menu li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .5em;
}

.submenu.app-MPM .child-menu li { padding: .25em .5em .5em }
.submenu .child-menu i.fas.fa-external-link-alt {
  font-size: .75em;
  margin: auto .25em;
}
.submenu .child-menu a:hover { margin-bottom: -1px }

.submenu li.zxc {
  display: flex;
  align-items: center;
  height: 80px;
  box-sizing: border-box;
}
.submenu .zxc.suite {border:1px groove #32CD32}
.submenu .zxc.dev {border:1px groove #F0FFF0}
.submenu li.zxc a{padding:1em}

.submenu li.zxc.dev a{border-bottom:1px solid #00B3A8}
.submenu li.zxc.suite a{border-bottom:1px solid #55A51A}
.submenu li.zxc:hover>a{border-bottom-color:#FFF}

.submenu ul li.active a {
  border-bottom: 3px solid;
  font-weight: 600;
  font-size: larger;
}
.submenu ul li.active a:hover { border: none }
.submenu .zxc.active a:hover { margin-bottom: 3px }
.submenu .has-child {z-index:1}
/* ========================================================== */
/* ========================= MOBILE ========================= */
/* ========================================================== */
@media(min-width:951px){
  .site-header .menu >li:last-child,
  a.mobile-trigger, a.child-trigger
    { display:none }
}

@media(max-width:950px){
  nav .menu,
  .site-header .child-menu,
  .site-header .fa-search,
  .site-header .row-1 .get-demo
    { display:none }
  body { margin-top:45px }
  
  a.mobile-trigger {
    display: block;
    position:fixed;
    padding: 20px 0.5em;
    top: 0px;
    right: 5px;
    z-index: 10;
    cursor: pointer;
    -webkit-border-bottom-right-radius:6px;
	  -webkit-border-bottom-left-radius: 6px;
  	-moz-border-radius-bottomright:    6px;
  	-moz-border-radius-bottomleft:     6px;
  	border-bottom-right-radius:        6px;
  	border-bottom-left-radius:         6px;
  	-webkit-transition:color .2s ease-in;
  	-moz-transition:   color .2s ease-in;
  	transition:        color .2s ease-in;
  	border: 2px solid #FCFCFC;
  	margin-top:-2px;
  	background-color: #1D76BB;
  }
  a.mobile-trigger i {
    -webkit-transition-duration:0s;
    -moz-transition-duration:   0s;
    transition-duration:        0s;
    -webkit-transition-delay:.2s;
    -moz-transition-delay:   .2s;
    transition-delay:        .2s;
  }

  a.mobile-trigger i:before{ margin-top:-6px }
  a.mobile-trigger i:after { margin-top: 6px }

  a.mobile-trigger span:before,
  a.mobile-trigger i:before,
  a.mobile-trigger i:after {
    position: absolute;
    content: '';
  }
  a.mobile-trigger i,
  a.mobile-trigger i:before, 
  a.mobile-trigger i:after {
    display: inline-block;
    width: 1em;
    height: 2px;
    background-color: #FFF;
  }
	a.mobile-trigger i:before,
	a.mobile-trigger i:after {
    -webkit-transition-property: margin, -webkit-transform;
    -webkit-transition-duration: .2s;
    -webkit-transition-delay: .2s, 0;
  }
  
  nav.menu-open a.mobile-trigger {
    background-color: #F3F3F3!important;
    border-color: #1D76BB;
  }
  nav.menu-open a.mobile-trigger i:before,
  nav.menu-open a.mobile-trigger i:after {
    margin-top: 0;
    -webkit-transition-delay: 0, .2s;
    background-color: #1D76BB;
  }
  nav.menu-open a.mobile-trigger i:before {
    -webkit-transform: rotate(45deg);
    -ms-transform:     rotate(45deg);
    transform:         rotate(45deg);
  }
  nav.menu-open a.mobile-trigger i:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform:     rotate(-45deg);
    transform:         rotate(-45deg);
  }
  
  a.child-trigger {
    display:inline-flex;
    position:fixed;
  	cursor: pointer;
    width:10%;
  	height:3em;
    padding: 0 1em;
    margin-top: -3.3em;
    right: 0;
  	background-color:#2F81C0;
  }
  a.child-trigger:hover { text-decoration: none }

  a.child-trigger span {
    position: relative;
    top: 50%;
    margin: 0 auto!important;
  }
  a.child-trigger span, a.child-trigger span:after {
    width: 1em;
    height: 2px;
    background-color:#FFF;
  }
  a.child-trigger span:after {
    position: absolute;
    content: '';
    -webkit-transform:rotate(-90deg);
    -ms-transform:    rotate(-90deg);
    transform:        rotate(-90deg);
    -webkit-transition-duration:.2s;
    -moz-transition-duration:   .2s;
    transition-duration:        .2s;
  }
  .has-child.open a.child-trigger span {
    -webkit-transform:rotate(180deg);
    -ms-transform:    rotate(180deg);
    transform:        rotate(180deg);
    -webkit-transition-duration:.2s;
    -moz-transition-duration:   .2s;
    transition-duration:        .2s;
  }
  .has-child.open a.child-trigger span:after {
    -webkit-transform:rotate(-180deg);
    -ms-transform:    rotate(-180deg);
    transform:        rotate(-180deg);
    -webkit-transition-duration:.2s;
    -moz-transition-duration:   .2s;
    transition-duration:        .2s;
  }
  nav.menu-open .menu {
    display:block;
    position:fixed;
    top:27px;
    right: 0;
    width: 75%;
    margin:auto;
    -webkit-box-shadow:0px 5px 5px 0px #444;
    -moz-box-shadow:   0px 5px 5px 0px #444;
    box-shadow:        0px 5px 5px 0px #444;
    background-color: #1D76BB;
  }
  .site-header .menu a {
    color:#FFF!important;
    padding:inherit;
  }
  .site-header .menu>li>a:first-child {
    display:block;
    padding: 1em;
    margin: auto -1em;
  }
  .site-header .menu li:hover>a,
  .has-child.open>a {
    font-weight:600;
    border:none;
    background-color:#2F81C0;
  }
  li.has-child:not(.open):hover a.child-trigger { transform: scale(1.15) }
  
  .site-header ul.child-menu ul.child-menu {display:none;}
  
  .has-child.open .child-menu,
  .has-child.open .has-child.open>.child-menu {
    display:block;
    position:inherit;
    margin:auto -1em;
    visibility: visible;
    left: 50%;
    opacity: 1;
    text-decoration: none;
    -webkit-box-shadow:none;
    -moz-box-shadow:   none;
    box-shadow:        none;
  }
  .has-child.open .has-child.open>.child-menu {
    margin:auto 0em;
  }
  .site-header .child-menu li {
    text-indent:1.25em;
    line-height:2.5;
    background-color:#2F81C0;
  }
  .site-header .child-menu li:hover>a {
    color:#1D1D1D!important;
    background-color:#F0F8FF;
  }
  .site-header .row-1,
  .site-header .row-2 {
    display:block;
    text-align:center;
  }
  .submenu {
    position: fixed;
    height:65px;
    width: 100%;
    top: 27px;
    z-index: 10;
  }
  .submenu .logo { position:inherit }
  .submenu a { font-size: initial!important }
  .submenu li:hover > a {
    border:none;
    color:initial;
    background-color: #FBFBFB;
  }
  .submenu nav.menu-open a.mobile-trigger { border-color:#D1D1D1 }
  .submenu .menu>li { margin: auto }
  .submenu .menu>li>a {
    display: inherit;
    padding: 1em;
    line-height: inherit;
  }
  .submenu li.has-child { line-height: 0 }

  .submenu .child-menu {
    display: block;
    position: inherit;
    padding: inherit;
    margin: auto;
  }
  .submenu .child-menu li a { line-height: 1.5 }
  .submenu .has-child i.fas.fa-external-link-alt {
    margin: inherit;
    color: initial;
  }
  .submenu li.zxc, .submenu li.zxc a {
    width: 100%;
    height: auto!important;
  }
  
  .child-menu a.child-trigger { 
    position: fixed;
    margin: auto;
  }
  .has-child.open .child-menu a.child-trigger,
  .has-child.open .child-menu .has-child.open a.child-trigger {
    position: fixed;
    margin: auto;
    height: 2.25em;
    -webkit-transform:rotate(90deg);
    -ms-transform:    rotate(90deg);
    transform:        rotate(90deg);
    background-color:#2F81C0;
  }

  .site-header ul.child-menu ul.child-menu > li > a { text-decoration: none }
  ul.third-menu { display: none !important }
  
  .has-child.open .child-menu .has-child a.child-trigger span:after {
    position: absolute;
    left: 0;
    transform: rotate(90deg);
}
  .has-child.open .child-menu .has-child.open a.child-trigger span { transform: rotate(90deg) }
  .has-child.open .child-menu .has-child.open a.child-trigger span:after { transform: rotate(360deg) }

}
/*.site-header .menu .has-child:hover>.child-menu { visibility:hidden;opacity:1;}*/
/* ========================================================== */
/* ========================= FOOTER ========================= */
/* ========================================================== */
.site-footer {
  color:#FFF!important;
  background-color: #1D1D1D;
  margin-top: 3em;
}
.site-footer nav {
	display:flex;
	padding:1em 2em 0em;
}
.site-footer nav>div {
	width:20%;
	margin: 0 1em;
}
.site-footer nav>div:first-child,
.site-footer nav>div:last-child
	{ width: 30% }

.site-footer ul {
	list-style:none;
	margin-left:auto;
	font-size:14px;
}
.site-footer p {
  font-family: 'Orkney', 'Open Sans', sans-serif;
	text-transform:uppercase;
	margin:auto;
}

.site-footer nav div ul li:last-child:not(.site-footer .social li) {
	padding:0 0 1em;
}

.site-footer nav a {
  display:block;
  color: #FFF;
  text-decoration:none;
}

.site-footer div a {
  color: #FFF;
}

.site-footer a:hover { font-weight:600 }

.site-footer img { width: 65% }

.get-demo {
  display: inline-block;
  font-weight: 600;
  font-family: 'Open Sans', 'Lato', sans-serif;
  text-align: center;
  text-decoration: none!important;
  color: #FFF;
  border: 2px solid #1D76BB;
  border-radius: 6px;
  background-color: #1D76BB;
  padding: 5px 10px;
  margin: 0 1.5em -10px;
  vertical-align: middle;
  box-sizing: content-box;
  transition-duration: 0.2s;
  -moz-transition:    all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition:      all .4s ease;
  transition:         all .4s ease;
  cursor: pointer;
}
.site-footer .get-demo {
  display: table !important;
  margin: auto 0;
  padding: .5em 1em;
  font-size: 18px!important;
}
.get-demo:hover {
  color: #1D76BB !important;
  background-color: #FFF !important;
}

.site-footer .social>*:not(.get-demo) {
  display: flex;
  justify-content: space-evenly;
  font-size: 1.5em;
}
.site-footer .social ul { margin: auto 0 }
.site-footer .social li {
  width: 40px;
  text-align: center;
  background-color: #FFF;
  border-radius: 100%; 
}

.site-footer span.social { 
  display: inline-block;
  width: 50%;
}

.site-footer span.social a { display: block }

.site-footer .social ul a {
  color: #1D76BB;
  padding: 0.25em;
}
.site-footer .social li:hover a {
  color: #FFF;
  background-color: #1D76BB;
  border-radius: inherit;
}
.site-footer .social svg {
    height:24px;
    fill:#1D76BB
}
.site-footer .social li:hover svg { fill:#FFF }

.site-footer div.row-fluid.span12 {
  background-color:#2D2D2D;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.site-footer footer-c1 {
  padding-top: 6px;
}

.site-footer footer-c1 p {
  width: 80%;
  font-size:.75em;
	text-align: left;
	text-transform:none;
	background-color:#2D2D2D;
}

legal {
  padding: 0 0 0 10;
}

.site-footer footer-c2 p {
	font-size:.75em;
	text-align:center;
	text-transform:none;
	background-color:#2D2D2D;
  display: inline-block;
}

@media(max-width:768px){
  .site-footer nav {
    display: block;
    padding:inherit;
  }
	.site-footer nav * { text-align: center }
	.site-footer nav>div { width: auto!important }
	.site-footer nav p { display:none }
	.site-footer div:not(.social) li {
		margin: auto;
		line-height:2;
	}
	.site-footer div:not(.social) a {
		display:inline-block;
		width:75%;
	}
	.site-footer a:hover {
		transform:scale(1.15);
		background-color: #4D4D4D;
	}
  .site-footer .social ul { margin: auto 25% }
	.site-footer .social li:hover * { background-color: #D1D1D1 }
	.site-footer img {
		width: 50%;
    max-width:175px;
		margin-bottom:1em;
	}
	.site-footer footer-c1 p {
		line-height: 1.25;
		font-size: .75em;
    padding: 1em 1em 0.25em;
	}
}
	.site-footer footer-c2 p {
		line-height: 1.25;
		font-size: .75em;
    padding: 1em 1em 0.25em;
	}
}

.submenu.app-DAH, .app-DAH,
.submenu.app-DAH a.mobile-trigger,
.submenu.app-DAH nav.menu-open .menu,
.submenu.app-DAH nav.menu-open a.mobile-trigger i:before,
.submenu.app-DAH nav.menu-open a.mobile-trigger i:after,
.guide .DAH .pe h2
  { background-color: #105091 }
.submenu.app-DQH, .app-DQH,
.submenu.app-DQH a.mobile-trigger,
.submenu.app-DQH nav.menu-open .menu,
.submenu.app-DQH nav.menu-open a.mobile-trigger i:before,
.submenu.app-DQH nav.menu-open a.mobile-trigger i:after,
.guide .DQH .pe h2
  { background-color: #105091 }
.submenu.app-LH, .app-LH,
.submenu.app-LH a.mobile-trigger,
.submenu.app-LH nav.menu-open .menu,
.submenu.app-LH nav.menu-open a.mobile-trigger i:before,
.submenu.app-LH nav.menu-open a.mobile-trigger i:after
  { background-color: #0093D4 }
.submenu.app-MPM, .app-MPM,
.submenu.app-MPM a.mobile-trigger,
.submenu.app-MPM nav.menu-open .menu,
.submenu.app-MPM nav.menu-open a.mobile-trigger i:before,
.submenu.app-MPM nav.menu-open a.mobile-trigger i:after,
.guide .pe h1
  { background-color: #FC6701 }
.submenu.app-PH, .app-PH,
.submenu.app-PH a.mobile-trigger,
.submenu.app-PH nav.menu-open .menu,
.submenu.app-PH nav.menu-open a.mobile-trigger i:before,
.submenu.app-PH nav.menu-open a.mobile-trigger i:after
  { background-color: #F99D24 }
.submenu.app-RH, .app-RH,
.submenu.app-RH a.mobile-trigger,
.submenu.app-RH nav.menu-open .menu,
.submenu.app-RH nav.menu-open a.mobile-trigger i:before,
.submenu.app-RH nav.menu-open a.mobile-trigger i:after
  { background-color: #D12428 }
.submenu.app-SH, .app-SH,
.submenu.app-SH a.mobile-trigger,
.submenu.app-SH nav.menu-open .menu,
.submenu.app-SH nav.menu-open a.mobile-trigger i:before,
.submenu.app-SH nav.menu-open a.mobile-trigger i:after
  { background-color: #9329A5 }
.submenu.app-HS, .app-HS,
.submenu.app-HS a.mobile-trigger,
.submenu.app-HS nav.menu-open .menu,
.submenu.app-HS nav.menu-open a.mobile-trigger i:before,
.submenu.app-HS nav.menu-open a.mobile-trigger i:after,
.submenu li.zxc.suite
  { background-color: #55A51A }
.app-DS,
.submenu li.zxc.dev
  { background-color: #00B3A8 }
.app-PT	{ background-color: #1D76BB }
/* ============== Typography ================= */
body {
  display: block;
  margin: 93px auto auto;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  color: #333;
}
div, span {}
p {
  line-height: 1.75em;
  margin: 10px 0;
  text-align: justify;
}
a { color: #1D76BB }
u { text-decoration: underline }
h1, h2, h3, h4, h5, h6 {
  line-height: 1.25em;
  margin: 1em 0 0.5em;
  font-weight: unset;
}
h1, .h1 { font-size: 1.75em; font-weight:600; }
h2 { font-size: 1.75em }
h3 { font-size: 1.5em; font-weight:bold; }
h4 { font-size: 1.5em; font-weight:100; }
h5 { font-size: 20px;  font-weight:bold; }
h6 { font-size: 18px }

ul, ol {
  padding: 0;
  margin: 0 30px;
} 
li { margin: 10px 0 }
li p { margin: 0 }

ol ol { list-style: upper-alpha }
ol ol ol { list-style: upper-roman }
ol ol ol ol { list-style: lower-alpha }
ol ol ol ol ol { list-style: lower-roman }

.page a:hover img { opacity: .85 }
.page a.cta_button { font-family: 'Orkney', 'Open Sans', sans-serif !important }
.page a.cta_button img {
  height: auto;
  max-height: 250px;
  width: auto;
}

.page-body, .blog-post, .litymo, 
#email-prefs-form, .widget-type-email_simple_subscription, .widget-type-email_subscriptions_confirmation {
  float: none !important;
  max-width:90%;
  margin: 2em auto !important;
}

.dnd-section .widget-type-rich_text,
.gen .dnd-section,
.order .dnd-section
/*.app .dnd-section*/ {
  width: 90%;
  margin: auto;
}

.center-align,.center{text-align:center}
.right-align,.right{text-align:right}
.left-align,.left{text-align:left}

/*.banner-bkg, .block-bkg {
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
/*.border-radius { border-radius: 3px }*/
.parallax  { background-attachment: fixed !important }

@media(max-width: 767px) {
  h1 { font-size: 24px }
  h2 { font-size: 20px }
  h3, h4, h5 {font-size: 18px; font-weight:bold;}
  iframe { width: 100% }
}
.row-fluid { width: 100%; *zoom: 1; }

.row-fluid:before,.row-fluid:after,
.container-fluid:before,.container-fluid:after,
.clearfix:before,.clearfix:after {
    display: table;
    content: "";
}
.row-fluid:after,
.container-fluid:after,
.clearfix:after
	{ clear: both }

.container-fluid, .clearfix	{ *zoom: 1 }

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  -ms-box-sizing:     border-box;
  box-sizing:         border-box
}
.row-fluid .span13 { width: 20%;     *width: 20%;     }
.row-fluid .span12 { width: 100%;    *width: 100%;    }
.row-fluid .span11 { width: 91.667%; *width: 91.667%; }
.row-fluid .span10 { width: 83.333%; *width: 83.333%; }
.row-fluid .span9  { width: 75%;     *width: 75%;     }
.row-fluid .span8  { width: 66.667%; *width: 66.667%; }
.row-fluid .span7  { width: 58.333%; *width: 58.333%; }
.row-fluid .span6  { width: 50%;     *width: 50%;     }
.row-fluid .span5  { width: 41.667%; *width: 41.667%; }
.row-fluid .span4  { width: 33.333%; *width: 33.333%; }
.row-fluid .span3  { width: 25%;     *width: 25%;     }
.row-fluid .span2  { width: 16.66%; *width: 16.66%; }
.row-fluid .span1  { width: 8.333%;  *width: 8.333%;  }

@media(max-width:950px) {
  .row-fluid { width: 100% }
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    /*width: auto;*/
  }
	.visible-phone,
	.hidden-desktop
		{ display: inherit!important }
	.hidden-phone,
	.visible-desktop
		{ display: none!important }
}
@media(max-width:768px){ .row-fluid [class*="span"] { width:100% }  }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
  { display: block }

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) { display: none }

img {
  max-width: 100%;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom; /* Suppress the space beneath the baseline */
}
video {
  max-width: 100%;
  height: auto;
}
.hs-responsive-embed {
  position: relative;
  height: auto;
  overflow: hidden;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.hs-responsive-embed iframe,
.hs-responsive-embed object,
.hs-responsive-embed embed {
  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: 2% }
.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%;
}
/* Forms */
textarea,
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"],
select {
  padding: 6px;
  display: inline-block;
  width: 100%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:   border-box;
  box-sizing:        border-box;
}

/* Space Module */
.widget-type-space {visibility: hidden;}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}
/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .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;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: #FFF;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: #FFF;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: #000;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: #FFF;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table,
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1
    { width: 300px!important }
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px!important }
    #recaptcha_area table#recaptcha_table #recaptcha_image { width: 280px!important }
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p
  { color: #FFF }

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements *//* responsive pre tables */
pre { overflow-x: auto }
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 }
/* line height fix for reCaptcha theme */
#recaptcha_table td { line-height: 0 }
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}

.box-shadow { box-shadow: 1px 1px 12px rgba(39,55,74,.15) }


/* ============== Forms ================= */
/*.hs-form-required { display: none }*/
.hs_cos_wrapper_type_form .hs-form-field label {
  margin: 10px 0 5px;
  /*color: #1D1D1D;*/
}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"], input {
  -webkit-appearance: none;
  appearance: none;
  /*width: 100% !important;   0225, contact us no bueno*/
  border-radius: 1px;
  border: 1px solid #EFEFEF;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #1D1D1D;
  padding: 10px;
  /*margin: 5px 0 15px;*/
  margin: 5px 0 10px;
}
.hs_cos_wrapper_type_form input[type="text"]::-webkit-input-placeholder,
.hs_cos_wrapper_type_form input[type="password"]::-webkit-input-placeholder, 
.hs_cos_wrapper_type_form input[type="datetime"]::-webkit-input-placeholder, 
.hs_cos_wrapper_type_form input[type="datetime-local"]::-webkit-input-placeholder, 
.hs_cos_wrapper_type_form input[type="date"]::-webkit-input-placeholder, 
.hs_cos_wrapper_type_form input[type="month"]::-webkit-input-placeholder, 
.hs_cos_wrapper_type_form input[type="time"]::-webkit-input-placeholder, 
.hs_cos_wrapper_type_form input[type="week"]::-webkit-input-placeholder, 
.hs_cos_wrapper_type_form input[type="number"]::-webkit-input-placeholder, 
.hs_cos_wrapper_type_form input[type="email"]::-webkit-input-placeholder, 
.hs_cos_wrapper_type_form input[type="url"]::-webkit-input-placeholder, 
.hs_cos_wrapper_type_form input[type="search"]::-webkit-input-placeholder, 
.hs_cos_wrapper_type_form input[type="tel"]::-webkit-input-placeholder, 
.hs_cos_wrapper_type_form input[type="color"]::-webkit-input-placeholder, 
.hs_cos_wrapper_type_form textarea::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder, 
select.hs-input::-webkit-input-placeholder
  { color: #999 }

/* Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea, textarea {
    -webkit-appearance: none;
    appearance: none;
    width: 100% !important;
    border-radius: 1px;
    border: 1px solid #D1D1D1;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #1D1D1D;
    padding: 13px 10px;
    margin: 5px 0 15px;
}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form input[type="checkbox"], input[type="checkbox"] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}
.hs_cos_wrapper_type_form input[type="radio"], input[type="radio"] {
    -webkit-appearance: radio;
    appearance: radio;
    width: 10px !important;
    margin: 0 5px 10px 0;
}
label.hs-form-checkbox-display:hover { text-shadow: 0 0 #1D1D1D }

/* Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}

select.hs-input {
    -webkit-appearance: none;
    appearance: none;
    background-image: url(//298849.fs1.hubspotusercontent-na1.net/hubfs/298849/Training/form-dropdown-arrow.png);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-color: #FFF;
    border-radius: 1px;
    border: 1px solid #1D1D1D;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #444;
    height: 40px;
    padding: 10px;
    margin: 5px 0 15px;
}

/* ============== Buttons ================= */
body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
    -webkit-border-radius: 1px ;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-user-select: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #1D76BB;
    border: 0;
    border-radius: 2px;
    color: #FFF;
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block !important;
    width: initial !important;
    padding: 10px 45px;
    margin: 0px;
}
/*margin:0px!important*/
/* ============== Custom Search ================= */
.custom-search .gsc-control-cse {
    background-color: transparent !important;
    border-color: transparent !important;
    padding: 0 !important;
}
.custom-search .gsib_a {
    padding: 0 !important;
}
.custom-search table.gsc-search-box {
    margin-bottom: 0px !important;
}
.custom-search form.gsc-search-box {
    margin-bottom: 0px !important;
}
.custom-search .gsc-input {
    background-image: none !important;
    font-family: 'Open Sans', 'Relaway', sans-serif;
    font-size: 16px;
    color: #D1D1D1;
}
.custom-search .gsc-input-box {
    height: 0px;
    border-radius: 0;
    margin: 0;
    padding: 20px;
}
.custom-search .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0 !important;
    color: #1D1D1D;
}
.custom-search .gstl_51  {
    padding: 4px 5px 5px !important;
}
.custom-search .cse input.gsc-search-button, .custom-search input.gsc-search-button {
    background-color: #1D76BB !important;
    background-image: none !important;
    border: 0;
    border-radius: 0;
    height: 15px;
    width: 15px !important;
    margin: 4px 0 0;
}
.custom-search .cse .gsc-search-button input.gsc-search-button-v2, .custom-search input.gsc-search-button-v2 {
    padding: 8px 0 5px 18px !important;
    min-width: 0 !important;
}
.customer-search .gsst_a {
    padding-top: 14px !important;
}
.custom-search .gsc-selected-option-container {
    max-width: 100% !important;
    width: 100% !important;
}
.custom-search .gsc-results-wrapper-overlay {
    z-index: 9999999 !important;
}
.custom-search #gs_id50{
    margin-top: -12px;
}
.custom-search .gsc-search-button{
    background: #64BF39;
    border-radius: 0;
    width: 20%
}
.custom-search .gsst_a {
    margin-right: -20px;
    margin-top: 5px;
}
h3.form-title {
  margin: 0;
  padding-bottom: 30px;
  padding: .5em 0;
}
fieldset.form-columns-1 .hs-form-field {
  width: 100% !important;
  padding: 0;
  margin-right: 0;
}
fieldset.form-columns-2 .hs-form-field,
fieldset.form-columns-3 .hs-form-field
  { padding: 0 }
fieldset { max-width: 100% !important }

div.actions { text-align: center }

@media(max-width: 767px) {
    fieldset.form-columns-2 .hs-form-field { width: 100% !important }
}

div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom {
  z-index: 4121212124 !important;
  background-color: #1D1D1D99;
}
div#hs-eu-cookie-confirmation * { font-family: 'Orkney' !important }
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner { max-width: 95%!important }

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
  margin: auto !important;
  color: initial;
}

#hs-en-cookie-confirmation-buttons-area a { font-size: 1.15em !important }


/* ===== CM-T1 - CM-T2 - CM-T3 - CM-T5 ===== */
/*CM-T1*/
.cm-t1 .slide-text {
    padding: 0 3%;
    z-index: 1 !important;
}
.cm-t1 .slide-text p, .slide-text span {font-size: 20px;}
.cm-t1 .slick-dotted.slick-slider {margin-bottom: 0;}
.cm-t1 .slick-arrow {
    z-index: 1;
    transform: scale(1.5);
    opacity: 1;
}
.cm-t1 .slick-prev.slick-arrow{
    left:40px;
    height: 45px;
    width: 15px;
}
.cm-t1 .slick-next.slick-arrow{
    right:40px;
    height: 45px;
    width: 15px;
}
.cm-t1 .slick-dots {
    position: relative;
    padding-top: 40px;
    bottom: 15px;
}
.cm-t1 button.slick-prev.slick-arrow:before {
    content: 'ï„„';
    font-family: 'FontAwesome';
    color: #ddd;
    opacity: 1;
}
.cm-t1 button.slick-next.slick-arrow:before {
    content: 'ï„…';
    font-family: 'FontAwesome';
    color: #ddd;
    opacity: 1;
}
.cm-t1 .slick-dots li button:before {font-size: 12px !important;}
    
@media(max-width: 767px) {
    .cm-t1 .slick-next.slick-arrow {right: 10px;}
    .cm-t1 .slick-prev.slick-arrow {left: 10px;}
}

/* ================ TESTIMONIAL MODULE ================ */
.ts .block-bkg  {
  background-color: rgba(0,0,0,0.7);
  color: #FFF;
  font-size:large;
  padding: 4% 7%;
}
.ts .byline {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  font-weight:300;
}
.ts .icon-block {
  display: flex;
  justify-content: space-around;
}
.ts a {
  text-decoration:none;
  color:#FFF;
  padding:10px;
}
.ts .byline a:hover {
  background: rgba(239, 239, 239, 0.75);
  color: #000;
  border-radius: 25px;
}

.ts p {
  background-color: inherit;
  line-height:2;
  padding: 1%;
}
.ts .quote {
  background: rgba(0,0,0,0.7);
  padding: 2%;
}

.ts .tri {  
    position: relative; 
    height: 15px;
    width: 15px;
    background-color: transparent;
    border-top: 30px solid rgba(0,0,0,0.70);
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 0 transparent;
    top: 25px;
    left: 18.5%;
    margin: -25px 0 0 0;
}
@media (max-width: 767px) { .ts p { line-height: initial; } }

/*CM-T3*
a.ctaa { text-decoration: none }

a.ctaa p {
  color: #FFF;
  font-size: 1.25em;
  text-align: center;
  padding: 1em;
  border: 2px groove;
  background-size: 200%;
  background-position: right bottom;
}
a.ctaa:hover p {
  -moz-transition:    all .2s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transition: all .2s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition:      all .2s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition:         all .2s cubic-bezier(0.22, 0.61, 0.36, 1);
  background-position: left bottom;
}
a.ctaa.demo p {
  border-color: #1D76BB;
  background-color: #1D76BB;
}
a.ctaa.demo:hover p {
  color: #1D76BB;
  background-image: linear-gradient(to left, #1D76BB 50%, #FFF 50%);
}
a.ctaa.rh p {
  border-color: #D12428;
  background-color: #D12428;
}
a.ctaa.rh:hover p {
  color: #D12428;
  background-image: linear-gradient(to left, #D12428 50%, #FFF 50%);
}

/* ================ HEADER FORM - BLOG SIDEBAR FORM ================ */
form .legal-consent-container p {
  font-size: 11px;
  line-height: 1;
}
header form .legal-consent-container a { color: #FFF }

form .legal-consent-container .input ul.inputs-list, 
form .legal-consent-container .input ul.inputs-list * {
  font-size: 1rem;
  margin: auto;
  text-align: initial;
}
form .legal-consent-container .input ul.inputs-list input {
  width: 20px!important;
  height: 15px;
  margin: 5px;
}
form .hs-submit input {
  margin: 1em!important;
  font-family: 'Orkney', 'Open Sans', sans-serif;
}
form ul.hs-error-msgs,
form ul.hs-error-msgs li {
  font-size: 14px;
  font-weight: bold;
  margin: auto;
  background-color: #FBEE00;
  color: #1D1D1D;
}
form input:focus {
  outline: 0;
  -webkit-box-shadow: 0px 1px 5px -1px #1D1D1D;
  -moz-box-shadow:    0px 1px 5px -1px #1D1D1D;
  box-shadow:         0px 1px 5px -1px #1D1D1D;
}

.blog .sidebar form > div > label,
.blog .sidebar form > div legend,
.page header .banner h3.form-title,
.overview.page form .hs-email.field>label,
.page header .banner form .hs-email.field>label
  { display: none }

.app-DAH form input[type="submit"] { background-image: linear-gradient(to bottom, #88A8C8,#105091)!important }
.app-LH form input[type="submit"]  { background-image: linear-gradient(to bottom, #80C9EA,#0093D4)!important }
.app-MPM form input[type="submit"] { background-image: linear-gradient(to bottom, #FEB380,#FC6701)!important }
.app-PH form input[type="submit"]  { background-image: linear-gradient(to bottom, #FCCE92,#F99D24)!important }
.app-RH form input[type="submit"]  { background-image: linear-gradient(to bottom, #E89294,#D12428)!important }
.app-SH form input[type="submit"]  { background-image: linear-gradient(to bottom, #C994D2,#9329A5)!important }
.app-HS form input[type="submit"]  { background-image: linear-gradient(to bottom, #AAD28D,#55A51A)!important }
.app-DS form input[type="submit"]  { background-image: linear-gradient(to bottom, #80D9D4,#00B3A8)!important }
.app-PT form input[type="submit"]  { background-image: linear-gradient(to bottom, #8EBBDD,#1D76BB)!important }

.page>header .banner a.cta_button,
.zxb a {
  color: #FFF;
  font-size:1.5em;
  font-family: 'Orkney', 'Open Sans', sans-serif !important;
  text-decoration: none;
  text-align: center; 
  border: 4px solid #FFF !important;
  background-position: right bottom !important;
}
.zxb.watchdemo a {
  background-color: black;
}
.zxb.solo,
.feature .zxb {
  display: flex;
  justify-content: center;
  margin: 1em;
}
.feature .zxb { line-height: inherit }

.feature div.zxb {
    background-color: #FC6701;
    margin: auto;
    padding: 1em;
}
header .zxb,
.price .zxb {
  text-align: center;
  line-height: 5;
}

.zxb a { padding: 1em }
.zxb.solo a { font-size: 1.25em }

header .zxb a,
.feature .zxb a {
  font-size: 18px;
  border-radius: 100px;
}
.overview header .zxb a {
  line-height: initial;
  border: none!important;
  white-space:pre;
}

.page>header .banner a.cta_button:hover,
.zxb a:hover {
  background-size: 205% 100% !important;
  background-position: left bottom !important;
  -moz-transition:    all .2s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  -webkit-transition: all .2s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  -o-transition:      all .2s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  transition:         all .2s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}
.page>header .app-DAH.banner a.cta_button:hover,
header .app-DAH.banner .zxb a:hover,
.price .app-DAH .zxb.buy a:hover {
  background-image: linear-gradient(to left, #105091 50%, #FFF 50%) !important;
  color: #105091!important;
}
.page>header .app-LH.banner a.cta_button:hover,
header .app-LH.banner .zxb a:hover,
.price .app-LH .zxb.buy a:hover {
  background-image: linear-gradient(to left, #0093D4 50%, #FFF 50%) !important;
  color: #0093D4!important;
}
.page>header .app-MPM.banner a.cta_button:hover,
header .app-MPM.banner .zxb a:hover,
.price .app-MPM .zxb.buy a:hover,
.feature .zxb a:hover {
  background-image: linear-gradient(to left, #FC6701 50%, #FFF 50%) !important;
  color: #FC6701!important;
}
.page>header .app-PH.banner a.cta_button:hover,
header .app-PH.banner .zxb a:hover,
.price .app-PH .zxb.buy a:hover {
  background-image: linear-gradient(to left, #F99D24 50%, #FFF 50%) !important;
  color: #F99D24!important;
}
.page>header .app-RH.banner a.cta_button:hover,
header .app-RH.banner .zxb a:hover,
.price .app-RH .zxb.buy a:hover {
  background-image: linear-gradient(to left, #D12428 50%, #FFF 50%) !important;
  color: #D12428!important;
}
.page>header .app-SH.banner a.cta_button:hover,
header .app-SH.banner .zxb a:hover,
.price .app-SH .zxb.buy a:hover {
  background-image: linear-gradient(to left, #9329A5 50%, #FFF 50%) !important;
  color: #9329A5!important;
}
.page>header .app-DS.banner a.cta_button:hover,
header .app-DS.banner .zxb a:hover {
  background-image: linear-gradient(to left, #00B3A8 50%, #FFF 50%) !important;
  color: #00B3A8!important;
}
.page>header .app-HS.banner a.cta_button:hover,
header .app-HS.banner .zxb a:hover {
  background-image: linear-gradient(to left, #55A51A 50%, #FFF 50%) !important;
  color: #55A51A!important;
}
.page>header .app-PT.banner a.cta_button:hover,
header .app-PT.banner .zxb a:hover,
.home header .block .zxb a:hover {
  background-image: linear-gradient(to left, #1D76BB 50%, #FFF 50%) !important;
  color: #1D76BB!important;
}

.litymo { font-family: 'Orkney', 'Open Sans', sans-serif }
.litymo header * {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: unset !important;
}
.litymo a {
  text-decoration: none;
  color: inherit;
}
.litymo section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.litymo article {
  background-color: #FBF7F1;
  width: calc(33.3% - 1.4rem);
}
.litymo .image {
  background-position: center center;
  background-size: cover;
  border-bottom-left-radius: 50% 20%;
  border-bottom-right-radius: 50% 20%;
  display: block;
  height: 200px;
  width: 100%;
}
.litymo .dtz { padding: 2.8rem }
.litymo h4 { font-size: 1.15em }
.litymo article p {
  font-size: 0.8125rem;
  letter-spacing: 0.38rem;
  text-transform: uppercase;
}
@media (min-width: 767px) and (max-width: 1024px) { .litymo .dtz { padding: 1.4rem } }

@media (max-width: 767px) {
  .litymo header { display: block }
  .litymo article {
    margin-bottom: 1.4rem;
    width: 100%;
  }
}

.system header h1 {
  color: #FFF;
  text-align: center;
  padding: 5%;
  font-size: 2.5em;
}

.home .icons {
  width:95%;
  margin:1em auto;
}
.home .icons a {
  text-decoration: none;
  color: inherit;
  padding: 1em;
}
.home .icons h2 { text-align: center }
.home .icons svg {
  max-height: 100px;
  width: -moz-available;
  width: 100%;
  margin: 0 auto;
}
.home .icons .suite g { fill: #55A51A }
.home .icons .dah g { fill: #105091 }
.home .icons .pack g { fill: #FC6701 }
.home .icons .analysts g { fill: #194f90 }
.home .icons .IT g { fill: #1d76bb }
.home .icons .executive g { fill: #00b3a8 }

.home .icons a:hover,
.home .icons a:hover * {
  /*fill:#FFF!important;
  /*color:#FFF*/}

.hidden {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: opacity 0.5s, height 0.5s;
}

.home .icons a.suite:hover
  { background-color: #FFFFFF;
    -webkit-border-radius: 3px ;
    -webkit-box-shadow: 0 0 10px 7px rgba(85, 165, 26, 1);
    -webkit-user-select: none;
    -webkit-appearance: none;
}

.home .icons a.suite:hover svg
  { display: none;}

.suite:hover .hidden {
  opacity: 1;
  height: auto;
  position: relative;
  width: 100%;
}

.home .icons a.dah:hover,
.home .icons a.dah:hover *
  { background-color: #105091 }

.home .icons a.pack:hover
  { background-color: #FFFFFF;
    -webkit-border-radius: 3px ;
    -webkit-box-shadow: 0 0 10px 7px rgba(252, 103, 1, 1);
    -webkit-user-select: none;
    -webkit-appearance: none;
}

.home .icons a.pack:hover svg
  { display: none;}

.pack:hover .hidden {
  opacity: 1;
  height: auto;
  position: relative;
  width: 100%;
}

.home .icons a.analysts:hover
  { background-color: #FFFFFF;
    -webkit-border-radius: 3px ;
    -webkit-box-shadow: 0 0 10px 7px rgba(25, 79, 144, 1);
    -webkit-user-select: none;
    -webkit-appearance: none;
}
.home .icons a.analysts:hover svg
  { display: none;}

.analysts:hover .hidden {
  opacity: 1;
  height: auto;
  position: relative;
  width: 100%;
}

.home .icons a.IT:hover
  { background-color: #FFFFFF;
    -webkit-border-radius: 3px ;
    -webkit-box-shadow: 0 0 10px 7px rgba(29, 118, 187, 1 );
    -webkit-user-select: none;
    -webkit-appearance: none;
}

.home .icons a.IT:hover svg
  { display: none;}

.IT:hover .hidden {
  opacity: 1;
  height: auto;
  position: relative;
  width: 100%;
}

.home .icons a.executive:hover
  { background-color: #FFFFFF;
    -webkit-border-radius: 3px ;
    -webkit-box-shadow: 0 0 10px 7px rgba(0, 179, 168, 1);
    -webkit-user-select: none;
    -webkit-appearance: none;
}

.home .icons a.executive:hover svg
  { display: none;}

.executive:hover .hidden {
  opacity: 1;
  height: auto;
  position: relative;
  width: 100%;
}

.home .stack a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  margin: auto;
  text-decoration: none;
}
.home .stack h3 {
  color: #FFF;
  padding: 2%;
}
.home .stack img { max-width: 300px }
.home .stack a:hover { background-color: rgb(255 255 255 / 25%) }
.home .stack a:hover h3 { color: #1D1D1D }
  .home .row-number-1 .graphic { padding: 1em }
  .home .row-number-1 .text { padding: 0 2em 1em }
  .home .litymo article { background-color: #F0F8FF }
  .home .litymo article p {
    letter-spacing: initial;
    text-transform: initial;
}
  .home .ts {
    background-image: url(https://213882.fs1.hubspotusercontent-na1.net/hubfs/213882/images/HubSpot_Templates/Briefcase/NYC-Skyline.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #808080;
    border-style: outset none;
    margin: 1em auto;
}
  .home .ts .quote { background-color: #1D76BB }
  .home form {
    color: #FFF;
    background-color: #1D1D1D;
    padding: 2% 5%;
    border-top: 5px groove #D1D1D1;
    border-bottom: 5px groove #D1D1D1;
  }


/* ================ EMAIL SUBSCRIPTION PREFERENCES ================ */
/* ================== SUBTYPES SUB-TYPES SUB PREF ================= */
/* ================================================================ */
.widget-type-email_simple_subscription .page-header,
.widget-type-email_subscriptions_confirmation .page-header
  { padding: 1% 9% 0 }

.widget-type-email_subscriptions_confirmation { text-align: center }
.widget-type-email_subscriptions_confirmation .success {
  margin: 1em;
  font-weight: 600;
  font-size: larger;
}
#email-prefs-form>div { margin: auto 5% }
#email-prefs-form .page-header { padding: 1em 0 }
#email-prefs-form .page-header * {
  margin: auto;
  padding: 1% 0;
}
.email-prefs .item {
  width: 95%;
  margin: 1em auto;
}
.email-prefs .item-inner {
  display: inline-flex;
  width: inherit;
  padding: .75em 2em;
  border: 1px solid #D1D1D1;
  border-radius: 5px;
  background-color: #FAFAFA;
}
.email-prefs .item-inner > * {
  line-height: initial;
  width: inherit;
  margin: auto;
}
.email-prefs .item-inner.hovered {
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 4px rgb(0 0 0 / 10%);
  -o-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px rgb(0 0 0 / 10%);
  cursor: pointer;
}
.email-prefs .item-inner.selected {
  border-color: #BBD8EE;
  background-color: #F0F8FF;
}
.email-prefs .item.disabled{opacity:65%}
.email-prefs .item.disabled .item-inner.hovered{cursor:not-allowed;box-shadow:none}

.email-prefs .item-inner input[type="checkbox"]{margin:.25em}
.email-prefs .item-inner p{font-weight:300}
.email-prefs .subscribe-options {
  display: flex;
  justify-content: center;
}
.email-prefs .subscribe-options p{margin:1em}
.email-prefs .subscribe-options label{cursor: pointer;padding: 1em}
.email-prefs .subscribe-options label:hover{background-color:#F3F7FA}
.email-prefs input#submitbutton{margin:1% 36%}

.fsBody *{font-family:'Open Sans'!important;line-height: inherit}
.fsForm .fslabel{width:225px!important}
ul.none{list-style-type: none}
figure.dual{display:flex}
figure.dual img{max-width:95%}
ul.check{list-style-type:'\2713\0020'}
ul.check b,ul.check strong{font-weight:600;color:#0D0D0D;}
/*ul.none.single li{margin:auto}
 ================================================================ */
/* ======================== HOTJAR SURVEY ========================= */
/* ================================================================ *

._hj-widget-container ._hj-1_39t__styles__resetStyles * { font-family: 'Open Sans'!important }
._hj-widget-container ._hj-1tTKm__styles__surveyContainer._hj-2LZyy__styles__minimized {
  border: 5px solid #D1D1D1;
  bottom: 5px;
}
._hj-widget-container button._hj-OO1S1__styles__openStateToggle {
	background-color: #F0F8FF!important;
	height: 1.5em;
	top: -1.5em;
}
._hj-widget-container ._hj-1tTKm__styles__surveyContainer._hj-3QsYe__styles__positionLeft {
  left: 2%!important;
  background-color: #F0F8FF!important;
}
div#hj-survey-lbl-1,
._hj-widget-container ._hj-3AU8j__styles__scaleOptionsList._hj-28Egq__styles__ratingScale5 button._hj-3Vhhu__styles__scaleOption {
  font-weight: 600!important;
  font-size: initial!important;
}

._hj-widget-container ._hj-3AU8j__styles__scaleOptionsList._hj-28Egq__styles__ratingScale5 {
  height: auto;
  margin: auto!important;
}
._hj-widget-container span._hj-1LnOi__styles__scaleLabel { font-size: 10pt }

._hj-widget-container span._hj-2fsWS__styles__closeEndedOptionText {
  background-color: #F4F4F4;
  font-size: initial;
  padding: 0.75em 3.5em;
}
span._hj-2fsWS__styles__closeEndedOptionText:hover { background-color: #D1D1D1 }

span._hj-2e2wY__styles__closeEndedOptionIcon._hj-3Iftt__styles__surveyIcons._hj-1_5aM__styles__radio { z-index: 1 }

._hj-widget-container ._hj-1eC8Q__styles__closeEndedOption._hj-l7ALC__styles__selected span._hj-2e2wY__styles__closeEndedOptionIcon {
  background-color: #1D1D1D;
  border-color: #1D76BB;
}
._hj-widget-container ._hj-9y3A5__styles__surveyBranding {
  display: none;
  padding: 0;
}
button._hj-3HqTJ__styles__surveyActionButton._hj-1o5wX__styles__surveysPrimaryButton._hj-qnMJa__styles__primaryButton {
  font-weight: 600!important;
  font-size: 1.1em!important;
}
@media(max-width:950px){  ._hj-widget-container { display: none } }
/*button._hj-XmxH5__styles__surveySkipButton._hj-3OscV__styles__clearButton {
  background-color: #F0F8FF!important;
  margin: auto;
  padding: 1.75em 2em!important;
}*/