.open-demo-modal, #open-demo-loading-overlay, #open-demo-first, #open-demo-bypass, #open-demo-second, #open-demo-third, #open-demo-fourth {
    background-color: transparent;
    border-radius: 80px 0px;
    box-shadow: 0 0 50px 0 rgba(25, 69, 125, 0.4);
    padding: 0;
    position: fixed;
    opacity: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -520px;
    overflow-y: auto;
    min-height: 420px;
    width:calc(100vw - 40px);
    max-width: 800px;
    transition: opacity 0.5s linear, top 0.5s linear;
    z-index: 999999;
    text-align: center;

}

.open-demo-modal #email {
    display: block;
    width: 100%;
}

.open-demo-modal .hide-label {
    display: none;
}

.open-demo-modal input,
.open-demo-modal select {
    width: 100%;
}

.open-demo-modal input[type="checkbox"] {
    width: auto;
}

@media screen and (max-width: 980px) {
    .open-demo-modal, #open-demo-loading-overlay, #open-demo-first, #open-demo-bypass, #open-demo-second, #open-demo-third, #open-demo-fourth {
        /*width: 90%;*/
      /*  height: auto;
        padding: 40px 15px 70px;
        max-height: 90vh;*/
    }
}
.open-demo-modal button.nb-open-demo-modal-close, #open-demo-loading-overlay button.nb-open-demo-modal-close, #open-demo-first button.nb-open-demo-modal-close, #open-demo-bypass button.nb-open-demo-modal-close, #open-demo-second button.nb-open-demo-modal-close, #open-demo-third button.nb-open-demo-modal-close, #open-demo-fourth button.nb-open-demo-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    z-index: 1;
}
.open-demo-modal .btn-primary, #open-demo-loading-overlay .btn-primary, #open-demo-first .btn-primary, #open-demo-bypass .btn-primary, #open-demo-second .btn-primary, #open-demo-third .btn-primary, #open-demo-fourth .btn-primary {
    height: 40px;
    width: 100%;
    border: none;
    max-width: 375px;
    font-size: 16px;
    box-shadow: 0 2px 4px 0 rgba(25, 69, 125, 0.2);
    background-color: #8ec33f;
    -webkit-transition: background 0.25s;
    -moz-transition: background 0.25s;
    -ms-transition: background 0.25s;
    -o-transition: background 0.25s;
    transition: background 0.25s;
    line-height: 12px;
}
.open-demo-modal .btn-primary span.usage_fees, #open-demo-loading-overlay .btn-primary span.usage_fees, #open-demo-first .btn-primary span.usage_fees, #open-demo-bypass .btn-primary span.usage_fees, #open-demo-second .btn-primary span.usage_fees, #open-demo-third .btn-primary span.usage_fees, #open-demo-fourth .btn-primary span.usage_fees {
    font-style: italic;
    font-size: 8pt;
}
.open-demo-modal .btn-primary:hover, #open-demo-loading-overlay .btn-primary:hover, #open-demo-first .btn-primary:hover, #open-demo-bypass .btn-primary:hover, #open-demo-second .btn-primary:hover, #open-demo-third .btn-primary:hover, #open-demo-fourth .btn-primary:hover {
    box-shadow: 0 3px 6px 0 rgba(25, 69, 125, 0.2);
    background-color: #a7de55;
    -webkit-transition: background 0.25s;
    -moz-transition: background 0.25s;
    -ms-transition: background 0.25s;
    -o-transition: background 0.25s;
    transition: background 0.25s;
}
.open-demo-modal .btn-primary:focus, #open-demo-loading-overlay .btn-primary:focus, #open-demo-first .btn-primary:focus, #open-demo-bypass .btn-primary:focus, #open-demo-second .btn-primary:focus, #open-demo-third .btn-primary:focus, #open-demo-fourth .btn-primary:focus {
    outline: none;
}
.open-demo-modal h1.modal-title, #open-demo-loading-overlay h1.modal-title, #open-demo-first h1.modal-title, #open-demo-bypass h1.modal-title, #open-demo-second h1.modal-title, #open-demo-third h1.modal-title, #open-demo-fourth h1.modal-title {
    font-family: "lato", sans-serif;
    font-weight: normal;
    margin-top: 15px;
}
.open-demo-modal label, #open-demo-loading-overlay label, #open-demo-first label, #open-demo-bypass label, #open-demo-second label, #open-demo-third label, #open-demo-fourth label {
    font-size: 14px;
    font-weight: normal;
}
.open-demo-modal a.chosen-single, #open-demo-loading-overlay a.chosen-single, #open-demo-first a.chosen-single, #open-demo-bypass a.chosen-single, #open-demo-second a.chosen-single, #open-demo-third a.chosen-single, #open-demo-fourth a.chosen-single {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    border-radius: 0;
    text-align: left;
}
.open-demo-modal input, .open-demo-modal select, #open-demo-loading-overlay input, #open-demo-loading-overlay select, #open-demo-first input, #open-demo-first select, #open-demo-bypass input, #open-demo-bypass select, #open-demo-second input, #open-demo-second select, #open-demo-third input, #open-demo-third select, #open-demo-fourth input, #open-demo-fourth select {
    margin-bottom: 20px;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #ccc !important;
    border-radius: 0;
}
.open-demo-modal .has-success input.form-control, .open-demo-modal .has-success select.form-control, #open-demo-loading-overlay .has-success input.form-control, #open-demo-loading-overlay .has-success select.form-control, #open-demo-first .has-success input.form-control, #open-demo-first .has-success select.form-control, #open-demo-bypass .has-success input.form-control, #open-demo-bypass .has-success select.form-control, #open-demo-second .has-success input.form-control, #open-demo-second .has-success select.form-control, #open-demo-third .has-success input.form-control, #open-demo-third .has-success select.form-control, #open-demo-fourth .has-success input.form-control, #open-demo-fourth .has-success select.form-control {
    border-bottom: 1px solid #3c763d !important;
}
.open-demo-modal .has-error input.form-control, .open-demo-modal .has-error select.form-control, #open-demo-loading-overlay .has-error input.form-control, #open-demo-loading-overlay .has-error select.form-control, #open-demo-first .has-error input.form-control, #open-demo-first .has-error select.form-control, #open-demo-bypass .has-error input.form-control, #open-demo-bypass .has-error select.form-control, #open-demo-second .has-error input.form-control, #open-demo-second .has-error select.form-control, #open-demo-third .has-error input.form-control, #open-demo-third .has-error select.form-control, #open-demo-fourth .has-error input.form-control, #open-demo-fourth .has-error select.form-control {
    border-bottom: 1px solid #a94442 !important;
    background-color: #f5e9e8;
}
.open-demo-modal p.fat-inputs input, #open-demo-loading-overlay p.fat-inputs input, #open-demo-first p.fat-inputs input, #open-demo-bypass p.fat-inputs input, #open-demo-second p.fat-inputs input, #open-demo-third p.fat-inputs input, #open-demo-fourth p.fat-inputs input {
    height: 70px;
    width: 50px;
    background-color: rgba(255, 255, 255, 0.25);
    border: 2px solid white !important;
    border-radius: 7px;
    margin: 0 5px;
    font-size: 20pt;
    text-align: center;
    color: white;
}
.open-demo-modal div.ajax-content, #open-demo-loading-overlay div.ajax-content, #open-demo-first div.ajax-content, #open-demo-bypass div.ajax-content, #open-demo-second div.ajax-content, #open-demo-third div.ajax-content, #open-demo-fourth div.ajax-content {
    display: none;
}
.open-demo-modal div.left, #open-demo-loading-overlay div.left, #open-demo-first div.left, #open-demo-bypass div.left, #open-demo-second div.left, #open-demo-third div.left, #open-demo-fourth div.left {
    text-align: left;
}

