﻿.blog-hubSpot-container .hs-form {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    padding: 10px 0;
}


.hs_submit .actions{text-align:center;}

.hs-input input:not(input[type=checkbox]) {
    border: 1px solid #D0D2D3;
    width: 100%;
    color: #000000;
    background-color: #e8f0fe;
}

.hs-form-field .hs-input {
    height: 32px;
    color: #959BA3;
    background-color: #e8f0fe;
    border: 0;
    border-radius: 4px;
}

.form-control-hs {
    color: #000000;
}

.form-sign-up fieldset.form-columns-3 .hs-form-field {
    width: 25% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.form-sign-up .submitted-message {
    color: #ffffff !important;
}

.form-sign-up .legal-consent-container {
    min-width: 560px;
}

.form-sign-up fieldset.form-columns-3 .hs_submit {
    float: left;
    width: 25% !important;
}

.hs_error_rollup {
    display: none;
}

.form-sign-up div.input {
    margin: 0 25px 0 0 !important;
}


body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
    background: #D21046;
    color: #fff;
    border-color: #d31145 !important;
    border-radius: 2px;
    font: 500 15px/21px 'Montserrat', sans-serif;
    vertical-align: top;
    border: solid 0px;
    outline: 0 !important;
    white-space: normal;
    text-align: center;
    padding: 12px 28px 12px 28px;
    border-radius: 4px;
    margin-top: 10px;
}

    body .hs-button.primary:hover,
    body input[type="submit"]:hover,
    body input[type="button"]:hover {
        background-color: #E0003E
    }

    body .hs-button.primary:focus,
    body input[type="submit"]:focus,
    body input[type="button"]:focus {
        background-color: #E0003E
    }

.legal-consent-container .hs-richtext {
    word-break: break-word;
    padding-top: 20px;
    padding-left: 5px;
    padding-left: 5px;
    margin: 0 5px;
    max-width: 560px;
    display: inline-block;
}

    .legal-consent-container .hs-richtext a {
        text-decoration: underline;
    }

.hs-form label {
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
    color: #ffffff;
    padding-bottom: 6px;
}



.hs-form .hs-error-msgs label {
    color: #E0003E;
}

.hs-form ul.inputs-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.legal-consent-container .hs-form-booleancheckbox-display > span {
    display: block;
    margin-left: 7px !important;
    font-size: 13px;
    line-height: 14px;
}

.legal-consent-container {
    position: relative;
}

    .legal-consent-container .hs-form-booleancheckbox-display input {
        width: unset;
        margin: 2px 6px 0px 7px;
    }


.blog-hubSpot-container {
    background-color: #F4F5F7;
    padding: 20px 20px 37px 20px;
    margin-bottom: 60px;
    background-image: url(../png/bg_dark-gray%402x.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    color: #fff;
}

    .blog-hubSpot-container .legal-consent-container .hs-richtext {
        margin: 0;
        padding-left: 0px;
    }

    .blog-hubSpot-container .hs-form-field {
        padding-left: 0;
        padding-right: 0;
    }

    .blog-hubSpot-container h2 {
        font-size: 28px;
        line-height: 38px;
        color: #35393D;
        font-weight: normal;
    }

.blog-hubSpot-container h3 {
    font-size: 24px;
    line-height: 32px;
    color: #35393D;
    font-weight: normal;
}

footer .hs_submit.hs-submit {
    text-align: center;
    margin: 0;
    float: right;
    padding-top: 20px;
    width:225.5px;
}

.form-sign-up .hs-form-private {
    position: relative;
}

.form-sign-up .hs-form-private .hs-submit {
    position: absolute;
    right: 0;
    bottom: 0;
}

.form-sign-up fieldset.button-row{
    width:100%;
    min-width:100%;
}

.request-demo-container h1, .request-demo-container .popup-form-title {
    font-size: 24px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 10px;
}

.request-demo-container h3, .request-demo-container .popup-from-subtitle {
    font-size: 15px;
    color: #fff;
    line-height: 21px;
    margin-top: 0px;
    margin-bottom: 26px;
    text-align: center;
    font-weight: 500;
}

.request-demo-container .legal-consent-container {
    color: #ffffff !important;
}


#form-container-trigger.modal {
    width: 100%;
    max-width: 648px;
    background-color: #F4F5F7;
}

