.bluebox, .graybox, .whitebox { position: relative; margin-bottom:3px; margin-top:3px; }
.bluebox {background-color: #00A7C2; color:white; }
.graybox { background-color: #E0E0E0; color: #585858;  }
.whitebox { background-color: #FEFEFE; color: #585858;  }
.bluebox h3, .graybox h3, .whitebox h3 { font-size:20px;line-height:26px; padding-bottom: 10px; width:350px; text-align:center; }
.bluebox hr, .graybox hr, .whitebox hr { height: 3px; margin-top: 15px; margin-bottom: 15px; }
.whitebox hr { color: #ECECEC; background-color: #ECECEC; }
.bluebox hr { color: #018AA0; background-color: #018AA0; }
.graybox hr { color: #777; background-color: #777; }
#company-container .year { background-color: rgba(236, 132, 107, 1);  width: 140px;  margin: 15px auto;  height: 24px;  font-size: 28px;  font-weight: bold;  color: #f2f2f2;  font-family: 'Arial Black', Tahoma, sans-serif;  padding-bottom: 3px; }
#company-container .year span { color: white;  opacity: .75; }
#company-container .imgbox h3 {font-size: 16px; }
.vertical-align { display: -webkit-box;  display: -moz-box; display: -ms-flexbox;  display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; }
#video-top { background: url("/Portals/0/images/b2bhome/blue-starburst.png") center bottom no-repeat #00A7C2; background-size: contain; padding: 50px 0px; }
#video-top h1 { width:100%; }

#company-container { background-image: url('/Portals/0/images/b2bhome/company-starburst-bg.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
#company-container > div.row { min-height: 30px; }
.timeline-marker { background-color: rgba(236, 132, 107, 0.3); color: rgba(236, 132, 107, 0.3); height: 10px; width: 50px; }

.bluebox.left_arrow:after { border-color: rgba(0, 167, 194, 0); border-right-color: #00A7C2; }
.bluebox.right_arrow:after { border-color: rgba(0, 167, 194, 0); border-left-color: #00A7C2; }
.graybox.left_arrow:after { border-color: rgba(224, 224, 224, 0); border-right-color: #E0E0E0; }
.graybox.right_arrow:after { border-color: rgba(224, 224, 224, 0); border-left-color: #E0E0E0; }
.whitebox.left_arrow:after { border-color: rgba(254, 254, 254, 0); border-right-color: #FEFEFE; }
.whitebox.right_arrow:after { border-color: rgba(254, 254, 254, 0); border-left-color: #FEFEFE; }

.left_arrow:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 10px; margin-top: -10px; }

.right_arrow:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 10px; margin-top: -10px; }

.left_arrow.mirror { display:none; }

#features-top .bigbluetext {max-width: 600px; }
#schedule-demo-banner .bigbluetext { max-width:400px; }
#schedule-demo-banner .howitworks-panel { margin: 0 auto; }

.howitworks-panel, .stacked { -ms-flex-direction:column; -webkit-flex-direction:column; -webkit-box-orient: vertical; -webkit-box-direction:normal; flex-direction:column; }
.howitworks-panel h3 { color: #00A7C2; font-weight: bold; }
.howitworks-panel p { margin-top:5px; width:100%; }

#main-container { background: url("/Portals/0/images/b2bhome/home-chart-bg.jpg") center bottom no-repeat; background-size: contain; background-color: #fff; }
#last-panel { padding: 20px 0; }

#schedule-demo-banner { background-color: #f2f2f2; background: url("/Portals/0/images/b2bhome/universal-starburst-bottom.png") center top no-repeat;  margin: 0 auto; }
.company #schedule-demo-banner,.main #schedule-demo-banner { background: url("/Portals/0/images/b2bhome/universal-starburst-top.png") center bottom no-repeat;}
.press #schedule-demo-banner {background: url("/Portals/0/images/b2bhome/universal-starburst-top.png") center bottom no-repeat;}
#down-arrow-row { margin-bottom: -30px; padding-top: 15px; }
.redline { background-color: #EC846C; width: 10px; height: 220px; margin-top: -1px; margin-bottom: -1px; }
.spacerline { background-color: rgba(0,0,0,0); width: 10px; height: 80px; }
.circlerow { margin-bottom: -200px; }

#features-top { background: url("/Portals/0/images/b2bhome/universal-starburst-top.png") center bottom no-repeat; }
.three-block-row .col-max { vertical-align:top; text-align:center; }
.three-block-row .imgcont {  min-height: 180px; margin-top: 40px; }
.three-block-row .imgcont img { display:block; margin: 0 auto; }
.three-block-row a:hover { text-decoration:none; }

#circle1 { background: url('/Portals/0/images/b2bhome/features-intro-circle-01.png') center center no-repeat; background-size: contain; }
#circle1:hover { background: url('/Portals/0/images/b2bhome/features-intro-circle-01-hover.png') center center no-repeat; background-size: contain; }
#circle2 { background: url('/Portals/0/images/b2bhome/features-intro-circle-02.png') center center no-repeat; background-size: contain; }
#circle2:hover { background: url('/Portals/0/images/b2bhome/features-intro-circle-02-hover.png') center center no-repeat; background-size: contain; }
#circle3 { background: url('/Portals/0/images/b2bhome/features-intro-circle-03.png') center center no-repeat; background-size: contain; }
#circle3:hover { background: url('/Portals/0/images/b2bhome/features-intro-circle-03-hover.png') center center no-repeat; background-size: contain; }
.circle-container { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; color: #fff; height: 300px; width: 300px; text-align:center; padding-top: 25px; opacity: .8; text-shadow: 1px 1px 2px #777; }
.circle-container:hover { opacity: 1; }
.circle-container h1 { font-weight: bold; font-size: 80px; margin-top: 0; margin-bottom: 0; height: 120px; text-align:center; }
.circle-container h3 { font-weight: bold; font-size: 28px; margin-top: -20px; margin-bottom: 20px; height: 80px; text-align:center; }
.circle-container span { height: 60px; text-transform: uppercase; color: #fff; font-weight: bold; text-align:center; font-size:16px; }
.circle-container h1:hover,.circle-container h3:hover, .circle-container span:hover {text-decoration:none; }
.bluesection-bg { color: rgba(255,255,255,.5); }
.features-arrow { padding: 0; margin-top: 30px; }

#features-green-row { background-color: #65A338; color: #fff; padding-top: 60px; padding-bottom: 60px; }
#features-green-row .three-block-row .col-max { text-align:left; }
#features-green-row .three-block-row .col-max img { padding-top:30px; }
#features-chart-row { background: url('/Portals/0/images/b2bhome/features-chart-bg.jpg') center center no-repeat; background-size: cover; height: 407px; }
.features-best-rate-header { text-transform: uppercase; font-weight: bold; }
#features-blue-row { background-color: #00A7C2; color: #fff; padding-top: 60px; padding-bottom: 60px; }
#features-blue-row .bigwhitetext {padding-bottom:40px; }

#features-blue-row img {width:100%; max-width: 600px;}
#features-red-row { background-color: #C44E34; color: #fff; padding-top: 60px; padding-bottom: 60px; }

#contact-top, #confirmation-top { background: url("/Portals/0/images/b2bhome/contact-hero-bg.png") center top no-repeat, url("/Portals/0/images/b2bhome/universal-starburst-top.png") center bottom no-repeat; padding-bottom: 100px; }
#confirmation-top { min-height: 760px; }
#confirmation-top .bigbluetext { padding-bottom: 15px; }
#analytics-top { background: url("/Portals/0/images/b2bhome/universal-starburst-top.png") center bottom no-repeat; padding-bottom: 75px; }
#analytics-top .btn {width:300px;}

#contact-form { background-color: rgba(220,220,220,.8); padding-bottom: 40px;  max-width: 1100px; }
#contact-form #alert-container { margin: 7px auto; }
#contact-form .alert {margin-bottom:0px; }
#contact-form .alert-danger { background-image:none; background-color: rgba(236, 132, 107, .5); border-color: rgba(236, 132, 107, 1); color: #000; }
#contact-form .alert-info { background-image:none;   background-color: #00A7C2; border-color: #88D5E2; color: #fff; }

.contact-tab { color: #fff; text-transform: uppercase; font-weight: bold; height: 40px; font-size: 16px; padding: 0; }
.contact-tab a { color: #fff; outline-color: rgba(0, 0, 0, 0); }
.contact-tab.active a { color: rgba(236, 132, 107, 1); }
.contact-tab:not(.active) { background-color: rgba(0,0,0,.08); }
.contact-tab:hover:not(.active) { background-color: rgba(0,0,0,.25); }
#contact-form ul.nav { margin: 0 -15px; }
#contact-faq, #analytics-faq {padding-bottom:24px;}
#contact-faq .panel-group, #analytics-faq .panel-group { border: 0; color: inherit; width: 70%; margin: 0 auto; margin-top: 30px; }
#contact-faq .panel, #analytics-faq .panel  { border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; }
#contact-faq .faq-even .panel-heading:hover, #analytics-faq .faq-even .panel-heading:hover { background-color: rgba(0, 0, 0, .1); }
#contact-faq .faq-odd .panel-heading:hover, #analytics-faq .faq-odd .panel-heading:hover { background-color: rgba(0, 0, 0, .15); }
#contact-faq .panel-body, #analytics-faq .panel-body { border: 0;  padding: 5px 20px; }
#contact-faq .panel-heading, #analytics-faq .panel-heading { font-weight: bold; padding:0; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#analytics-faq .panel-heading { cursor: default; }
#contact-faq .panel-heading h4, #analytics-faq .panel-heading h4 { font-weight: bold; padding: 0; margin: 0; display: inline-block; }
#contact-faq .panel-heading .right, #analytics-faq .panel-heading .right { top: 12px; }
#contact-faq .panel-title a, #analytics-faq .panel-title span  { min-height: 35px; width: 100%; display: inline-block; padding: 9px 20px; letter-spacing: 0px; margin: 0; }
#contact-faq .panel-heading h4 a:focus, #contact-faq .panel-heading h4 a:hover, #analytics-faq .panel-heading h4 span:focus, #analytics-faq .panel-heading h4 span:hover { outline: none; text-decoration: none; }
#contact-faq .glyphicon:hover { cursor: pointer; }
#contact-faq .panel-body a { color: #bfe3e8; }
.faq-odd { background-color: rgba(255, 255, 255, 0.2); }
.faq-even { background-color: rgba(255, 255, 255, 0.1); }
#contact-form input, #contact-form textarea { border: 0 none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#row4 { display:none; }
.first-post-done .form-control.ng-invalid { border: 1px solid red !important; }

#press-container { background: url('/Portals/0/images/b2bhome/press-hero-bg.png') center top no-repeat; background-size: contain; padding-left: 0px; }
#press-container .col-centered { padding-left: 0px; }

.newsitem, .newsitem-override { padding: 0; margin: 7.5px 15px; height: 460px; overflow: hidden; padding-bottom:60px; }
.newsitem-gray { background-color: #D9D9D9;  color: #31AAC1; }
.newsitem-gray .newsitem-desc { color: #000; }
.newsitem-blue { background-color: #31AAC1;  color: #fff; }
#press-container .btn-info { padding: 12px 22px; }
.newsitem-blue .btn-info { background-color: #5EC4D3; }
.newsitem-blue .btn-info:hover {  background-color: #B90000; }
.newsitem-date { text-align: right; font-weight: normal; font-size: 11px; padding-top: 8px; }
.newsitem-title { font-weight: bold; padding: 0; }
.newsitem-title h3 {  margin-top: 10px; font-size: 20px; }
.newsitem-img { width:100%; }
.newsitem-img img { margin: 10px auto 0px auto; display: block; width:auto; max-width:100%; }

.newsitem-desc { font-size: 14px; line-height: 22px; letter-spacing: 0.25px; }
.newsitem-gray .newsitem-desc strong { color:#31AAC1; }
.newsitem-blue .newsitem-desc strong { color:#fff; }
.newsitem-desc-row { margin-bottom: 15px; overflow: hidden; max-height: 150px; }
.newsitem-link-row { padding-bottom:15px; position: absolute; bottom:15px; }
div.DNN_ANN_DesignTable { display:none; }

#mydashboardlogin-top, #mydashboard-top { background-color: #fff; min-height: 750px; }
#nodashboard {display:none;}
#mydashboardlogin-top .dnnLoginActions .dnnActions li:first-child {
    display: none;
}
#mydashboardlogin-top .LoginPanel {float:none;}
#mydashboard-top { padding-top: 10px;}
#mydashboard-top .logorow {display:none;}

.daterangepicker td.active, .daterangepicker td.active:hover {
   background-color: #0D74CE;
}
.ranges li { color: #333; }
.ranges li.active { background-color: #0D74CE; border: 1px solid #0D74CE; }
.ranges li:hover { background-color: #0A5AA1; border: 1px solid #0A5AA1; }

.dnnForm.dnnProfile { width:800px; }

/* Targetted CSS */
@-moz-document url-prefix() {
   .newsitem-img img { width: 90% !important; max-width:-moz-fit-content; }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* IE10+ specific styles go here */
   #contact-form { max-width: none; }
   .newsitem-img img {width: 50% !important; }
}

/* Responsive CSS */
@media only screen and (max-width: 991px) {
   #features-blue-row .stepimage { display:none; }
   #features-blue-row .steptext { width:100%; }
   #features-chart-row { height:320px; }
   .features-arrow .imgcont {display:none;}
   .howitworks-top { display:none; }
   .howitworks-circle,.vertical-align > .howitworks-circle[class^="col-"], .vertical-align > .howitworks-circle[class*=" col-"], .howitworks-arrow img  { display:none; }
   .howitworks-panel img { width:50%; }
   .circlerow { margin-bottom:50px; }
   .contact-form-col { width:100%; }
   .left_arrow.mirror { display: -webkit-box;  display: -moz-box; display: -ms-flexbox;  display: -webkit-flex; display: flex; }
   .right_arrow,.vertical-align > .right_arrow[class^="col-"], .vertical-align > .right_arrow[class*=" col-"] {display:none;}
   #company-container .year {margin:15px;}
   .timeline-marker { margin-left: 40px; }
   .newsitem, .newsitem-override { height: 350px; }
   #analytics-top .btn {width:48%;}
}

@media only screen and (max-width: 650px) {
   #analytics-top .btn {width:100%;}
}