body { display: block !important; background-color: #000 !important; color: #D7D2CB !important }

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: Arial, sans-serif; color: #fff; font-weight: 300 }
h1, h2 { font-family: Arial, sans-serif; font-size: 40px; text-align: center; padding-bottom: 40px; font-weight: 300; margin: 40px 40px 0 40px }
h3 { font-family: Arial, sans-serif; font-size: 20px; font-weight: bold }
a, a:visited, a:focus, a:active:focus, .text-primary { color: #ff0000 !important; text-decoration: none !important; transition-duration: 200ms }
a:hover, a.text-primary:hover { color: #ff0000 !important; text-decoration: none !important }

.btn { line-height: 30px; background-color: transparent; padding: 0 20px; border-radius: 15px; font-size: 14px; font-weight: normal; cursor: pointer; border: 1px solid #ff0000 }
.submit-btn, .submit-btn:visited, .btn-primary, a.btn:visited, .btn-default:visited, .btn-default, .btn-default:focus { background-color: transparent !important; border-color: #ff0000; color: inherit !important }
.submit-btn:hover, .submit-btn:focus, .btn-primary:hover, .btn-primary:focus, a.btn:hover, .btn-default:hover, a.btn-default:hover { color: #fff !important; background-color: #ff0000 !important; background-image: linear-gradient(#ff0000, #ff0000) !important; border-color: #ff0000 !important }
a.btn-go-back, a.btn-go-back:active, a.btn-go-back:visited { color: #979797 !important }
a.btn-go-back:hover { color: #ff0000 !important; }
.sectionAnnouncements .view-grid .dropdown.action .btn-default:hover span, .sectionInquiryAnalytics .view-grid .dropdown.action .btn-default:hover span { border-color: #000 !important }
.dropdown-menu > li > a, .dropdown-menu > li > a:visited { color: #666 !important }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { background-color: transparent }

.panel { background-color: transparent }

.navbar-header { margin: 0 !important }
.navbar-brand { padding-left: 0; padding-right: 0 }
.navbar-brand img.logo, img.logo-mobile { height: 50px !important; width: auto !important; margin-top: 2px }
img.logo-mobile { margin-top: 2px }
.navbar, .navbar-static-top.navbar-inverse { min-height: 68px; background-color: #fff !important;  -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.0); box-shadow: 0 0px 0px rgba(0,0,0,0.0); }
.navbar-inverse { background: url(bg-nav-line.svg) no-repeat bottom; background-size: 106% }
.navbar-middle { display: inline-block; line-height: 68px; padding-left: 40px; font-size: 18px }
.navbar-middle a, .navbar-middle a:visited, .navbar-nav a, .navbar-nav a:visited { color: #000 !important; opacity: 0.7 }
.navbar-middle a:hover, .navbar-nav a:hover { opacity: 1; color: #000 !important; transition-duration: 200ms; background: transparent !important; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #000 !important }
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a { font-family: 'Open Sans', sans-serif; font-weight: 300 }
.navbar-collapse { text-align: center }
.navbar-toggle { margin-right: 0 !important }
.dropdown-toggle svg { display: inline-block; vertical-align: bottom; margin-left: 10px; height: 24px; opacity: 0.8 }
.dropdown-toggle svg path { fill: #000; transition-duration: 200ms; }
.dropdown-toggle .caret { display: none }
.navbar-nav a:hover svg path { fill: #000; opacity: 1 }

.footer, footer .footer-bottom { background-color: #000 !important; color: #979797 }
.footer .column { width: 70%; float: left; line-height: 30px }
.footer .column:nth-of-type(2) { width: 30%; text-align: right; font-size: 16px; font-weight: bold }
.footer a, .footer a:visited { color: inherit !important }
.footer img { height: 30px }

.section-header { padding-bottom: 50px }
.section-header img { max-width: 100% }

.sectionWelcomeBg { opacity: 0.33; background: #000 url(/demo/bg-welcome.jpg) no-repeat center top -100px; position: absolute; width: 100%; height: 600px; top: 68px; z-index: 0;  }
.sectionWelcomeWrapper { position: relative; z-index: 1 }
.sectionWelcome .columnBlockLayout { padding: 0 !important; margin: 0 auto; position: relative; font-size: 25px }
.sectionWelcome a, .sectionWelcome a:visited, .sectionWelcome a:focus, .sectionWelcome a:active:focus { color: #000 !important }
.sectionWelcome a:hover { color: #ff0000 !important }
.sectionWelcomeTitle h1 { margin: 30px 0 0 0; text-align: left; padding: 0 30px }
.sectionWelcome .item-list { margin: 60px 0 0 0; width: 100%; text-align: center; padding-bottom: 40px; position: relative; z-index: 2; }
.sectionWelcome .item-list .item { width: 33.3%; font-family: Arial, sans-serif; padding: 0 30px; float: left; text-align: left; }
.sectionWelcome .item-list .item img { width: 50px }
.sectionWelcome .item-list .item:nth-of-type(1) img { height: 50px; width: auto }
.sectionWelcome .item-list .item a:hover img { opacity: 1 }
.sectionWelcome .item-list .item a, .sectionWelcome .item-list .item a:visited { color: #ffffff; display: block; margin: auto; }
.sectionWelcome .item-list .item a:nth-of-type(2) { margin-top: 25px; }
.sectionWelcome .item-list .item a span { display: block }

.sectionMarketing, .sectionMeetTeam, .sectionCommunications, .sectionFaq, .sectionQuickReference { padding-bottom: 50px !important }
.sectionInfo { padding-top: 40px !important }
.sectionInfo .col-md-4 { padding-left: 15px; padding-right: 30px }
.sectionInfo a, .sectionInfo a:visited, .sectionInfo a:focus, .sectionInfo a:active:focus { color: #ffffff !important }
.sectionInfo a:hover { color: #ff0000 !important }
.sectionInfo ul { margin: 0px 0 25px 0; padding: 0; list-style: none }
.sectionInfo li img { max-height: 22px; max-width: 22px; margin-right: 10px; }
.sectionInfo.sectionInfoPanels { }
.sectionInfo.sectionInfoPanels .container { display: flex }
.sectionInfo .columnLinkPanel { width: 33.3333%; font-size: 16px; text-align: center; flex-direction: column; padding: 0 20px 40px }
.sectionInfo .columnLinkPanel.columnLinkPanelActions { padding-left: 30px }
.sectionInfo .columnLinkPanel.columnLinkPanelActions .columnLinkPanelInner { background-image: url(icon-actions.svg) }
.sectionInfo .columnLinkPanel.columnLinkPanelAnalytics .columnLinkPanelInner { background-image: url(icon-diagram.svg) }
.sectionInfo .columnLinkPanel.columnLinkPanelResources .columnLinkPanelInner { background-image: url(icon-list.svg) }
.sectionInfo .columnLinkPanelInner { width: 100%; height: 100%; border: 1px solid #3D3936; border-radius: 20px; padding: 85px 30px 30px 30px; background-size: auto 30px; background-position: center top 30px; background-repeat: no-repeat }
.sectionInfo .columnLinkPanelInner:hover { border-color: #ff0000 }
.sectionInfo .columnLinkPanel ul { margin: 30px 0 0 0 }
.sectionInfo .columnLinkPanel ul.list-actions { margin-bottom: 20px }
.sectionInfo .columnLinkPanel ul.list-addons { margin-top: 20px }
.sectionInfo .columnLinkPanel li { padding-bottom: 15px }
.sectionInfo .columnLinkPanel li:nth-last-of-type(1) { padding-bottom: 0 }
.sectionInfo .columnLinkPanel .panel-title { font-size: 26px; color: #000 }
.sectionInfo .columnLinkPanel .panel-title.panel-title-addons { font-size: 20px; padding-top: 20px; width: 100%; border-top: 1px solid #3D3936 }
.sectionInfo .columnLinkPanel a, .sectionInfo .columnLinkPanel a:focus, .sectionInfo .columnLinkPanel a:active, .sectionInfo .columnLinkPanel a:active:focus { color: #555 !important }
.sectionInfo .columnLinkPanel a:hover { color: #ff0000 !important }
.sectionInfo .columnAnnouncements { color: #D7D2CB }
.sectionInfo .columnAnnouncements li { margin: 0; display: inline-block; width: calc((100% - 99px)/3); vertical-align: top; margin: 0 15px }
.sectionInfo .columnAnnouncements li a, .sectionMarketing .col-md-3 a { display: block; padding: 20px; border: 1px solid #3D3936; border-radius: 20px; min-height: 150px; }
.sectionInfo .columnAnnouncements a, .sectionInfo .columnAnnouncements a:visited, .sectionInfo .columnAnnouncements a:focus, .sectionInfo .columnAnnouncements a:active:focus { color: #fff !important }
.sectionInfo .columnAnnouncements a.btn { border-color: #ff0000 }
.sectionInfo .columnAnnouncements a.btn:hover { color: #000 !important; }
.sectionInfo .columnAnnouncements a:hover { color: #ff0000 !important; border-color: #ff0000 }
.sectionInfo .columnAnnouncements .medium-package-link { margin-top: 40px }
.sectionInfo .accouncement-title { font-family: Arial, sans-serif; font-weight: normal; display: block; margin-bottom: 10px; }
.sectionInfo .announcement-teaser { font-size: 14px; display: block; max-height: 55px; overflow: hidden; }
.sectionInfo .columnAnnouncements p { text-align: center }
.sectionInfo .columnAnalytics { padding-left: 30px; padding-right: 25px }
.sectionInfo .columnAnalytics.col-md-4:nth-of-type(1) { padding-right: 15px }
.sectionInfo .columnAnalytics.col-md-4:nth-of-type(2) { padding-left: 15px; padding-right: 15px }
.sectionInfo .columnAnalytics li { margin: 0 0 20px 0; padding: 0 }
.sectionInfo .columnAnalytics li a, .sectionInfo .columnAnalytics li a:focus, .sectionInfo .columnAnalytics li a:active:focus, .sectionInfo .columnAnalytics li a:visited { display: block; font-family: Arial, sans-serif; width: 100%; padding: 15px 80px 15px 40px; font-size: 18px; border: 1px solid #3D3936; border-radius: 5px; position: relative }
.sectionInfo .columnAnalytics.col-md-4 li a, .sectionInfo .columnAnalytics.col-md-4 li a:focus, .sectionInfo .columnAnalytics.col-md-4 li a:active:focus, .sectionInfo .columnAnalytics.col-md-4 li a:visited { padding-left: 20px; padding-right: 60px; font-size: 14px }
.sectionInfo .columnAnalytics li a:hover { color: #000 !important; border-color: #ff0000; background-color: #ff0000; background-image: linear-gradient(#ff0000, #ff0000); }
.sectionInfo .columnAnalytics svg { height: 30px; width: auto; position: absolute; top: 10px; right: 40px; }
.sectionInfo .columnAnalytics.col-md-4 svg { right: 15px; max-width: 30px }
.sectionInfo .columnAnalytics svg path { fill: #3D3936; transition-duration: 200ms }
.sectionInfo .columnAnalytics a:hover svg path { fill: #000 }
.sectionInfo .columnResources li { margin-bottom: 20px }
.sectionInfo .columnResources a { display: inline-block; width: 100%; padding-left: 50px; position: relative; line-height: 30px }
.sectionInfo .columnResources svg { width: 30px; position: absolute; left: 0 }
.sectionInfo .columnResources svg path { fill: #3D3936; transition-duration: 200ms }
.sectionInfo .columnResources a:hover svg path { fill: #ff0000 }

.sectionMarketing { text-align: center }
.sectionMarketing .col-md-3 { padding-left: 20px; padding-right: 20px }
.sectionMarketing .col-md-3:nth-of-type(1) { padding-left: 30px }
.sectionMarketing .col-md-3:nth-of-type(4) { padding-right: 30px }
.sectionMarketing a, .sectionMarketing a:focus, .sectionMarketing a:active:focus { color: #fff !important; margin-bottom: 20px }
.sectionMarketing a:hover { color: #ff0000 !important; }
.sectionMarketing a:hover { border-color: #ff0000 }
.sectionMarketing img, .sectionMarketing svg { height: 50px; width: auto; margin: 10px auto 20px }
.sectionMarketing svg path, .sectionMarketing svg rect { fill: #ff0000; transition-duration: 200ms }
.sectionMarketing span { display: block; text-align: center; max-width: 120px; margin: auto; }
.sectionMarketing .col-md-3:nth-of-type(4) span { max-width: 80px }
.sectionMarketing .medium-package-link { margin-top: 40px; padding-left: 15px }

.sectionExistingEngagement .chatbot-link, .chatbot-link a { margin-top: 40px; color: #000; }
.sectionExistingEngagement .chatbot-link, .sectionExistingEngagement .chatbot-link a:hover { color: #ccc !important }
.sectionViewAnnouncement .text-primary { word-break: break-all; }
.sectionMeetTeam .meet-team-photo { text-align: center; padding-bottom: 50px }
.sectionMeetTeam .meet-team-photo img { width: 100%; max-width: 300px !important }
.sectionMeetTeam .col-md-6 { padding-bottom: 40px }
.sectionCommunications .communications-notes { margin-top: 50px; color: #979797 }
.sectionFaq .faq-answers, .sectionQuickReference .quick-reference-content { margin-top: 50px !important }
.sectionQuickReference .quick-reference-content img { margin: 50px 0 }
.sectionInquiryAnalytics .container { overflow-x: unset }
.sectionAllInquiries .input-group-btn { line-height: 33px; }
#CybotCookiebotDialog a, #CybotCookiebotDialog a:hover { color: #000000 !important; }

.sectionInquiryAnalytics .status-chart .highcharts-title { color: #000 !important }
.sectionAllInquiryAnalytics .product-chart .highcharts-title { color: #000 !important }
.sectionAllInquiryAnalytics .region-chart .highcharts-title { color: #000 !important }
.sectionAllInquiryAnalytics .pointofentry-chart .highcharts-title { color: #000 !important }

.columnBlockLayout { min-height: 20px; }
.sectionScheduler { position: relative; overflow: hidden; }
.sectionScheduler iframe { width: 100%; height: 180vh; overflow: visible; margin-left: auto; margin-right: auto; position: relative; }

body{ background-color: #fff !important; color: #D7D2CB !important; color: #666 !important }
.sectionWelcomeBg { opacity: 1; background-image: none; background: #fff no-repeat center top -100px; height: 360px }
h1, h2, h3, h4, h5, h6,
.sectionInfo .columnAnnouncements a, .sectionInfo .columnAnnouncements a:visited, .sectionInfo .columnAnnouncements a:focus, .sectionInfo .columnAnnouncements a:active:focus,
.sectionInfo a, .sectionInfo a:focus, .sectionInfo a:active:focus { color: #000 !important }
.sectionInfo .columnAnnouncements a:hover, .sectionInfo a:hover { color: #ff0000 !important }
.sectionInfo .columnAnnouncements a.btn:hover { color: #fff !important }
.sectionMarketing a, .sectionMarketing a:focus, .sectionMarketing a:active:focus { color: #000 !important }
.sectionMarketing svg path { fill: #000; transition-duration: 200ms; pointer-events: all; }
.sectionMarketing svg path:hover { fill: #ff0000; transition-duration: 200ms; pointer-events: all; }
.sectionMarketing span:hover { color: #ff0000 }

.sectionMarketing .icon-marketing.icon-twitter { background: url(/icon-twitter-4c.svg) no-repeat center center; }
.sectionMarketing .icon-marketing.icon-linkedin { background: url(/icon-linkedin-4c.svg) no-repeat center center; }
.sectionMarketing .icon-marketing.icon-trend { background: url(/icon-trend-black.svg) no-repeat center center; }
.sectionMarketing .icon-marketing.icon-idea { background: url(/icon-idea-black.svg) no-repeat center center; }

.pg-setting { padding: 10px 20px 50px 20px; }

@media (max-width: 1199px) {
    #navbar .dropdown-menu, .navbar-inverse .navbar-nav .open .dropdown-menu { background-color: #3D3936 !important }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff !important }
}

@media only screen and (max-width : 767px) {
    .navbar-brand img.logo, img.logo-mobile {height: 30px !important}
    .visible-xs-block { display: inline-block !important; width: 120px; line-height: 50px }
    .navbar, .navbar-static-top.navbar-inverse { min-height: 50px }
    .navbar-right.menu-bar { padding-top: 0 !important }
    .navbar-nav > li > a { padding-top: 0; padding-bottom: 0; line-height: 60px }
    .sectionWelcomeBg {top: 50px; height: 680px}
    .sectionWelcome .item-list .item { width: 100%; padding-bottom: 40px; text-align: center }
    .sectionInfo.sectionInfoPanels .container { display: block }
    .sectionInfo .columnLinkPanel, .sectionInfo .columnLinkPanelActions { width: 100%; flex-direction: unset; padding-left: 30px; padding-right: 30px }
    .sectionInfo .columnAnnouncements { padding: 0 30px }
    .sectionInfo .columnAnnouncements ul { text-align: center }
    .sectionInfo .columnAnnouncements li { width: 100%; margin: 0 0 20px; text-align: left }
    .sectionInfo .columnAnnouncements li a { min-height: initial }
    .sectionQuickReference .quick-reference-content img { max-width: 100% !important }
    .footer img { height: 16px }
}