@media (min-width: 675px) {
    #form-container-trigger.modal {
        padding: 51px 83px 41px;
    }
}



.blocker {
    z-index: 200;
    background-color: rgba(0, 0, 0, 0.3);
}

fieldset.form-columns-2 > div:first-child {
    padding-right: 8px;
}

fieldset.form-columns-2 > div:last-child {
    padding-left: 8px;
}

#hsForm_256b03b9-64f1-4864-9e6b-084873e7759a .form-columns-2 {
    max-width: unset;
}


.request-demo-container .hs-form .hs-error-msgs label {
    line-height: 20px;
    margin-top: 5px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #959BA3;
    font-size: 14px;
    line-height: 32px;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #959BA3;
    font-size: 14px;
    line-height: 14px;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #959BA3;
    font-size: 14px;
    line-height: 14px;
}

:-moz-placeholder { /* Firefox 18- */
    color: #959BA3;
    font-size: 14px;
    line-height: 14px;
}

.request-demo-container .hbspt-form .input input {
    text-indent: 6px;
}

.request-demo-container .hbspt-form .input .hs-input {
    width: 100% !important;
}
.request-demo-container .hbspt-form .input .hs-form-radio .hs-input {
    width: auto !important;
    margin-top: 2px;
}



    .request-demo-container .hbspt-form .input .hs-input.hs-fieldtype-intl-phone select {
        width: 30% !important;
    }

    .request-demo-container .hbspt-form .input .hs-input.hs-fieldtype-intl-phone input.hs-input {
        width: 65% !important;
    }

.request-demo-container .hbspt-form .hs-input input:not([type="submit"]) {
    background-color: #e8f0fe;
    border: 1px solid #D0D2D3;
    width: 100%;
    color: #000000;
    font-size: 14px;
    text-indent: 6px;
    height: 32px;
    border-radius: 4px;
}

.request-demo-container .hbspt-form .hs-input input[type="submit"] {
    width: unset;
    margin-right: 5px;
}

.modal {
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

    .modal a.close-modal {
        background-image: url(../png/modal-close.png);
        top: 10px;
        right: 10px;
        background-size: 20px 20px;
    }

@media (max-wdith:684px) {
    .hbspt-form fieldset {
        max-width: 100%;
    }
}

.modal .bottom-text {
    text-align: center;
    font-size: 13px;
    line-height:17px;
    font-weight:500;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 7px;
}

.request-demo-container .hbspt-form .input input:-webkit-autofill, .request-demo-container .hbspt-form .input input:-internal-autofill-selected, .request-demo-container .hbspt-form .input input:-internal-autofill-selected:hover, .request-demo-container .hbspt-form .input input:-internal-autofill-selected:focus {
    background-color: red !important;
    color: #959BA3 !important;
}

.hs-richtext {
    text-align: center;
    font-size: 11px;
    line-height: 13px;
}

span.hs-form-required {
    color: #fff;
    margin-left: 5px;
}

.hbspt-form .submitted-message {
    color: #fff;
    font-weight: 500;
}
/*footer form*/
#footer .middle .signup-form .hs-input {
    width: 100%;
    height: 36px;
    font: 15px/36px 'Montserrat', sans-serif;
    border: 0;
    background: #000000;
    color: rgba(255, 255, 255, 0.5);
    padding: 2px 10px;
    margin: 0;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#footer .middle .signup-form select.hs-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292.4' height='292.4'%3E%3Cpath fill='%236B6B6B' d='M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat, repeat !important;
    background-position: right .7em top 50%, 0 0 !important;
    background-size: .65em auto, 100% !important;
    border: none;    
    padding: 0em 6px 0em 10px;
    border-radius: 4px;
}
    #footer .middle .signup-form .hs-richtext, #footer .middle .signup-form .hs-richtext a {
        text-align: left;
        font-size: 11px;
        line-height: 13px;
        color: #959BA3;
        font-family: "Montserrat", sans-serif;
    }

