/*
Theme Name: ContentBerg Child
Theme URI: http://theme-sphere.com/
Description: A child theme of ContentBerg
Author: ThemeSphere
Author URI: http://theme-sphere.com
Template: contentberg
Version: 1.0
*/

h1, .post-title, .post-title-alt {
    color: #3c4257;
}
.the-post-header .post-title, .the-post-header .post-title-alt {
    max-width: 100%;
}

h2 {
    font-size: 28px !important;
    color: #3c4257 !important;
}

h2 strong {
    font-weight: 600 !important;
}

.post-title-alt h2 {
    color: #3c4257 !important;
    font-size: 22px!important;
}

h3 {
    color: #3c4257;
    font-weight: 600 !important;
}

h4 {
    color: #3c4257;
    font-weight: 600 !important;
}

h5 {
    color: #3c4257;
    font-weight: 600 !important;
}

.entry-content {
	hyphens: none !important;
	-webkit-hyphens: none !important;
	-ms-hyphens: none !important;
}

.entry-content p {
    font-weight: 300;
    font-size: 18px;
}

p strong {
    font-weight: 600;
}

a {
    color: #3976E5;
    font-weight: 600;
    box-shadow: none;
    transition: none;
}

/* Navigation Menu Design */
.ebx-Menu-ext {

}
.main-head.simple-boxed .navigation .menu>li span {
    font-weight: 600;
}

.navigation.simple .menu ul li:hover > a > span, .navigation.simple .menu ul li.current-menu-item > a > span, .navigation.simple .menu .sub-cats li:hover > a > span {
    box-shadow: none;
    padding-bottom: 0;
    transition: all 200ms;
}

.navigation.simple .menu > .menu-item-has-children > a:before {
    transition: all 0ms;
}


/* Main image homepage  */

.large-post .featured img, .large-post .gallery-slider {
    border-radius: 6px;
}

/* Image Article Grid  */

.grid-post .image-link img {
    border-radius: 4px;
    object-fit: cover;
    /*height: 202px;*/
    width: 100%;
}

.contentberg-widget-highlights .grid-post .image-link img {
    border-radius: 6px;
    height: 420px;
    width: 100%;
}

.wp-post-image, .wp-post-image:hover {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
}

/* Articles Grid Labels */

.post-meta .post-cat>a, .post-meta time, .post-meta .comments, .post-meta .meta-item {
    font-weight: 600;
    letter-spacing: .5px;
}

/* Recent posts blog post  */
.single-post .widget_recent_entries .widget-title {
    border-bottom: none;
    margin-bottom: 20px;
}
.single-post .widget_links li, .single-post .widget_meta li, .single-post .widget_recent_comments li, .single-post .widget_recent_entries li, .single-post .widget_rss li, .single-post .widget_pages li, .single-post .widget_nav_menu li {
    border-bottom: none;
    font-size: 15px;
}

.single-post .widget .post-date {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #989898;
    font-weight: 400;
}
figcaption {
    margin-bottom: 24px;
}
.the-post .featured img {
    border-radius: 5px;
}

/* Subscribe Newsletter Box */

#text-2 {
    background-image: url(../contentberg-child/img/subscribe-bg-light.svg);
    padding: 35px 40px;
    border-radius: 6px;
    background-size: cover;
}

#text-2 .title {
    font-size: 24px;
    font-weight: 600;
    padding-left: 0;
}

/*#text-2 .title::after {
    content: 'Stay up to date with the latest news';
    font-size: 15px;
    font-weight: 400;
    margin-left: 12px;
    display: inline-flex;
}*/

#text-2, #hsForm_225568cb-0656-43f5-b446-605d3190e80a {
    display: flex;
    align-items: center;
}

#text-2 {
    display: flex;
    flex-direction: column;
}

#text-2 .hs_firstname, #text-2 .hs_lastname, #text-2 .hs_email {
    position: relative;
}

#text-2 .hs_firstname::before, #text-2 .hs_lastname::before, #text-2 .hs_email::before {
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    top: -22px;
    color: #3C4257;
}

#text-2 .hs_firstname::before {
    content: 'First Name';
}

#text-2 .hs_lastname::before {
    content: 'Last Name';
}

#text-2 .hs_email::before {
    content: 'Email';
}

#text-2 .hs-form-field {
    width: 33.3333%;
}

