﻿/* form */
.free-trail-form {
    background: #f2f5fa;
    padding: 60px 0px 130px;
    padding-left: 7px;
    padding-right: 7px;
}

.free-trail-inner {
    max-width: 800px;
    margin: 0 auto;
}

.free-trail-inner h2 {
    font-size: 26px;
    color: #151a1c;
    font-family: 'Circular Std Black';
    text-align: center;
    margin-bottom: 90px;
}

.free-trail-inner form {
    width: 100%;
}

.free-trail-inner form .two-fields-container {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

.two-fields-container .textbox {
    flex: 1 1 250px;
    margin-right: 7px;
    margin-left: 7px;
    margin-bottom: 21px;
}

#postal-code-error {
    display: none;
}

.free-trail-inner form label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #151a1c;
    font-family: 'circular-medium';
    display: block;
    margin-bottom: 7px;
}

.free-trail-inner .feedback-checkbox label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #151a1c;
    font-family: 'circular-medium';
    display: inline;
    padding-left: 10px;
    margin-bottom: 7px;
}

.feedback-checkbox table {
    border: none;
}

.free-trail-inner form .checkbox {
    font-size: 14px;
    color: #8f9db3;
    text-align: left;
    width: 100%;
    display: block;
    position: relative;
    margin-top: 10px;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    padding-right: 50px;
}

.free-trail-inner form .checkbox input[type="checkbox"] {
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
    margin-top: 3px;
    opacity: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.free-trail-inner form .checkbox > span {
    position: relative;
    display: block;
    padding-left: 30px;
}

.free-trail-inner form .checkbox > span:after {
    position: absolute;
    left: 0px;
    top: 1px;
    width: 18px;
    height: 18px;
    background: #ffffff;
    border: 1px solid #d7dde6;
    content: '';
}

.free-trail-inner form .checkbox > span.checked:after {
    background: #00c8c7;
    border-color: #00c8c7 !important;
    content: '\2713';
    color: #fff;
    text-align: center;
    line-height: 1.3;
}

.free-trail-inner form input[type="submit"] {
    border-radius: 50px;
    font-size: 12px;
    letter-spacing: 0.05em;
    padding: 0px;
    width: 174px;
    margin: 30px auto 0;
    margin-top: 20px;
    display: table;
    background: #25484C;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'circular-bold', Arial, sans-serif;
    border: 1px solid transparent;
    cursor: pointer;
    height: 57px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.free-trail-inner form input[type="submit"]:hover {
    background-color: #39837D;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.form-bottom-text {
    margin-top: 50px;
    color: #8f9db3;
    font-size: 14px;
    padding: 0 20px;
    width: 100%;
}

.form-bottom-text a {
    color: #8f9db3;
    text-decoration: underline;
}

.free-trail-inner form label.error {
    color: #ff533f;
    text-transform: none;
    font-family: 'circular-book';
    font-size: 14px;
    margin-top: 10px;
}

.free-trail-inner form .checkbox .error + span {
    color: #ff533f;
}

.free-trail-inner form .checkbox .error + span::after {
    border-color: #ff533f;
}

.page-trail .entry {
    background-color: #f2f5fa;
}

.trial-input, .ms-dd, .ms-dd-header {
    width: 100%;
    height: 62px;
    background: #ffffff;
}

.trial-input, .ms-dd {
    padding: 0 15px;
}

.trial-input, .ms-dd, .ms-dd .ms-dd-header {
    border: 1px solid #dee3eb;
    color: #727a86;
    border-radius: 2px;
    outline: 0px;
}

.ms-dd {
    padding: 0;
    border: none;
}

.ms-dd-header {
    border: none;
}

.ms-dd-header .ms-list-option.option-selected {
    background: none;
    border: none;
    margin-top: 9px;
    color: #8f9db3;
    opacity: 0.5;
    font-family: 'circular-book', Arial, sans-serif;
    font-weight: 400;
    padding-left: 15px;
}

.ms-dd .ms-options li.option-selected {
    background-color:#3e7dcc;
    color:#ffffff !important;
}

.ms-dd .ms-options li.option-selected .ms-dd-label {
    color:#ffffff !important;
}

.ms-dd .ms-options li {
    padding: 10px 5px;
    background-color: #fff;
    border-bottom: 0px solid #c3c3c3;
}

.ms-dd .ms-options li .description {
    color: #666;
}

.ms-dd .ms-options li .ms-dd-label {
    color: #8f9db3 !important;
    text-transform: none;
    font-size: 16px !important;
    font-family: 'circular-book', Arial, sans-serif;
    padding: 0 10px;
}

.ms-dd .ms-options li:hover {
    background-color: #3e7dcc
}

.ms-dd .ms-options li:hover .ms-dd-label {
    color: #ffffff !important;
}

input:focus {
    border-color: #3E7DCC;
}

input.error {
    border: 1px solid #ff533f;
}

.textbox {
    margin-bottom: 32px;
}

input[type="submit"] {
    outline: 0px;
}

.types_of_data, .final-checkboxes {
    margin-left: 7px;
    margin-right: 7px;
}

#country_msdd, #state_msdd {
    width: 100% !important;
    margin-bottom: 0px;
}

.trial-instructions {
    text-align: center;
    margin-top: 60px;
}

.trial-instructions h3 {
    font-family: 'circular-medium', Arial, sans-serif;
    color: #1C283B;
    margin-top: 10px;
}

.trial-instructions #email-icon {
    width: 100px;
}