#footer .middle .signup-form .btn.btn-primary.type-2 {
    height: 36px;
    text-align: center;
    padding: 7px 32px 9px 32px;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.15px;
    width: 100%;
    margin:0;
}
/*begin footer tablet*/
@media(min-width:413px) and (max-width:768px) {
   
    .form-sign-up {
        text-align: center;
    }

    #footer .middle .signup-form .btn.btn-primary.type-2 {
        float: unset;
    }

   

    #footer .middle .form-sign-up fieldset:last-of-type {
        margin-top: 20px;
    }

   

    .formContainer.news-letter.hs-form .form-columns-1:nth-child(2) {
        display: none;
    }

    .signup-form .formContainer.news-letter.hs-form .form-columns-3 {
        width: 100%;
    }

    #footer .middle .signup-form .hs-input {
        width: 100%;
    }

    #footer .link-list {
        display: none;
    }

    #footer .middle > .row > div[class^="col-"].no-padding:nth-child(2) {
        margin: auto;
        /*float: unset;*/
        text-align: center;
    }

  
}
/*end footer tablet*/
/* begin footer mobile*/
@media(max-width:415px) {
    #footer .middle .signup-form .hs-input {
        width: 100%;
    }

    #footer .middle .signup-form .btn.btn-primary.type-2 {
        float: unset;
        margin-left: auto;
        margin-right: auto;
    }

    #footer .social-block {
        margin-left: auto;
        width: 100%;
    }

        #footer .social-block h4 {
            margin-top: 0px !important;
        }
}

.submitted-message p {
    color: #fff;
    font-weight: 500;
    text-align: center;
}

@media(max-width:415px) {
    .blog-hubSpot-container {
        margin-top: 20px;
        max-width: unset;
    }

        .blog-hubSpot-container .formDescription {
            text-align: center;
        }

    .blog-side-form .hs-richtext p {
        max-width: unset !important;
    }

    .blog-area .sidebar {
        max-width: unset;
    }
}

.hs-form-booleancheckbox {
    color: #fff;
}

.hs-button-sec {
    background: #D21046;
    color: #fff;
    border-color: #d31145 !important;
    border-radius: 2px;
    font: 400 15px/23px 'Montserrat', sans-serif;
    text-transform: uppercase;
    vertical-align: top;
    border: solid 2px;
    outline: 0 !important;
    white-space: normal;
    text-align: center;
    padding: 9.69px 66px 11.31px 66px;
    font-size: 15px;
    border-radius: 4px;
}

input[type=checkbox].hs-input {
    width: unset;
    margin-right: 5px;
    margin-top: 5px;
}

.hs-form-booleancheckbox-display span {
    vertical-align: top;
}

.hs-input {
    width: 100%;
}

    .hs-input input[type=checkbox] {
        width: unset !important;
    }

.hs-form-radio input[type="radio"] {
    width: unset;
    margin-right: 5px;
    vertical-align: text-top;
    height: unset;
}

.hs-input[type="checkbox"] {
    width: unset !important;
    margin-right: 9px;
    height: unset;
}

.hs-fieldtype-intl-phone select {
    width: 30% !important;
}

.hs-fieldtype-intl-phone input {
    margin-right: 0 !important;
}

.valign .request-demo-container .hs-richtext p span {
    font-size: 11px;
    line-height: 15px;
    color: #fff;
    padding: 7px;
    text-align: center;
}

