.blogcomments .hs-form-field>label {
    font-size: 20px;
    color: black !important;
    line-height: 24px;
    font-weight: 600 
}
.bheader h2 {
    color: #00345D !important;
    font-size: 34px !important 
}
.spacerfill {
    margin: 10px 0 
}
.blogheading {
    color: #000 
}
.blogheading h1 {
    color: #000 
}
img {
    max-width: 100% 
}
.simple-faqs-item-answer p {
    font-size: 18px !important;
    line-height: 1.75em;
    font-weight: 700;
    color: #000 
}
.simple-faqs-item-question {
    line-height: 1.75em !important 
}
.post-header h1 {
    line-height: 1.75em !important;
    font-size: 35px;
    text-align: left 
}
h2 span {
    color: #0B73B8 !important;
    font-weight: bolder;
    font-size: 32px !important;
    line-height: 1.75em !important;
}
h2 {
    color: #0B73B8 !important;
    font-weight: bold !important;
    font-size: 32px !important;
    line-height: 1.75em !important;
    padding-bottom: 0 
}
h3 span {
    color: #0B73B8 !important;
    font-weight: bolder !important;
    font-size: 24px !important;
    line-height: 1.75em !important 
}
h3 {
    color: #0B73B8 !important;
    font-weight: bold !important;
    font-size: 24px !important;
    line-height: 1.75em !important 
}
.main-content a {
    color: #71c3eb !important 
}
.blog-section p {
    font-size: 18px;  
    text-align: left !important;
    line-height: 26px;
}
@media only screen and (max-width:756px) {
    .blog-section p {
        font-size: 32px 
    }
}
.container-fluid .row-fluid .page-center {
    max-width: 1080px !important 
}
.titlehead {
    font-size: 15px 
}
.blog-sidebar-2021 h3 {
    background: #0a73b8;
    color: #fff !important;
    padding: 5px 10px;
    text-transform: capitalize;
    width: 60% 
}
.widget-module ul {
    list-style: none 
}
#hs_cos_wrapper_module_1645218443313362 {
    padding: 2%;
    border-radius: 6px 
}
#hbspt-form-1645642301454-3151914734 {
    background-color: #edf1f6;
    margin-top: -2% 
}
.row-fluid .subscription-module-box {
    height: 360px;
    background-position: top;
    background-size: contain 
}
h4 {
    color: #0B73B8;
    font-size: 22px 
}
h4 span {
    color: #0B73B8 !important;
    font-size: 22px !important 
}
.blogsform {
    margin: auto;
    text-align: center;
    margin-top: 35% 
}
.row-fluid .subscription-module-box h2 {
    font-size: 30px;
    line-height: 1.3 
}
.subscription-module-box {
    border-radius: 4px;
    background: {
        {
            boxColor 
        }
    }
    padding:50px 40px 
}
.subscription-module-box h2 {
    font-size: 30px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #ecf8f9 
}
.row-fluid .subscription-module-box a {
    border-radius: 4px;
    border: solid 2px #fff;
    padding: 13px 20px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 28px;
    color: #fff;
    letter-spacing: normal;
    text-align: center;
    margin-top: 25px 
}
.row-fluid .subscription-module-box a:hover {
    background-color: #fff;
    color: #000 
}
body .row-fluid .vertical-center {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    justify-content: center 
}
.widget-module {
    background-repeat: no-repeat;
    padding: 16px 20px 16px 20px;
    width: 100%;
    margin-bottom: 10px;
    background-position: 100% 0%;
    background-size: 15%;
    border-radius: 10px 0 10px 10px 
}
.widget-module:hover {
    box-shadow: 0 10px 50px -5px rgba(51, 71, 91, .12);
    -ms-transform: scale(1.014);
    transform: scale(1.014) 
}
.hs-rss-item {
    background: url(https://www.beaconlive.com/hubfs/2021-resources/BeaconBlue-Orange-dots.png) #e6e7e7;
    background-repeat: no-repeat;
    padding: 16px 20px 16px 20px;
    width: 100%;
    margin-bottom: 10px;
    background-position: 100% 0%;
    background-size: 15%;
    border-radius: 10px 0 10px 10px 
}
.hs-rss-item:hover {
    box-shadow: 0 10px 50px -5px rgba(51, 71, 91, .12);
    -ms-transform: scale(1.014);
    transform: scale(1.014) 
}
.hs-rss-title {
    font-size: 15px;
    color: #000 
}
.hs-rss-title span {
    font-size: 15px !important;
    color: #000 
}
.hs-rss-byline {
    margin-top: 10px !important 
}
.post-header h2 {
    margin-top: 15px 
}
.post-header h2 a {
    color: #000;
    text-decoration: none;
    font-size: 30px;
    line-height: 1.2em 
}
.blog-listing-wrapper .post-listing .post-item {
    background: url(https://www.beaconlive.com/hubfs/2021-resources/darkblueandorangedots.png) #e6e7e7;
    background-repeat: no-repeat;
    padding-top: 90px;
    padding-left: 80px;
    padding-bottom: 45px;
    padding-right: 80px;
    width: 100%;
    margin-bottom: 20px;
    background-position: 0% 0%;
    background-size: 35%;
    border-radius: 0 10px 10px 10px 
}
.blog-listing-wrapper:hover {
    box-shadow: 0 10px 50px -5px rgba(51, 71, 91, .12);
    -ms-transform: scale(1.014);
    transform: scale(1.014) 
}
.bluedownload:hover {
    box-shadow: 0 10px 50px -5px rgba(51, 71, 91, .12);
    -ms-transform: scale(1.014);
    transform: scale(1.014) 
}
.blog .blog-content {
    width: 55.5%;
    padding: 55px 
}
.blog .blog-content h2 {
    color: #0B73B8 !important;
    text-align: left !important;
    padding-left: 0px !important 
}
.blog .blog-content h3 {
    color: #0B73B8 !important 
}
.blog h2 {
    color: #0B73B8 !important 
}
.blog h3 {
    color: #0B73B8 !important 
}
.dontdisplay {
    display: none 
}
.blog-topics {
    text-align: center 
}
.blog-topics ul {
    list-style: none;
    column-count: 3 
}
.blog-topics ul li {
    background: #e6e7e7;
    padding: 5px 10px;
    margin-bottom: 15px;
    border-left: 5px solid #0a73b8 
}
.blog-topics ul li:nth-of-type(2) {
    border-left: 5px solid #53c3f0 
}
.blog-topics ul li:nth-of-type(3) {
    border-left: 5px solid #e98129 
}
.blog-topics ul li:nth-of-type(4) {
    border-left: 5px solid #9db340 
}
.blog-topics ul li:nth-of-type(5) {
    border-left: 5px solid #913762 
}
.blog-topics ul li:nth-of-type(6) {
    border-left: 5px solid #00335c 
}
.blog-topics ul li:nth-of-type(7) {
    border-left: 5px solid #0a73b8 
}
.blog-topics ul li:nth-of-type(8) {
    border-left: 5px solid #53c3f0 
}
.blog-topics ul li:nth-of-type(9) {
    border-left: 5px solid #e98129 
}
.blog-topics .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
    float: none 
}
.blog-topics .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    color: #000;
    text-decoration: none;
    font-size: 18px 
}
.topicheader {
    text-align: center 
}
.topicheader h1 {
    color: #000 
}
.blueform {
    background: url(https://www.beaconlive.com/hubfs/BeaconBlue-Orange-dots-flipped.png) #00345d !important;
    background-repeat: no-repeat !important;
    padding: 50px !important;
    background-position: 100% 100 !important;
    background-size: 15% !important;
    border-radius: 0 10px 10px 10px;
    display: inline;
    color: #fff !important;
    font-size: 20px !important;
    display: none;
    width: 63% !important;
    margin-left: 19% !important 
}
.blogform .hs-button.primary.large {
    margin: auto 
}
h3#hs_cos_wrapper_module_1611173604229107_title {
    color: #fff !important;
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    text-transform: capitalize;
    line-height: 1em 
}
.bluedownload {
    background: url(https://www.beaconlive.com/hubfs/2021-resources/download-box-left.jpg) #2e73b3 !important;
    background-repeat: no-repeat !important;
    padding: 50px !important;
    background-position: 100% 100 !important;
    background-size: 10% !important;
    border-radius: 0 10px 10px 10px;
    display: inline;
    color: #fff !important;
    font-size: 20px !important;
    text-align: center 
}
.bluedownload h3 {
    color: #fff !important;
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    text-transform: capitalize;
    line-height: 1.2em;
    margin: 40px 0 0 0 
}
.bluedownload p {
    color: #fff;
    font-weight: 100;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
    line-height: 1.3em;
    margin: 25px 0 
}
.bluedownload a {
    font-size: 21px;
    font-weight: 700;
    background: #fff;
    border: 1px solid #000;
    color: #000;
    border-radius: 5px;
    padding: 5px 10px;
    text-align: center;
    margin-bottom: 60px;
    margin-top: 30px 
}
.searchblog {
    text-align: center 
}
.searchblog h1 {
    margin-top: 20%;
    color: #000;
    font-size: 35px;
    margin-bottom: 15px 
}
.hs-search-field__input {
    width: 50% !important;
    border-radius: 5px;
    background: #e6e7e7;
    border: 1px solid #9da5ac;
    background-repeat: no-repeat;
    background-position: right 5px bottom 10px;
    background-size: 4%;
    padding: 10px !important 
}
.hs-search-field__input::-webkit-input-placeholder {
    color: transparent 
}
.hs-search-field__input:-moz-placeholder {
    color: transparent 
}
.hs-search-field__input::-moz-placeholder {
    color: transparent 
}
.hs-search-field__input:-ms-input-placeholder {
    color: transparent 
}
p.underbutton {
    text-align: center;
    margin-top: 20px 
}
a.buttonlearn {
    font-size: 21px;
    font-weight: 700;
    background: #e6e7e7;
    border: 1px solid #969ea6;
    color: #00335c;
    border-radius: 5px;
    padding: 5px 10px;
    text-align: center;
    margin-bottom: 60px;
    margin-top: 30px 
}
.featurep {
    font-size: 18px;
    margin-top: 30px !important 
}
.blog-sidebar-2021-2 {
    position: fixed 
}
.hero-top-2021 {
    position: absolute;
    margin: 0 auto;
    top: 0;
    background: #000;
    display: contents 
}
.banner-area {
    transition: all .3s ease-in-out;
    position: relative;
    border-bottom: .1rem solid #ddd;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -80px;
    height: 250px 
}
.banner-area h2 {
    margin: 0 auto;
    text-align: center;
    padding-top: 100px 
}
.banner-area h2 a {
    color: #fff;
    font-size: 28px 
}
.leftfixed {
    width: 16% !important;
    left: 3%;
    position: fixed;
    margin-top: 25px;
    z-index: 0 !important 
}
.leftfixed h3 {
    text-transform: capitalize;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 1.3em 
}
.rightfixed {
    width: 20% !important;
    right: 5%;
    position: fixed;
    z-index: 0 !important 
}
.rightfixed .widget-module {
    background: none;
    padding: 0 
}
.rightfixed h3 {
    text-transform: capitalize;
    color: #000;
    margin-top: 40px;
    font-size: 24px 
}
.rightfixed ul {
    list-style: unset;
    margin-left: -20px;
    font-size: 16px 
}
.rightfixed ul li {
    margin-bottom: 2px;
    line-height: 1.2em 
}
#mainpage {
    z-index: 2 !important 
}
#leftside {
    z-index: 1 !important 
}
#rightside {
    z-index: 1 !important 
}
.connect-container {
    z-index: 2;
    position: relative 
}
.hs-content-name-the-10-types-of-webinars-everyone-is-doing .faqclass {
    display: none 
}
.cta2022 {
    background: url(https://www.beaconlive.com/hubfs/hero.png);
    background-position: center;
    background-size: contain 
}
.blogelearning {
    display: flex !important;
    flex-direction: row;
    align-content: inherit;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    margin-top: 25px 
}
 .blogelearning .actions {
    text-transform: capitalize !important;
    cursor: pointer;
    border-radius: 4px;
    background-color: #00345D;
    background-image: none;
    color: #fff;
    font-size: 16px;
    box-shadow: none;
    padding: 6px 18px;
    display: inherit;
    margin: auto;
    text-align: center;
    border: none !important;
    width: 100% !important 
}
.blogelearning .actions .hs-button primary large {
    text-transform: capitalize !important;
    cursor: pointer;
    border-radius: 4px;
    background-color: #00345D;
    background-image: none;
    color: #fff;
    font-size: 16px;
    box-shadow: none;
    padding: 6px 18px;
    display: inherit;
    margin: auto;
    text-align: center;
    border: none !important;
    width: 100% !important 
}
.blogelearning .actions .hs-button primary large:hover {
    border: 1px solid #ea8129;
    text-decoration: none;
    color: #fff;
    background-color: #00345d;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    border: none !important 
}
.blogelearning .actions:hover {
    border: 1px solid #ea8129;
    text-decoration: none;
    color: #fff;
    background-color: #00345d;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    border: none !important 
}
.ctabackground {
    background: url(https://www.beaconlive.com/hubfs/hero.png);
    background-position: center;
    background-size: contain 
}
@media only screen and (max-width:1400px) {
    .leftfixed {
        width: 45% !important;
        position: unset;
        left: 0;
        margin: 0 auto !important;
        margin-right: 20px !important;
        margin-top: 20px !important;
        margin-left: 2% !important 
    }
    .rightfixed {
        width: 45% !important;
        position: unset;
        left: 1%;
        margin: 0 auto !important;
        float: right;
        margin-top: -15px !important 
    }
}
@media only screen and (max-width:600px) {
    .leftfixed {
        width: 98% !important;
        position: unset;
        left: 0;
        margin: 0 auto !important 
    }
    .rightfixed {
        width: 98% !important;
        position: unset;
        left: 0;
        margin: 0 auto !important 
    }
    .blog-sidebar-2021 h3 {
        display: flex 
    }
    .blog-listing-wrapper .post-listing .post-item {
        padding: 30px 
    }
    .post-header h2 {
        text-align: center 
    }
    .post-header h2 a {
        font-size: 26px 
    }
    .blog-topics ul {
        column-count: 1 
    }
    p.underbutton {
        margin-bottom: 20px 
    }
    .searchblog h1 {
        font-size: 35px 
    }
    .featurep {
        font-size: 12px;
        text-align: center 
    }
    .progress-container {
        top: 0 !important 
    }
}
@media only screen and (max-width:768px) {
    .leftfixed {
        width: 98% !important;
        position: unset;
        left: 0;
        margin: 0 auto !important 
    }
    .rightfixed {
        width: 98% !important;
        position: unset;
        left: 0;
        margin: 0 auto !important 
    }
}