#text-2 .textwidget {
    margin-top: 36px;
    width: 100%;
}

#text-2 .block-head-c {
    width: 100%;
}

#text-2 .textwidget::after {
    content: 'Your personal information is kept in accordance with our Privacy Policy';
    font-size: 13px;
    font-weight: 400;
    display: inline-flex;
    color: #A1A3BB;
}

#text-3 .textwidget::after {
    content: 'Your personal information is kept in accordance with our Privacy Policy';
    font-size: 13px;
    font-weight: 400;
    display: inline-flex;
    color: #A1A3BB;
}

#text-2 .hs-error-msgs, #text-3 .hs-error-msgs {
    display: none !important;
}

#text-2 .submitted-message {
    font-size: 20px;
    font-weight: 600;
    color: #3C4257;
}

#text-2 .hs-input, #text-3 .hs-input {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(53, 67, 86, 0.25), 0px 0px 2px rgba(53, 67, 86, 0.2);
    border: none;
    font-size: 14px;
    color: #3C4257;
    padding: 10px 14px;
    height: auto;
    border-radius: 3px;
    width: 100%;
    line-height: 20px;
}

#text-2 .hs-input:focus {
    box-shadow: 0px 2px 4px rgba(53, 67, 86, 0.25), 0px 0px 2px rgba(53, 67, 86, 0.2), 0 0 0 4px rgba(36, 113, 253, .3);
}

#text-2 label {
    font-size: 14px;
    font-weight: 600;
    display: none;
}

#text-2 .hs-form-field, #text-2 .widget-title {
    margin-bottom: 0;
}

#text-2 .hs_submit.hs-submit .actions {
    margin-top: 0;
}

#text-2 .input {
    margin-right: 12px;
}

#text-2 .hs-button.primary.large, #text-3 .hs-button.primary.large {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(53, 67, 86, 0.25), 0px 0px 2px rgba(53, 67, 86, 0.2);
    border-radius: 3px;
    color: #3976E5;
    font-size: 15px;
    letter-spacing: normal;
    padding: 10px 17.5px;
    line-height: 20px;
    box-sizing: border-box;
}

@media (max-width: 940px) {
    #text-2 .block-head-c {
        max-width: 100%;
        margin-right: 0;
    }
    #text-2, #hsForm_225568cb-0656-43f5-b446-605d3190e80a {
        flex-wrap: wrap;
    }
    #text-2 .textwidget {
        margin-top: 40px;
        margin-left: 0;
        width: 100%;
    }
    #text-2 .form-columns-2 {
        width: 100%;
    }
    #text-2 .hs-input {
        width: 100%;
    }
    #text-2 .hs-email .input {
        margin-right: 0 !important;
    }
    #text-2 .hs-submit {
        width: 100%;
        margin-top: 12px;
    }
    #text-2 .hs-button.primary.large {
        width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 767px) {
    #text-2 {
        padding: 30px;
    }
    #text-2 .form-columns-2 {
        display: flex;
    }
    #text-2 .hs-form-field {
        width: 100%;
    }
    #text-2 .input {
        margin-right: 0 !important;
        margin-bottom: 34px;
    }
    #text-2 .hs-submit {
        margin-top: 0;
    }
    #text-2 .title::after {
        margin-left: 0;
        display: flex;
        margin-top: 10px;
    }
}


/*Home page search*/

.search-modal .search-field {
    color: #3C4257;
    font-weight: 600;
}

.search-modal .message {
    color: #3C4257;
}

/* Sidebar Author Box  */

.sidebar .author-box .image img {
    width: 44px;
    height: 44px;
    margin-top: 0;
    border: 0;
    margin-right: 8px;
}

.sidebar .author-box .image {
    display: flex;
}

.sidebar .author-box {
    display: inline-flex;
    align-items: center;
    border-top: 0;
    margin-bottom: 30px;
}

.sidebar .author-box .social-icons, .sidebar .author-box .author-bio {
    display: none;
}

.sidebar .author-box .author>a {
    font-size: 16px;
    color: #3C4257;
}

/* Single Post Author Box  */