.valign .request-demo-container .hs-richtext p {
    font-size: 11px;
    line-height: 13px;
    color: #000000;
    padding: 7px;
    text-align: center;
    margin-bottom: 0;
}

.hs-fieldtype-select .input {
    width: 100% !important;
}

.modal.popup-form {
    max-width: 648px;
    padding: 20px 83px;
    width: 100%;
    background-color: rgb(0,158,211);
}

.form-control-hs .input {
    margin-right: unset !important;
}

    .form-control-hs .input input, .hs-fieldtype-select.form-control-hs select {
        border-radius: 4px;
        font-size: 14px;
        line-height: 21px;
        padding: 3px 5px;
    }

.hs-fieldtype-select.form-control-hs select {
    width: 100% !important;
}

.form-control-hs .input input[type=text], .form-control-hs .input input[type=email], .form-control-hs .input input[type=tel] {
    width: 100% !important;
}

.hs-fieldtype-intl-phone {
    width: 100% !important;
}

.input[data-reactid*="wechat"] {
    margin-right: unset !important;
}

input[id*='wechat'] {
    width: 100% !important;
}

.form-columns-1 .input {
    margin-right: unset !important;
}

.blog-hubSpot-container span.heading {
    color: #fff;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.48px;
    margin: 0 0 15px;
    display:block;
}

.blog-hubSpot-container p {
    font-size: 15px;
    line-height: 19px;
    font-family: Montserrat;
    text-align: center;
    font-weight: 500;
}

.blog-side-form .hs-input {
    background-color: #fff;
    border-radius: 4px;
}

.blog-side-form .hs-richtext p {
    color: #CBCFD5;
    font-size: 11px;
    line-height: 15px;
    text-align: left;
}

.content-post .post.author-post .divider {
    margin-bottom: 0px;
}

#footer .form-sign-up .submitted-message {
    text-align: left;
}

#white-box {
    background-color: #fff;
    border-radius: 6px;
    padding-top: 30px;
    padding-bottom: 46px;
    padding-left: 73px;
    padding-right: 73px;
}

    #white-box h1 {
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        color: #35393D;
        font-size: 28px;
        line-height: 38px;
        text-align: center;
        margin-bottom: 24px;
    }

    #white-box h3 {
        text-align: center;
    }

.modal-second-from {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    max-width: 648px;
}

#white-box p {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 28px;
    color: #fff;
    text-align: center;
    line-height: 38px;
}

.modal-second-from .submitted-message h2 {
    margin-bottom: unset;
}

.modal-second-from h4.submitted-message {
    font: 17px/21px 'Montserrat', sans-serif;
    color: #fff !important;
    margin-top: unset;
    margin-bottom: 23px;
}

.hs-form-booleancheckbox span {
    color: #000;
}

#white-box h3 {
    color: #35393D;
}

#white-box .submitted-message p {
    color: #35393D;
}

#white-box {
    margin-top: 35px;
}

@media screen and (max-width: 420px) {
    body .hs-button.primary, body input[type="submit"], body input[type="button"] {
        padding: 9.69px 20px 11.31px 20px;
    }
}

@media screen and (max-width: 567px) {
    .modal.popup-form {
        padding: 10px 10px;
    }
}

@media screen and (max-width: 768px) {
    #footer .middle .form-sign-up fieldset:last-of-type {
        margin-top: -50px !important;
        margin-bottom: 10%;
    }
    .request-demo-container .hs-fieldtype-intl-phone select {
        width: 30% !important;
    }

    .request-demo-container .hs-fieldtype-intl-phone input {
        width: 66% !important;
        margin-right: 0 !important;
    }
    footer .hs_submit.hs-submit {
        width: 100% !important;
    }
}

@media (max-width: 995px) {
    #footer .middle .signup-form .btn.btn-primary.type-2 {
        min-width: inherit;
    }

    #footer .middle .form-sign-up fieldset:last-of-type {
        margin-bottom: 8%;
    }
}