#open-demo-first, #open-demo-bypass {
    background: white url(/wp-content/themes/nb/images/open_demo.jpg) no-repeat top left;
}
#open-demo-first div.ajax-content, #open-demo-bypass div.ajax-content {
    width: 400px;
    top: 30px;
    left: 400px;
    position: relative;
    padding: 20px;
}
#open-demo-first h1.modal-title, #open-demo-bypass h1.modal-title {
    color: #6e6e6e;
    font-size: 18px;
    font-weight: normal;
}

#open-demo-second div.ajax-content {
    top: 50px;
    position: relative;
}
#open-demo-second h2.modal-title {
    color: white!important;
/*     letter-spacing: 10px; */
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}
#open-demo-second p, #open-demo-second strong {
    color: white;
    /*letter-spacing: 4px;*/
}
#open-demo-second a {
    color: orange;
}

#open-demo-third {
    background: white url(/wp-content/themes/nb/images/open_demo.jpg) no-repeat top left;
}
#open-demo-third div.ajax-content {
    width: 400px;
    left: 400px;
    position: relative;
    padding: 20px;
}
#open-demo-third input[type=checkbox] {
    margin-left: 0;
}

#open-demo-fourth div.ajax-content {
    top: 185px;
    position: relative;
}
#open-demo-fourth h1.modal-title {
    color: white;