.single-post .author-box {
    display: inline-flex;
    align-items: center;
    border-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.single-post .meta-item {
    display: inline-flex;
}

.single-post .image {
    display: inline-flex;
}

.single-post .author-box .image img {
    width: 28px;
    height: 28px;
    margin-top: initial;
    border-radius: 50%;
    border: none;
}

.single-post .author-box .author>a {
    font-size: 12px;
    margin-left: 6px;
    display: inline-flex;
    line-height: 18px;
    margin-top: 0;
}

.single-post .author-box .author-bio, .single-post .author-box .social-icons {
    display: none;
}

.single-post .author-and-other {
    display: flex;
    align-items: center;
}

.single-post p img.alignnone, img.alignnone {
    margin: 0;
}

.wp-block-quote {
    color: #3c4257;
    font-style: italic !important;
    opacity: .75;
}

/* Newsletter Sidebar  */

#text-3 {
    background-image: url(../contentberg-child/img/subscribe-bg-light.svg);
    padding: 30px 30px 40px;
    border-radius: 6px;
    background-size: cover;
}

.sidebar #text-3 .widget-title {
    border-bottom: 0;
    padding-bottom: 0;
    color: #3c4257;
}

#text-3 .hs-form-field label {
    font-size: 13px !important;
    font-weight: 600;
    color: #3C4257;
    margin-bottom: 3px;
}

#text-3 .hs-input {
    margin-right: 0;
    width: 100%;
}

#text-3 .hs-button.primary.large {
    width: 100%;
}

#text-3 .widget-title {
    font-size: 20px;
    font-weight: 600;
}

#text-3 .textwidget p {
    line-height: 20px;
    font-size: 15px;
}

.sidebar #text-3 .widget-title {
    margin-bottom: 12px;
}

.textwidget {
    color: #3C4257;
}

/* List Design White Paper */