.trial-instructions.not-trialed {
    margin-left: 7px;
    margin-right: 7px;
}

.trial-instructions.not-trialed p {
    font-size: 15px;
    margin-bottom: 0px;
    color: #8F9DB3;
    font-family: 'circular-book', Arial, sans-serif;
}

.trial-instructions a {
    color: #04827B;
    font-weight: bold;
}

.trial-instructions ol {
    padding-left: 40px;
}

.trial-instructions li {
    margin-bottom: 1em;
}

.trial-success-bottom {
    background-color: #161F26;
    min-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.trial-success-bottom img {
    display: inline-block;
    height: 400px;
    margin-top: 75px;
    margin-bottom: 75px;
}

.trial-book-a-demo {
    width: 450px;
    display: inline-block;
    margin-top: 75px;
    margin-bottom: 75px;
}

.trial-book-a-demo h3 {
    font-family: 'circular-medium', Arial, sans-serif;
    font-size: 28px;
    color: white;
    margin-bottom: 30px;
}

.trial-book-a-demo p {
    font-family: 'circular-book', Arial, sans-serif;
    font-size: 15px;
    color: #8F9DB3;
}

.trial-book-a-demo .checkmark {
    height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
}

.trial-book-a-demo .book-demo-button {
    background-color: #00C8C8;
    text-decoration: none !important;
    font-size: 15px;
    font-family: 'circular-book', Arial, sans-serif;
    text-align: center;
    border: 1px solid #00C8C8;
    color: white;
    min-width: 180px;
    display: inline-block;
    padding: 16px 10px;
    border-radius: 4px;
    margin-top: 10px;
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}

.trial-book-a-demo .book-demo-button:hover {
    border-color: #fff;
    background-color: transparent;
}

.multi-select-container {
    display: flex;
    flex-wrap: wrap;
}

.multi-select-checkbox {
    display: none;
}

.multi-select-checkbox + .multi-select-label {
    color: #8f9db3;
    background-color: #e5e8ee;
    border: 1px solid #e5e8ee;
    font-size: 14px;
    font-family: 'circular-book', Arial, sans-serif;
    line-height: 18px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 2px;
    display: inline-block;
    text-transform: initial;
    letter-spacing: normal;
}

.multi-select-checkbox + .multi-select-label:hover {
    color: #04827b;
    border-color: #04827b;
    cursor: pointer;
}

.multi-select-checkbox:checked + .multi-select-label {
    border-color: #04827b;
    color: #04827b;
}

.inner_banner .wpb_content_element {
    margin-bottom: 0px;
}

.page .inner_banner {
    min-height: 200px;
}

.final-checkboxes .checkbox:first-child {
    margin-bottom: 11px;
}

@media only screen and (max-width: 1000px) {
    .trial-success-bottom img {
        display: none;
    }

    .trial-success-bottom {
        padding-left: 14px;
        padding-right: 14px;
    }
}

.mac-user-text {
    color: #8f9db3;
    font-size: 14px;
    padding: 0 20px;
    width: 100%;
    text-align: center;
    overflow: auto;
}

.mac-user-text p {
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
}

.mac-user-text a {
    color: #8f9db3;
    text-decoration: underline;
}

.mac-user-text img {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: 2px;
}