/*     letter-spacing: 10px; */
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}
#open-demo-fourth p, #open-demo-fourth strong {
    color: white;
/*     letter-spacing: 4px; */
}
#open-demo-fourth a {
    color: orange;
}

.nb-open-demo-modal-active {
    transition: opacity 0.5s linear, top 0.5s linear !important;
    opacity: 1 !important;
    top: 0 !important;
    z-index: 1000000 !important;
}

.open-demo-modal.nb-open-demo-modal-active {
    top: 50% !important;
    transform: translate(-50%, -50%);
}

.nb-open-demo-modal-locked {
    z-index: 999998 !important;
}
.nb-open-demo-modal-locked::before {
    content: "";
    background-color: rgba(4, 8, 12, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
    transition: background-color 0.2s;
}

#open-demo-loading-overlay {
    box-shadow: none;
}
#open-demo-loading-overlay h3 {
    color: white;
}
#open-demo-loading-overlay div.ajax-content {
    top: 75px;
    position: relative;
}
#open-demo-loading-overlay .spinner {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
}
#open-demo-loading-overlay .spinner .cube1, #open-demo-loading-overlay .spinner .cube2 {
    background-color: #fff;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
    animation: sk-cubemove 1.8s infinite ease-in-out;
}
#open-demo-loading-overlay .spinner .cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }
    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }
    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}
@keyframes sk-cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }
    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    }
    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }
    75% {
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }
    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}
/* Media Queries */
@media all and (max-width: 840px) {
    .open-demo-modal.nb-open-demo-modal-active {
        top: 50% !important;
        transform: translate(-50%, -50%);
        height: 100% !important;
        max-height: none !important;
        box-shadow: none !important;
    }

    #open-demo-first.nb-open-demo-modal-active, #open-demo-third.nb-open-demo-modal-active {
        top: 5vh !important;
        bottom: 5vh !important;
        background: white;
    }

    #open-demo-first.nb-open-demo-modal-active,
    #open-demo-second.nb-open-demo-modal-active,
    #open-demo-third.nb-open-demo-modal-active {
        padding: 20px 20px;
        max-height: 100%;
        bottom: 0;
    }
    #open-demo-first.nb-open-demo-modal-active div.ajax-content,
    #open-demo-second.nb-open-demo-modal-active div.ajax-content,
    #open-demo-third.nb-open-demo-modal-active div.ajax-content {
        width: 100%;
        left: 0;
        padding: 0;
    }

    #open-demo-third div.ajax-content, #open-demo-fourth div.ajax-content {
        width: auto;
        left: 0;
    }

    #open-demo-fourth {
        overflow: visible;
        box-shadow: none;
    }

    .nb-open-demo-modal-locked {
        z-index: 99998;
        box-shadow: none;
    }
}
.keynote-speaker-modal {
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 0 50px 0 rgba(25, 69, 125, 0.4);
    padding: 40px 60px 70px;
    position: fixed;
    opacity: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -90vh;
    overflow-y: auto;
    height: auto;
    min-height: 380px;
    max-height: 90vh;
    width: 580px;
    transition: opacity 0.5s linear, top 0.5s linear;
    z-index: 999999;
}
@media screen and (max-width: 980px) {
    .keynote-speaker-modal {
        width: 90%;
        height: auto;
        padding: 40px 15px 70px;
        max-height: 90vh;
    }
}
.keynote-speaker-modal button {
    border: 2px solid transparent !important;
    background-color: transparent !important;
    color: transparent !important;
    position: absolute;
    z-index: 999;
    top: 0.6em;
    right: 0.5em;
    padding: 0 !important;
}
.keynote-speaker-modal button:hover {
    border: 2px solid transparent !important;
    background-color: transparent !important;
    color: transparent !important;
    padding: 0 !important;
    cursor: pointer;
}
.keynote-speaker-modal button:before {
    color: #6B7D93;
    font-family: ETmodules;
    font-size: 29px;
    content: "M";
}
.keynote-speaker-modal section.the-form {
    text-align: center;
    width: 100%;
}
.keynote-speaker-modal span.nb-page-number {
    color: #6B7D93;
    font-size: 14px;
    line-height: 20px;
}
.keynote-speaker-modal h4.modal-title {
    color: #333333;
    font-family: "lato", sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    margin-top: 20px;
}
.keynote-speaker-modal span.keynote-tag-line {
    color: #6B7D93;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-top: 35px;
}
.keynote-speaker-modal form {
    margin-top: 40px;
}
.keynote-speaker-modal form input[type=text], .keynote-speaker-modal form input[type=email], .keynote-speaker-modal form textarea, .keynote-speaker-modal form select {
    border: 1px solid #6B7D93;
    border-radius: 4px;
    background-color: #FFFFFF;
    color: #19457D;
    display: block;
    font-size: 16px;
    padding: 25px;
    width: 100%;
    margin-bottom: 15px;
    height: 73px;
}
.keynote-speaker-modal form input[type=text]::placeholder, .keynote-speaker-modal form input[type=email]::placeholder, .keynote-speaker-modal form textarea::placeholder, .keynote-speaker-modal form select::placeholder {
    color: #6B7D93;
}
.keynote-speaker-modal form select {
    opacity: 0;
    margin-bottom: 0;
}
.keynote-speaker-modal form .select-cover {
    border: 1px solid #6B7D93;
    border-radius: 4px;
    box-sizing: border-box;
    width: 100%;
    color: #3F5167;
    font-size: 16px;
    font-family: "lato", sans-serif;
    position: relative;
    display: inline-block;
    height: 73px;
    margin-bottom: 15px;
}
.keynote-speaker-modal form .select-cover::after {
    color: #6B7D93;
    position: absolute;
    font-family: "ETmodules";
    font-size: 20px;
    font-weight: 800;
    content: "3";
    top: 50%;
    right: 1em;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}