.card__content ul li {
    color: #5e7fff;
    font-weight: 600;
    font-family: "Hind Vadodara", sans-serif;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.card__content ul li svg {
    margin-right: 10px;
    box-shadow: 0 4px 8px rgba(36, 43, 75, 0.1), 0 1px 2px rgba(36, 43, 75, 0.1);
    border-radius: 100%;
    min-width: 20px;
    min-height: 20px;
}

/* Header on Whitepaper  */

.post-template-single-landing.post-template-single-landing-php .main-head.simple .inner, .post-template-single-landing.post-template-single-landing-php .main-head.simple {
    background-color: transparent;
    box-shadow: none;
    border-bottom: none;
}

.main-head.simple {
    box-shadow: none;
}

/* Header Main  */

.main-wrap {
    background: url('../contentberg-child/img/bg-main-01.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.top-bar-content, .top-bar.dark .top-bar-content, .main-head.simple .inner {
    background-color: transparent !important;
}

/* Post Title Sidebar */

.post-title-alt {
    margin-top: 8px;
    line-height: 28px;
}

.post-title-alt a:hover, .post-title a:hover {
    box-shadow: none !important;
    opacity: .75;
    transition-property: none !important;
}

.post-title-alt a, .post-title a {
    transition-property: none !important;
    font-size: 22px!important;
}
.single-post .author-box {
    display: inline-flex;
    align-items: center;
    border-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 10px;
}
.single-post .author-and-other {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.widget-posts .post-title-alt a, .post-title a {
    font-size: 20px!important;
}
.widget-posts .author-box {
    display: none;
}
.single-post .widget .post-date {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #989898;
    font-weight: 600; 
}

/* Mobile Menu  */

.main-head {
    border-bottom: 0;
}

.off-canvas {
    width: 100%;
    transform: translate3d(0, 0, 0);
    transform: scale(.8);
    transition: transform .125s ease-in-out;
    opacity: 0;
    display: none;
}

.off-canvas-active .main-wrap:after {
    z-index: 1001;
}

.off-canvas .close {
    background: transparent;
    color: #3C4257;
    position: inherit;
    font-size: 18px;
    padding: 20px;
}

.admin-bar .off-canvas {
    top: 0;
    transform: none;
    display: none;
}

.off-canvas-active .off-canvas {
    box-shadow: none;
    display: block;
    width: 100%;
    padding-top: 100px;
    padding: 15px;
    box-sizing: border-box;
    background: transparent;
    opacity: 1;
    height: 100%;
    z-index: 1002;
}

.off-canvas-active .main-wrap {
    transform: none;
}

.mobile-menu {
    width: 100%;
}

.main-head.simple .mobile-nav {
    margin-right: 0;
    margin-left: 24px;
}

.main-head.simple .mobile-nav:before {
    display: inline-block;
    content: "";
    padding-right: 22px;
    height: 16px;
    border-left: 1px solid #ddd;
    vertical-align: middle;
}

.main-head.simple .search-link:before {
    content: none;
}

.mobile-nav-wrapper {
    width: 100%;
    background-color: #fff;
    position: relative;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 40px;
    min-height: auto;
}

.off-canvas .mobile-menu {
    padding-top: 12px;
    padding-bottom: 12px;
}

.mobile-menu li a {
    border-bottom: 0;
    color: #3C4257;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
}

.mobile-menu>li li {
    padding-left: 0;
}

.mobile-menu ul li a {
    color: #3C4257;
    padding-left: 40px;
}

.mobile-menu li:hover>a, .mobile-menu>.current-menu-item.menu-item>a, .mobile-menu>.current-menu-parent.menu-item>a, .mobile-menu>.current-menu-ancestor.menu-item>a, .mobile-menu li li.current-menu-item a {
    font-weight: 800;
    background-color: #f0f5fa;
}

.mobile-menu .chevron {
    margin-right: 0;
    color: #3C4257;
    -webkit-text-stroke: 0 #3C4257;
}

.mobile-menu .item-active>ul, .mobile-menu ul {
    transition: none;
}

.mobile-menu a {
    transition: none;
}

.mobile-menu-title {
    padding: 20px;
    display: inline-flex;
    text-transform: uppercase;
    font-weight: 600;
    color: #737B8B;
}

.off-canvas .logo {
    margin-bottom: 0;
}

.mobile-menu-top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Case study Layout  */

.whitepaper .quote__box {
    box-shadow: 0 12px 24px rgba(36, 43, 75, 0.1);
    padding: 20px 30px;
    border-radius: 6px;
    margin-top: 20px;
    color: #3C4257;
    background-color: white;
}

.whitepaper .card__content {
    font-size: 15px;
    color: #3C4257;
}

.quote__box .quote__logo {
    max-width: 200px;
    display: flex;
    margin-bottom: 6px;
}

.quote__box .quote__citation {
    font-style: italic;
    color: #737B8B;
    margin-top: 6px;
}

/* Load button  */

.block-content .load-button {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(53, 67, 86, 0.25), 0px 0px 2px rgba(53, 67, 86, 0.2);
    border-radius: 3px;
    color: #3976E5;
    font-size: 15px;
    letter-spacing: normal;
    padding: 10px 24px;
    line-height: 20px;
    font-weight: 600;
}

.block-content .load-button:hover {
    background-color: #fff;
    color: #3976E5;
    box-shadow: 0px 4px 8px rgba(53, 67, 86, 0.25), 0px 0px 4px rgba(53, 67, 86, 0.15);
    transition: box-shadow .15s;
}

/* Footer */

.grid-post .post-footer {
    display: none;
}

/* Hide hearts  */

.counters {
    display: none;
}

.large-post .post-content > p:last-of-type + .read-more {
    display: none;
}

/* Hide Pinterest icon on Blog Posts  */

.post-share-icons a.pinterest {
    display: none;
}

.post-share-float .services {
    background-color: transparent;
}

/*single post meta box*/

.single-cover .overlay {
    position: inherit;
    color: #3C4257;
    padding: 0;
}

.single-cover .featured:before {
    background: none;
}

/*.single-cover .featured img {
    border-radius: 6px;
    height: 638px;
    object-fit: cover;
    width: 100%;
}
*/
@media (max-width: 940px) {
    .single-cover .featured img {
        min-height: inherit;
    }
    .single-cover .featured a {
        margin: 20px;
        display: block;
    }
}

.widget-posts .posts.full .post-title-alt, .post-meta-b .post-title-alt {
    margin: 10px 0;
}

.grid-post .post-meta-b {
    margin-bottom: 15px;
}


/* Single post */

.wp-block-image img {
    border-radius: 4px;
}

/* Categories  */

.archive-head .title {
    margin-top: 0;
}

/* Link  */

.post-content p>a, .post-content li>a, .post-content dd>a, .post-content td a, .post-content th a, .post-content h1 a, .post-content h2 a, .post-content h3 a, .post-content h4 a, .post-content h5 a, .post-content h6 a, .post-content em a, .post-content strong a {
    color: #3976E5;
    font-weight: 600;
    box-shadow: none;
    transition: none;
}

.post-content p>a:hover, .post-content li>a:hover, .post-content dd>a:hover, .post-content td a:hover, .post-content th a:hover, .post-content h1 a:hover, .post-content h2 a:hover, .post-content h3 a:hover, .post-content h4 a:hover, .post-content h5 a:hover, .post-content h6 a:hover, .post-content em a:hover, .post-content strong a:hover {
    opacity: .8;
    font-weight: 600;
    box-shadow: none;
}

/* Main Blog Post  */

@media (max-width: 940px) {
    .highlights-block .large {
        width: 100%;
    }
    .main-head.simple .social-icons {
        display: none;
    }
}

/* Hubspot case study  */

.whitepaper input.hs-button.primary.large {
    width: 100% !important;
    background-color: #3976E5 !important;
    color: #fff;
}

/*Landing page styles*/

.landing-main-wrap {
    background: url(https://cdn2.hubspot.net/hubfs/6791721/Echobox_January2020/images/bg-light%20%281%29.svg) no-repeat center top;
    background-size: cover;
}

.landing-main-wrap.main-head.simple.inner {
    background-color: none;
}

.custom-banner-icon-title {
    color: #3C4257;
    font-weight: 600;
    text-transform: uppercase;
}

.container {
    padding-top: 100px;
    padding-bottom: 50px;
}

.wrapper__content {
    position: relative;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

/*.wrapper_light {
    background: url(../contentberg-child/img/bg-light.svg) no-repeat center top;
    background-size: cover;
}*/

.box {
    width: 100%;
    max-width: 1220px;
    min-width: 320px;
    padding-left: 60px;
    padding-right: 60px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.whitepaper .top__box:before {
    background: url(../contentberg-child/img/top-name-leadership-bg.svg);
    background-position: left top;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: -10px;
    left: -205px;
}

.top__box {
    position: relative;
    z-index: 3;
    padding-top: 168px;
}

.whitepaper .top__box {
    padding-top: 0;
}

.desc {
    text-align: center;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.whitepaper .desc__title {
    font-size: 34px;
    color: #3C4257;
    font-weight: 600;
}

.whitepaper .section__box {
    margin-top: 40px;
}

.section__box_flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}

.section__box {
    position: relative;
    z-index: 1;
}

.whitepaper .section__base {
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 46px;
}

.section__base {
    width: 519px;
}

.whitepaper .card__title, .whitepaper .section__base .title {
    font-size: 18px;
    color: #3C4257 !important;
    font-weight: 600;
}

.card__title {
    margin-bottom: 13px;
}

.title {
    color: #3C4257;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.5;
}

.card__text:not(:last-child) {
    margin-bottom: 26px;
}

.text {
    font-size: 15px;
    line-height: 26px;
    color: #3C4257;
}

.whitepaper .section__side {
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 46px;
}

.section__side {
    -ms-flex: 1;
    flex: 1;
}

.contact_center {
    margin-left: auto;
    margin-right: auto;
}

.contact {
    position: relative;
    padding: 35px 40px;
    background-color: #fff;
    box-shadow: 0 12px 66px rgba(36, 43, 75, 0.1);
    border-radius: 8px;
}

.frame__sep {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.whitepaper .frame__chart {
    position: relative;
}

.frame__chart {
    width: 50%;
    padding-right: 27px;
    box-sizing: border-box;
}

.section__img_whitepaper {
    box-shadow: 0px 21px 42px rgba(36, 43, 75, 0.1), 0px 10.5px 21px rgba(39, 72, 140, 0.15);
    border-radius: 6px;
    max-width: 304px;
}

@media (max-width: 1140px) {
    .section__img_whitepaper {
        max-width: 304px;
    }
}

.section__img_whitepaper_1 {
    z-index: 3;
    position: relative;
    top: 52px;
    left: 100px;
}

.section__img_whitepaper_2 {
    position: absolute;
    top: 26px;
    left: 50px;
    z-index: 2;
}

.section__img_whitepaper_3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.whitepaper .frame__container {
    padding-right: 0;
}

.frame__container {
    width: 50%;
    padding-left: 27px;
    padding-right: 30px;
    box-sizing: border-box;
}

.contact__header {
    margin-bottom: 36px;
}

.whitepaper .contact__title {
    font-size: 28px;
}

.contact__title {
    color: #3C4257;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.5;
}

.whitepaper .privacy-policy {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-top: 22px;
}

.hs-form-field label {
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    color: #3C4257;
    margin-bottom: 3px;
}

.hs-form-field span.hs-form-required {
    color: red;
    margin-left: 5px;
    display: none;
}

.hs-input.invalid.error {
    border-color: rgb(223, 28, 98);
    box-shadow: 0px 2px 4px rgba(53, 67, 86, 0.25), 0px 0px 2px rgba(53, 67, 86, 0.2), 0 0 0 4px rgb(223, 28, 98, .3) !important;
}

.hs-input {
    box-shadow: 0px 2px 4px rgba(53, 67, 86, 0.25), 0px 0px 2px rgba(53, 67, 86, 0.2);
    border: none;
    font-size: 14px;
    color: #3C4257;
    padding: 10px 14px;
    height: auto;
    border-radius: 3px;
    width: 100%;
    line-height: 20px;
    -webkit-appearance: none;
}

.hs-input:focus {
    box-shadow: 0px 2px 4px rgba(53, 67, 86, 0.25), 0px 0px 2px rgba(53, 67, 86, 0.2), 0 0 0 4px rgba(36, 113, 253, .3);
}

.hs-form-field {
    margin-bottom: 22px;
}

label.hs-error-msg {
    color: #DF1C62;
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    padding-top: 4px;
}

fieldset.form-columns-2 .input {
    margin-right: 12px !important;
}

select {
    border-radius: 0;
    position: relative;
    z-index: 1;
    padding-left: 10px;
    padding-right: 40px;
    background-repeat: no-repeat;
    background-image: url(../contentberg-child/img/arrow-select.svg) !important;
    background-position: right center;
    -webkit-appearance: none;
}


.hs-form-field label.hs-form-booleancheckbox-display {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    min-height: 16px;
    color: #3C4257;
}

.hs-form-field label.hs-form-booleancheckbox-display span {
    margin-left: 12px;
}

.hs_error_rollup ul.no-list.hs-error-msgs.inputs-list {
    padding-bottom: 20px;
}

label.hs-main-font-element {
    color: #df1c62;
    font-size: 16px;
}

input.hs-button.primary.large {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(53, 67, 86, 0.25), 0px 0px 2px rgba(53, 67, 86, 0.2);
    border-radius: 3px;
    color: #3976E5;
    font-size: 15px;
    letter-spacing: normal;
    padding: 10px 17.5px;
    line-height: 20px;
    box-sizing: border-box;
    font-weight: 600;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: none;
}

input.hs-button.primary.large:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 20px rgba(0, 61, 101, 0.15), 0 4px 14px rgba(0, 61, 101, 0.15);
}

fieldset {
    max-width: 100% !important;
    width: 100%;
}

.hs_message textarea {
    height: 184px;
}

.hs_submit.hs-submit .actions {
    margin-top: 8px;
}

.form-columns-1 input {
    width: 100% !important;
}

.form-columns-1 select {
    width: 100% !important;
}

.form-columns-1 textarea {
    width: 100% !important;
}

#hsForm_9adebf9a-1f3a-424d-a71f-9e893904c1cb .hs_submit.hs-submit .actions input.hs-button.primary.large, #hsForm_626643c6-7d94-4ff7-9827-a5f177b60f62 .hs_submit.hs-submit .actions input.hs-button.primary.large, #hsForm_6df9cd42-a018-4c6f-8f9e-abb426f22a19 .hs_submit.hs-submit .actions input.hs-button.primary.large, #hsForm_94ef8f83-6a73-4d0a-89a7-a8dfc4dcaa3f .hs_submit.hs-submit .actions input.hs-button.primary.large, #hsForm_39ade63b-43a7-4d2a-b0cc-f5e1a789a8e3 .hs_submit.hs-submit .actions input.hs-button.primary.large, #hsForm_e418f591-be7d-44dd-af8c-586030cb9ed5 .hs_submit.hs-submit .actions input.hs-button.primary.large, #hsForm_315e6514-c8b9-4ed1-a4da-be8c95f3353c .hs_submit.hs-submit .actions input.hs-button.primary.large, #hsForm_5f4cad0a-98cf-40ed-a6bb-8a71a51af759 .hs_submit.hs-submit .actions input.hs-button.primary.large {
    width: 100%;
}

.form-columns-1 .inputs-list input {
    width: auto !important;
}

/*Success Page */

.contact_success {
    max-width: 546px;
    box-shadow: 0 12px 66px rgba(36, 43, 75, 0.1), 0 6px 85px rgba(39, 72, 140, 0.15);
}

.contact_sm {
    max-width: 530px;
}

.contact__bg {
    padding-bottom: 82%;
    margin-left: 22px;
    background: url(../contentberg-child/img/bg-success.svg) no-repeat;
    background-position: center -92px;
    background-size: auto 170%;
}

.contact__message {
    padding-bottom: 40px;
    text-align: center;
}

.contact__caption {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.5;
    color: #3C4257;
}

.contact__desc {
    font-size: 19px;
    line-height: 1.5;
    margin-top: 10px;
}

.cubes_success .cubes__icon_left {
    left: 34px;
    top: -58px;
}

.cubes_success .cubes__icon_right {
    bottom: 57px;
    right: -26px;
}

.cubes__icon {
    position: absolute;
}

.related-posts .image-link img {
    min-height: 157px;
    object-fit: cover;
    border-radius: 4px;
}
/*Social float icons */
.post-share-float.is-hidden {
    opacity: 1!important;
}
/*Footer*/

.site-footer.footer {
    padding-top: 260px;
    background: url(https://www.echobox.com/wp-content/themes/ebx/img/bg-footer.svg) no-repeat center top;
    background-size: cover;
}

.main-head.simple-boxed.no-separator+.main {
    margin-bottom: -100px;
}

.footer__top {
    padding-top: 53px;
    padding-bottom: 53px;
}

.footer__top, .footer__bottom {
    position: relative;
    padding-left: 90px;
    padding-right: 90px;
}

.footer__grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -20px;
}

.footer__cell {
    width: 120px;
    margin-left: 30px;
}

.footer__cell section.widget {
    margin-bottom: 0;
}

.widget {
    margin: 0 0 1.5em;
}

.footer__title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #3C4257;
    margin-bottom: 28px;
}

.footer__icon {
    position: absolute;
    top: 2px;
    left: 1px;
    filter: brightness(1);
    transition: filter 0.3s ease;
}

.footer__link_icon {
    position: relative;
    padding-left: 31px;
}

.footer__cell .menu-item a, .footer__link {
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    color: #737B8B;
    font-weight: 500;
    text-decoration: none;
    max-width: 100%;
    transition: color 0.3s ease;
}

.footer__link_icon:hover .footer__icon {
    filter: brightness(0.5);
}

.footer__cell .menu-item a:hover, .footer__link:hover {
    color: #3C4257;
}

.footer__cell .menu-item:nth-child(n+2), .footer__item:nth-child(n+2) {
    margin-top: 14px;
}

@media (max-width: 767px) {
    .footer__cell {
        margin-left: 0;
        padding-left: 25px;
        padding-right: 25px;
        width: 50%;
        box-sizing: border-box;
    }
    .footer__cell:nth-child(n+3) {
        margin-top: 50px;
    }
}

.footer__bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 34px;
    padding-bottom: 32px;
    border-top: 1px solid #E3EAF3;
}

.footer__base {
    margin-right: 62px;
}

.footer__bottom .widget_nav_menu {
    width: 100%;
    margin: 0;
}

.footer__bottom ul.menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.menu-item-246, .menu-item-247, .menu-item-248:not(:last-child) {
    margin-right: 62px;
}

.footer__bottom ul.menu li a {
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    color: #737B8B;
    font-weight: 500;
    text-decoration: none;
    max-width: 100%;
    transition: color 0.3s ease;
}

.footer__side {
    margin-left: auto;
}

.vlp-link-container {
    background:none!important;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #3c425726!important;
    padding: 0px;
}
.vlp-link-text-container {
    padding: 20px 0px 10px 20px;
}

@media (max-width: 1400px) {
    .section__base .title {
        font-size: 29px;
    }
    .section__base {
        flex: 1;
    }
}

@media (max-width: 1199px) {
    .frame__container {
        padding-left: 23px;
        padding-right: 16px;
    }
}

@media only screen and (min-width: 767px) and (max-width:1199px) {
    .footer__cell {
        width: auto;
    }
}

@media (max-width: 1023px) {
    .top__box {
        padding-top: 110px;
    }
    .frame__sep {
        display: block;
    }
    .whitepaper .frame__container {
        margin-top: 90px;
    }
    .frame__container {
        margin-top: 25px;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .box {
        max-width: 860px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .whitepaper .section__base {
        flex: 1;
        margin-bottom: 12px;
    }
    .section__img_whitepaper_1 {
        left: 0;
        margin-left: auto;
        display: block;
    }
    .section__img_whitepaper_2 {
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .frame__chart {
        width: 100%;
        padding-right: 0;
    }
    .footer__top {
        padding-top: 49px;
        padding-bottom: 49px;
    }
    .footer__top, .footer__bottom {
        padding-left: 65px;
        padding-right: 65px;
    }
    .footer__bottom {
        padding-top: 32px;
        padding-bottom: 30px;
    }
    .footer__bottom ul.menu li a {
        font-size: 13px;
    }
}

/*media queries*/

@media (max-width: 767px) {
    .box {
        padding-left: 25px;
        padding-right: 25px;
    }
    .footer__top {
        padding-top: 49px;
        padding-bottom: 49px;
    }
    .footer__top, .footer__bottom {
        padding-left: 25px;
        padding-right: 25px;
    }
    .footer__bottom {
        padding-left: 25px;
        padding-right: 25px;
    }
    .post-share-float .services, .post-share-float, .widget.widget_recent_entries {
        display: none !important;
    }
}

@media (max-width: 620px) {
    .footer__top, .footer__bottom {
        padding-left: 0;
        padding-right: 0;
    }
    @media (max-width: 576px) {
        .whitepaper .top__box:before {
            background: none;
        }
        .box {
            padding-left: 20px;
            padding-right: 20px;
        }
        .whitepaper .section__base {
            margin-left: 0;
            margin-right: 0;
            flex: auto;
        }
        .whitepaper .section__side {
            margin-left: 0;
            margin-right: 0;
        }
        .section__img_whitepaper {
            max-width: 100%;
        }
        .section__base .title {
            font-size: 24px;
        }
        .card__title {
            margin-bottom: 20px;
        }
        .contact {
            padding: 29px 20px 29px;
        }
        .footer__base {
            margin-right: 34px;
        }
        .footer__top {
            padding-bottom: 41px;
        }
        .footer__top, .footer__bottom {
            padding-left: 0;
            padding-right: 0;
        }
        .footer__bottom ul.menu li a {
            font-size: 13px;
            line-height: 20px;
        }
        .menu-item-246, .menu-item-247, .menu-item-248:not(:last-child) {
            margin-right: 34px;
        }
    }
    @media (max-width: 375px) {
        
        .footer__bottom {
            display: block;
        }
        .footer__base {
            margin-right: 0;
        }
        .footer__side {
            margin-top: 20px;
            margin-left: 0;
        }
    }
    @media (min-width: 767px) {
        .post-share-float.is-hidden {
            opacity: 1!important;
        }
    }
}
@media (max-width: 400px) {
    fieldset.form-columns-2 .input, 
    fieldset.form-columns-1 .input {
        margin-right: 0 !important;
    }
    input#lastname-12ea45bf-a0ff-4e83-869a-36465c50f64f, input#firstname-12ea45bf-a0ff-4e83-869a-36465c50f64f {
    width: 100%;
    }
}

.main-pagination .load-button {
        background: #FFFFFF;
        box-shadow: 0px 2px 4px rgba(53, 67, 86, 0.25), 0px 0px 2px rgba(53, 67, 86, 0.2);
        border-radius: 3px;
        color: #3976E5;
        font-size: 15px;
        letter-spacing: normal;
        padding: 10px 24px;
        line-height: 20px;
        font-weight: 600;
}
.main-pagination .load-button:hover {
    background-color: #fff;
    color: #3976E5;
    box-shadow: 0px 4px 8px rgba(53, 67, 86, 0.25), 0px 0px 4px rgba(53, 67, 86, 0.15);
    transition: box-shadow .15s;
}