.keynote-speaker-modal form .select-cover p.selection {
    position: absolute;
    left: 25px;
    color: #6B7D93;
    font-size: 16px;
    font-family: "lato", sans-serif;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.keynote-speaker-modal form .part-one-complete, .keynote-speaker-modal form input[type=submit] {
    background-color: #1B9DD9;
    border-radius: 4px;
    border: none;
    color: white;
    cursor: pointer;
    display: inline-block;
    padding: 15px 45px;
    margin-top: 35px;
    font-family: "lato-bold", sans-serif;
    font-size: 20px;
    line-height: 29px;
    opacity: 0.5;
}
.keynote-speaker-modal form .back-to-part-one {
    color: #6E6E6E;
    font-size: 16px;
    line-height: 26px;
    margin-left: -70px;
    margin-right: 16px;
}
.keynote-speaker-modal form .back-to-part-one:before {
    font-family: ETmodules;
    font-size: 16px;
    font-weight: 800;
    content: "#";
    position: relative;
    top: 2px;
    right: 10px;
}
.keynote-speaker-modal form .back-to-part-one:hover {
    color: #6E6E6E !important;
}
.keynote-speaker-modal form .back-to-part-one:hover:before {
    color: #6E6E6E;
}
@media (max-width: 768px) {
    .keynote-speaker-modal form .back-to-part-one {
        display: block;
        margin: 15px auto 0;
    }
}
.keynote-speaker-modal form .nb-loader {
    display: none;
    background-image: url(../../images/loaders/ripple.svg);
    background-size: contain;
    width: 50px;
    height: 50px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 40%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.keynote-speaker-modal .nb-keynote-speaker-modal-form-message {
    border-radius: 4px;
    color: black;
    display: none;
    text-align: center;
    font-size: 1.6em;
    padding: 0.5em;
    width: 100%;
    margin-bottom: 15px;
}
.keynote-speaker-modal .nb-create-lead-success {
    height: auto;
    overflow-y: auto;
    width: 100%;
    display: none;
}
.keynote-speaker-modal .nb-create-lead-success img.tick {
    height: 55px;
    width: 55px;
    margin-bottom: 60px;
}
.keynote-speaker-modal .nb-create-lead-success p {
    color: #6B7D93;
    font-family: "lato", sans-serif;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    padding: 0 80px;
}
@media (max-width: 768px) {
    .keynote-speaker-modal .nb-create-lead-success p {
        padding: 0;
    }
}

.nb-modal-active {
    opacity: 1;
    top: 6em;
    transition: opacity 0.5s linear, top 0.5s linear;
}

.nb-keynote-speaker-modal-form-part-inactive {
    display: none;
}

.nb-create-lead-error {
    border: 1px solid #ED4337 !important;
}
.nb-create-lead-error::placeholder {
    color: #ED4337 !important;
}
.nb-create-lead-error p {
    color: #ED4337 !important;
}

.show-form-message {
    display: inline-block !important;
}

.nb-create-lead-success-active {
    display: inline-block !important;
}

.nb-activate-button {
    opacity: 1 !important;
}