@import url("main.css");


.custom-navbar {
    -moz-box-shadow: 0px 1px 10px 2px #77787B;
    -webkit-box-shadow: 0px 1px 10px 2px #77787B;
    box-shadow: 0px 1px 10px 2px #77787B;
    z-index: 100;
}

.custom-navbar .nav-item.active .nav-link,
.custom-navbar .nav-item:focus .nav-link,
.custom-navbar .nav-item:hover .nav-link {
    color: #ED40A9;
    border-bottom: #ED40A9;
}

.custom-navbar .nav-link {
    color: #77787B;
}

a {
    border-bottom: none
}

#login_button {
    background: #ED40A9;
    float: right;
    border-radius: 10px;

}

.tagline {
    text-align: center;
    /*margin: 40px auto 0;*/
    color: #77787B;
    font-size: 2.5rem;
    font-family: "Montserrat";
    font-weight: bold;
    padding-block: 1rem;
}
.summary {
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
}
.home-subtag, .solutions-subtag, .contact-subtag, .cms-subtag {
    margin-inline: auto;
    max-width: 80ch;
    text-align: center;
    line-height: 160%;
}
.subtag {
    color: #77787B;
    text-align: left;
    font-family: Montserrat;
    font-weight: normal;
    max-width: 80ch;
    align-self: center;
    justify-self: center;
    margin-bottom: 0;
}

.first_div {
    position: relative;
}

#vertical_intro {
    padding-top: 2vh;
}


.product_summaries_container {
    margin: 0 auto;
    padding: 50px 0 0 0;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    max-width: 1080px;
}


.product_summary_card {
    padding: 50px 40px 50px 40px;
    background-color: white;
    border-radius: 10px;
    border-style: solid;
    border-color: #949c8e;
    border-width: 1px;
    margin: 0 1.5% 3% 1.5%;
    width: 500px;
    min-height: 30vh;
    transition: 0.3s ease-in-out;
}


.product_summary_card:hover {
    -moz-box-shadow: 0px 1px 10px 2px #949c8e;
    -webkit-box-shadow: 0px 1px 10px 2px #949c8e;
    box-shadow: 0px 1px 10px 2px #949c8e;
    width: 510px;
}

.x_panel {
    width: 380px;
    margin: auto;
}

.product_title {
    margin: 10px;
    text-align: center;
    font-family: Montserrat;
    font-weight: bold;
    color: #77787B;
}

.vertical_teaser {
    font-size: 16px;
    text-align: left;
    line-height: 1.5;
}

.list_title {
    font-family: Montserrat;
    color: #77787B;
    text-align: center;
    margin-bottom: .5rem;
}
.centered-button {
    width: fit-content;
    display: block;
    margin-inline: auto;
}

.product_title::before {

}

ul.product_summary_list {
    padding-left: 0px;
}

ul.product_summary_list li {
    list-style-type: none;
    padding-left: 0px;
}

.feature_product_container {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

#video_wall_feature, #menu_board_feature {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.featured_product_description_container {
    padding: 40px 50px 40px 30px;
    margin: 50px 0;
    width: 35%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    background: #f5edef;
}

.float_right {
    float: right;
    border-radius: 15px 0 0 15px;
}

.float_left {
    float: left;
    border-radius: 0 15px 15px 0;
}

.featured_product_title {
    font-family: Montserrat;
    font-weight: bold;
    color: #77787B;
    text-align: center;
}

.featured_product_image {
    width: 60%;
    margin: auto;
}

#logo_container {
    width: 75%;
    max-width: 1080px;
    margin: 20px auto 90px auto;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
}

.external_company_logo {
    width: 10vw;
    max-width: 175px;
    margin: 0 3% 0 0;
    align-self: center;
}

.call_to_action_closing {
    width: 80%;
    max-width: 1080px;
    margin: 50px auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.closing_paragraph {
    margin-right: 50px;
    text-align: center;
}

#call_to_action_image {
    width: 40%;
    align-self: flex-end;
}

#call_to_action_button {
    align-self: flex-start;
}

.background-white {
    background: white;
    width: 100%;
}

.background-pink {
    background: #f5edef;
    width: 100%;
}

.highlight-pink {
    background: #f5edef;
    padding: 5px 25px;
    z-index: -1;
    line-height: 1.5;
    border-radius: 45px;
}

.btn-pink {
    background-color: #ED40A9;
}

.background-sage {
    background: #a5ae9e;
    width: 100%;
}

.highlight-sage {
    background: #a5ae9e;
    color: #52574f;
    padding: 5px 25px;
    line-height: 1.5;
    border-radius: 45px;
    text-align: center;
}

.background-cream {
    background: #FEF5EF;
    width: 100%;
}

.highlight-cream {
    background: #FEF5EF;
    padding: 5px 25px;
    line-height: 1.5;
    border-radius: 45px;

}

.background-darkteal {
    background: #185e62;
    width: 100%;
}

.highlight-darkteal {
    background: #185e62;
    color: white;
    padding: 5px 25px;
    line-height: 1.5;
    border-radius: 45px;
}

.page_divider {
    padding-top: 0;
    width: 75%;
    max-width: 1240px;
    margin: 90px auto;
    text-align: center;
    text-align-last: center;
    font-family: "Montserrat Light";
    color: #77787B;
}

.contact_us_blurb {
    border-radius: 15px;
    width: 80%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 40px;
}

.contact_us_form {
    width: 80%;
    max-width: 1080px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

.left_column, .right_column {
    width: 45%;
    margin: 30px 2%;
    display: flex;
    flex-direction: column;
}

.disappearing_image {
    width: 70%;
}

.ux2d-mail, .ux2d-email, .ux2d-phone {
    font-weight: bold;
    color: #77787B;
}

.ux2d-mail h3, .ux2d-email h3, .ux2d-phone h3 {
    margin-right: 10px
}

.ux2d-mail p {
    margin: 0.5em 0;
    vertical-align: middle;
}

.ux2d-email p, .ux2d-phone p {
    margin: 0.5em 0;
    vertical-align: auto;
}

#send_message_button {
    margin-top: 10px;
    position: absolute;
    right: 0px;
    top: 5px;
}

/* about us style */
#company_summary {
    padding-bottom: 50px;
    margin: 0;
}

#company_story, #mission_statement, #why_us, #crn_blurb {
    /*padding: 50px 0;*/
    display: flex;
    flex-direction: column;
}

#company_story, #why_us {
    justify-content: flex-end;
}

#mission_statement {
    justify-content: flex-start;
}

#crn_blurb {
    justify-content: center;
}

#mission_statement .about_us_paragraph p,
#mission_statement .about_us_header {
    color: #52574f;
}

.about_us_header {
    text-align: center;
    margin-top: 40px;
    color: #77787B;
    font-size: 2rem;
    font-family: "Montserrat";
    font-weight: normal;
}

.about_us_paragraph {
    color: #77787B;
    text-align: center;
    margin: 40px 60px;
    font-family: "Montserrat Light";
    font-weight: normal;
    align-self: center;
    justify-self: center;
    max-width: 80ch;
}

.about_us_paragraph p {
    text-align: left;
}

/* products styling */

#products_container {
    width: 80%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 50px 40px;
}

.products_section_image {
    display: none;
}

.products_row {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-items: stretch;
    padding: 40px 0;
}

.products_left {
    width: 60%;
    padding-right: 40px;
    text-align: right;
    vertical-align: baseline;
    margin: auto 0;
}

.products_right {
    width: 40%;
}

.products_tagline {
    font-family: Montserrat;
    color: #77787B;
    font-size: 1.5rem;
    margin-top: 50px;
    text-align: center;
}
.highlight-mt, .subtag-mt{
    margin-top: 1rem;
}
.products_words {
    font-family: "Montserrat Light";
    text-align: center;
    text-align-last: center;
    color: #77787B;
    line-height: 160%;
    margin-top: 1rem;
}


#software_details {
    width: 80%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 50px 40px;
}

#pro_vs_basic_table {
    width: 90%;
    justify-content: center;
    margin: 40px auto;
    border-style: hidden hidden solid;
}

#pro_vs_basic_table tr {
    border: 1px solid #77787B;
}

#pro_vs_basic_table td,
#pro_vs_basic_table th {
    vertical-align: middle;
}

.first_column {
    text-align: left;
}

.second_column {
    text-align: center;
}

.table-check {
    width: 30%;
}


.footer_nav {
    width: 60%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 90px 0 70px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.nav_column {
    float: left;
    margin: auto 0;
}

.nav_column ul li {
    color: white;
    list-style-type: none;
}

#crnLogo {
    width: 80px;
}

#social_media_links {
    text-align: center;
    color: white;
}

#social_media_links i {
    margin: 0 10px;
}

#site_footer a:hover {
    color: #ED40A9;
}

footer#bottom_line {
    float: bottom;
    text-align: center;
    padding-bottom: 20px;
}

footer#bottom_line span {
    color: white;
}

/* content management page */
.content_management_features {
    width: 90vw;
    margin-bottom: 0;
    padding: 80px 0px;
    justify-content: center;
    display: block;
    max-width: 1500px;
}

.content_management_image {
    width: 60%;
    max-width: 800px;
    margin: auto;
    position: sticky;
    top: 50%;
    transform: translate(-0, calc(-50% + 50px));
}

.first_image {
    transform: translateY(50%);
    top: 0;
    margin-bottom: 40%;
}

.first_words {
    margin-bottom: 20%;
}

.content_management_description_container {
    margin-top: 25vh;
    padding: 0px 50px 0px 30px;
    width: 35%;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    float: right;
    position: sticky;
    bottom: 55vh;
    height: 150vh;
}


@media screen and (max-width: 800px) {
    .tagline {
        font-size: 1.8rem;
        width: 90%;
        margin: 50px auto 0;
    }


    .product_summaries_container {
        flex-direction: column;
    }

    .product_summary_card {
        width: 90%;
        max-width: 500px;
        margin: 0 auto 3% auto;
    }

    .product_summary_card:hover {
        width: 90%;
    }

    .x_panel {
        width: 90%;
    }

    .page_divider {
        width: 80%;
    }

    #video_wall_feature .featured_product_title,
    #menu_board_feature .featured_product_title {
        font-family: Montserrat;
        font-weight: bold;
        color: #77787B;
        text-align: center;
        font-size: x-large;
    }

    #logo_container {
        width: 90%;
    }

    .external_company_logo {
        width: 30vw;
        max-width: 150px;
        margin: 5% 3% 0 0;
        align-self: center;
    }

    .closing_paragraph, .subtag, .page_divider {
        text-align: left;
    }

    .contact_us_form {
        width: 90%;
        max-width: 500px;
    }

    .left_column, .right_column {
        width: 100%;
    }

    .disappearing_image {
        display: none;
    }

    .products_section_image {
        width: 100%;
        display: inherit;
        margin-top: 20px;
    }

    .products_left {
        width: 100%;
        padding-right: 0;
    }

    .products_right {
        display: none;
    }

    .products_words, .products_tagline {
        text-align: center;
    }

    #software_details {
        padding: 0;
    }

}

@media screen and (max-width: 1080px) {
    .feature_product_container {
        width: 90%;
        max-width: 800px;
        margin: auto;
        flex-direction: column;
    }

    #video_wall_feature, #menu_board_feature {
        height: auto;
        width: 100%;
        margin-bottom: 30px;
    }

    #menu_board_feature {
        flex-wrap: wrap-reverse;
    }

    .featured_product_description_container {
        padding: 40px 50px 40px 30px;
        width: 100%;
        margin: 0 auto 3% auto;
        justify-content: center;
        flex-direction: column;
        background: #f5edef;
    }

    .float_right, .float_left {
        border-radius: 15px;
        float: none;
    }


    .featured_product_image {
        margin: auto;
        width: 100%;
    }

    .closing_paragraph {
        width: 100%;
    }

    #call_to_action_image {
        display: none;
    }

    #call_to_action_button {
        margin: auto;
    }

    #company_story .about_us_paragraph,
    #why_us .about_us_paragraph,
    #mission_statement .about_us_paragraph {
        width: 80%;
        margin: auto;
    }

    .about_us_paragraph p {
        text-align: center;
    }

    #company_story, #why_us {
        flex-direction: column;
    }

    #mission_statement {
        flex-direction: column-reverse;
    }

    .content_management_features {
        margin-bottom: 0;
        padding: 80px 0px;
        justify-content: center;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .content_management_image {
        width: 80%;
        max-width: 700px;
        margin: auto;
        position: static;
        transform: translate(0, 0);
    }

    .first_image {
        transform: translate(0,0);

    }

    .first_words {
        transform: translate(0,0);
    }

    .content_management_description_container {
        margin: auto;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        position: static;
        height: auto;
    }

}

/* Everything below here has not yet been used in redesign */

.navLogo {
    position: absolute;
    top: 1%;
    left: 5%;
    /*float: left;*/
    /* margin-left: 5px; */
    margin-bottom: 5px;
    margin-left: 5px;
    /* background: #e7e7e8; */
    z-index: 9999999999;
    width: 60%;

}

.navUX2DLogo {
    float: left;
    width: 10%;
}

.navZIndex {
    z-index: 9999999999;
}

.navContactButton {
    float: right;
    width: 16%;
}

.crnLogo {
    position: absolute;
    top: 0;
    width: 5%;
    margin-top: 4%;
}

.contactButton {
    position: absolute;
    top: 1%;
}

.news {
    margin: 0 auto;

}

.ux2dBrainStorm {
    width: 100%;
    text-align: center;
    display: block;
}

.col-12.col-12-mobile > img {
    width: 100%;
    /* background-size: cover; */
    /* text-align: center; */
}

.row-mainpage {
    margin-left: 0 !important;
}

.row.row-mainpage > :first-child {
    border-right: solid 1px #bbb;
    position: relative;
}

.row.row-mainpage > article {
    padding: 1em;
}

.mainPageMessageBox {
    font-size: 3vh;
    line-height: 1.5em;
    color: #ffffff;
    text-shadow: 2px 2px black;
    padding: .5em;
}

.wrapper.style1 {
    /*
    padding-bottom: 1.5em;
    border-radius: 2em;
    border: double 1em #ccc;
    /* background: linear-gradient(to right, #05FBFF,#1E00FF); */

}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ghostbox {
    /*background-color: #f5ffff;*/
    margin: 1em;
    width: 60vw;
    /* opacity: .7;*/
    /* text-align: center; */
    margin: 0 auto;
}

.ghostbox p {
    font-size: 1.5rem;
    text-align: center;
    font-weight: 500;
    padding: .5em;
    color: black;
    line-height: 1.5em;
    font-family: Lato;

}

.welcomeMsg {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 9%;
    z-index: 999;
    font-size: 1.5em;
    background-color: rgba(255, 255, 255, .15);
    backdrop-filter: blur(5px);
    color: black;

}

.welcomeMsgTwo {
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
}

.x-color {
    color: rgba(237, 64, 169, 1);
}

.ghostbox ul {
    list-style: none;
}

.contactSection {
    background-color: black;
    color: lightgray;

}


.name-row, .email-row {
    display: inline-block;
    margin: .5em;
}

.textAreaRow {
    display: inline-block;
    width: 97.5%;
    margin: .5em;
}

.submit-row {

}

.submit-row {
    display: inline-block;
}

.submit-row {
    display: inline-block;
}

/*h2:before, h2:after {
    display: block;
    position: absolute;
    content: "";
    border-top: 1px solid rgba(237, 64, 169, 1);
    border-bottom: solid 1px rgba(237, 64, 169, 1);
    height: 5px;
    width: 300%;
    margin: 0;
    top: 50%;
    !* transform: translateY(-1rem); *!
    z-index: 1;
}

h2:before{
    left:100%
}

h2:after{
    right:100%;
}

h2{
    text-align: center;
    margin: 1em auto 0 auto;
    position: relative;
    z-index: 2;
    width: max-content;
    padding: .5em;
}*/

/*border-top: solid 1px rgba(237, 64, 169, 1);
    border-bottom: solid 1px rgba(237, 64, 169, 1);*/

.products-list ul {

}

.products-list li {
    margin: .5em;
}

.ux2d-player img {
    width: 25%;
    height: 25%;
    /* float: right; */
}

.background-grey {
    background-color: #939598 !important;
}

.ux2dApp-table {
    /* float: left; */
    border: none;
    /* margin: 0 auto; */
    text-align: center;
}


.border-black {
    border: 1px solid black;
}


.ux2dApp-table > tr > td {
    padding: 1em;
}

.ux2dApp-table th {
    color: black;
    font-size: 1.5em;
    font-weight: 600;
    text-align: center;
    background-color: #ED40A9;
    padding: .5em;
    vertical-align: middle;
    /* margin-left: 5px; */
}

.pro-table td {
    font-size: 1.5em;
    text-align: center;

}

.pro-table {
    width: 50%;
    margin: 0 auto;
}


table, th, td {
    /*border: 1px solid black;*/
    border-collapse: collapse;
    padding: .5em;
    font-weight: bold;
    font-size: 1em;
}

.cellStyle {
    background-color: inherit !important;
    border: none !important;
}

.ux2d-media-players {
    width: 100%;
    text-align: center;
}

.right-table {
    display: contents;
}

.left-table {
    display: inline-block;
    width: 50%;
}

.contactTable {
    width: 50%;
    margin: 0 auto;
}


.contactTable > input[type=text] {
    color: deeppink !important;
}

.tableFooterRow {
    background-color: silver;
    text-align: center;
    color: black;
}


.contactSection h3 {
    color: deeppink;
}

.background-black {
    background-color: silver;
    display: inline-block;
}

.transparentImgMap {
    position: absolute;
    top: 0;
    right: 0;
    /* z-index: 9999999999; */
}

.cellVAlign {
    display: block;
    position: relative;
    top: -150px;
    border: none;
}

.ux2d-hardware-section {
    width: 100%;
    display: table;
    text-align: center;

}

.ux2d-table-section {
    width: 100%;
}


.ux2d-hardimage-section {
    width: 100%;
    display: table-cell;
    text-align: center;
}

.ux2d-hardimage-section > img {
    vertical-align: top;
}

#ll_videos, #ux2d_videos, #transparent_videos, #ride_videos {
    width: 100%;
}

.ll_button {
    /* width: 5px; */
    /* height: 5px; */
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 0em;
!important;
    text-align: center;
    font-size: 2.5em;
    padding: 0;

    /*
background: transparent;
    background: transparent;
     background: transparent;
    /border: none !important;
    font-size:0;*/
    position: absolute;
    top: 24%;
    left: 25%;
    z-index: 99999999;
    color: white;

    animation: pulse 3s infinite;

}

.mosaic_button {
    /* width: 5px; */
    /* height: 5px; */
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 0em;
!important;
    text-align: center;
    font-size: 2.5em;
    padding: 0;

    /*
background: transparent;
    background: transparent;
     background: transparent;
    /border: none !important;
    font-size:0;*/
    position: absolute;
    top: 42%;
    left: 49%;
    z-index: 99999999;
    color: white;

    animation: pulse 3s infinite;

}

.trans_button {
    /* width: 5px; */
    /* height: 5px; */
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 0em;
!important;
    text-align: center;
    font-size: 2.5em;
    padding: 0;

    /*
background: transparent;
    background: transparent;
     background: transparent;
    /border: none !important;
    font-size:0;*/
    position: absolute;
    top: 38%;
    left: 73%;
    z-index: 99999999;
    color: white;

    animation: pulse 3s infinite;
}

.ride_button {
    /* width: 5px; */
    /* height: 5px; */
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 0em;
!important;
    text-align: center;
    font-size: 2.5em;
    padding: 0;

    /*
background: transparent;
    background: transparent;
     background: transparent;
    /border: none !important;
    font-size:0;*/
    position: absolute;
    top: 67.5%;
    left: 49%;
    z-index: 99999999;
    color: white;

    animation: pulse 3s infinite;
}

.back_button {
    /* width: 5px; */
    /* height: 5px; */
    display: inline-block;
    width: 35px !important;
    height: 35px !important;
    line-height: 0em;
!important;
    text-align: center;
    font-size: 2.5em;
    padding: 0;

    /*
background: transparent;
    background: transparent;
     background: transparent;
    /border: none !important;
    font-size:0;*/
    position: absolute;
    top: 50%;
    left: 97%;
    z-index: 99999999;
    color: white;

    animation: pulse 3s infinite;
}

.hs10_button {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 0em;
!important;
    text-align: center;
    font-size: 2.5em;
    padding: 0;

    position: absolute;
    top: 70%;
    left: 82%;
    z-index: 99999999;
    color: white;

    animation: pulse 3s infinite;
}


.btn-link {
    color: #4d4d4f;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, .5);
    font-size: 2rem !important;
    font-family: Lato;
    display: block;
    padding: 0.5rem 0.5rem;
}

#nav a:hover, .btn-link:hover {
    color: #ED40A9 !important;
}

.dropotron.level-0 {
    margin-top: 3em !important;
}

@keyframes pulse {
    0% {
        background-color: black;
    }
    100% {
        background-color: #ED40A9;

    }
}

.hw_sw_Button {
    vertical-align: text-bottom;
    margin-top: 1%;
}

.hw_sw_button_cent {
    text-align: center;
}

.hw_sw_Button_space {
    margin-right: 48%;
}

.hw_button_space {
    margin-left: 20%;
}


.cellWidth {
    width: 14%
}

.tableMarginTop {
    border-collapse: separate;
    border-spacing: 1px;
    margin-top: 5%;
}

.hardwareTableMarginTop {
    border-collapse: separate;
    border-spacing: 1px;
    margin-top: 2%;
    margin-bottom: 3%;
}

.articleMarginTop {
    margin-top: 5%;
}

.navbar > .collapse > .nav-item > .nav-link {
    text-decoration: none;
}

.bg-silver {
    background-color: silver;
}

.text-decoration-none {
    text-decoration: none !important;
}

#ride_videos, #ll_videos, #transparent_videos, #ux2d_videos {
    border: 1px groove black;
}

.vertical-table {
    column-gap: 1px;
}

/* Easy Divider By SG */
.divider { /* minor cosmetics */
    display: table;
    font-size: 24px;
    text-align: center;
    width: 100%; /* divider width */
    margin: 40px auto; /* spacing above/below */
}

.divider span {
    display: table-cell;
    position: relative;
}

.divider span:first-child, .divider span:last-child {
    width: 50%;
    top: 13px; /* adjust vertical align */
    -moz-background-size: 100% 2px; /* line width */
    background-size: 100% 2px; /* line width */
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
}

.divider span:first-child { /* color changes in here */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#ED40A9));
    background-image: -webkit-linear-gradient(180deg, transparent, #ED40A9);
    background-image: -moz-linear-gradient(180deg, transparent, #ED40A9);
    background-image: -o-linear-gradient(180deg, transparent, #ED40A9);
    background-image: linear-gradient(90deg, transparent, #ED40A9);
}

.divider span:nth-child(2) {
    color: #000;
    padding: 0px 5px;
    width: auto;
    white-space: nowrap;
}

.divider span:last-child { /* color changes in here */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ED40A9), to(transparent));
    background-image: -webkit-linear-gradient(180deg, #ED40A9, transparent);
    background-image: -moz-linear-gradient(180deg, #ED40A9, transparent);
    background-image: -o-linear-gradient(180deg, #ED40A9, transparent);
    background-image: linear-gradient(90deg, #ED40A9, transparent);
}

#hs_10_video {
    width: 85%;
}

.hs10-button {
    border-radius: 0px !important;
    background-color: #ec3fa8;
    color: white;
    font-size: 1em;
    margin-top: 2%;
    padding: 1%;
}

#hs_screener_feature {

}

#hs_screener_feature > div:nth-child(1) {
    width: 30%;
    padding-left: 1%;
    margin-left: 25%;
    float: left;
    display: block;
}

#hs_screener_feature > div:nth-child(2) {
    padding-right: 1%;
    width: 30%;
    margin-right: 10%;
    float: right;
    display: block;
}

.hs10-list-style {
    font-size: 2em;
    list-style: none;
    line-height: 1.2em
}

.hs10-list-style > li {
    padding-left: 0;
    margin-bottom: 3%;
}

.hs10-list-style li::before {
    content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #ec3fa8; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

#hs_screener_feature > div:nth-child(1) > p {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.5em;
}

#hs_screener_feature > div:nth-child(1) > .hs10-list-style > li:last-child:before {
    content: none !important;
}

#hs_screener_intro {
    margin-top: 7%;
}

#hs_screener_intro > div:nth-child(3) {
    width: 30%;
    padding-left: 1%;
    margin-left: 25%;
    float: left;
    display: block;
}

#hs_screener_intro > div:nth-child(4) {
    padding-right: 1%;
    width: 30%;
    margin-right: 10%;
    float: right;
    display: block;
}

#hs_screener_intro:first-child > p {
    text-align: center;
    font-size: 2em;
}

#hs_screener_intro:first-child > p > span {
    font-weight: bold;
}

#hs_screener_intro > div:nth-child(3) > p {
    font-weight: bold;
    font-size: 2em;
    line-height: 1.5em;
}

#hs_screener_intro > div:nth-child(3) > .hs10-list-style > li:nth-child(3):before,
#hs_screener_intro > div:nth-child(3) > .hs10-list-style > li:nth-child(4):before {
    content: none !important;
}

#hs_screener_features {
    display: inline-block;
    background-color: lightgray;
}

.hs_features_container {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
}

.grid-item {
    /*padding: 20px;*/
    text-align: center;
}

.grid-item > img {
    width: 75%;
}

.grid-item > p {
    text-align: center;
    font-size: 1.5em;
}

#hs_screener_free {
    display: inline-block;

}

#hs_screener_free > p {
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    line-height: 1.3em;
}

#hs_screener_free > div:nth-child(2) {
    width: 40%;
    padding-left: 1%;
    margin-left: 10%;
    float: left;
    display: block;
}

#hs_screener_free > div:nth-child(3) {
    margin-left: 5%;
    padding-right: 1%;
    width: 40%;
    float: right;
    display: block;
}

.hs10-free-list {
    list-style: none;
    text-align: left;
    font-size: 1.3em;
}

.hs10-free-list > li > p {
    display: inline;
    font-size: 1.5em;
    vertical-align: middle;
    margin-left: 2%;
}

.hs10-free-list > li > button {
    display: inline;
    font-size: 1.5em;
    vertical-align: middle;
    margin-left: 0.5%;
}

.hs10-free-list > li {
    margin-bottom: 1%;
}

.hs10-free-list > li::before {
    content: '';
    display: inline-block;
    height: 50px;
    width: 50px;
    background-size: 150px;
    background-image: url('../images/healthscreener/checkmark_2.png');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

.hs10-free-list > li:nth-child(7):before {
    content: none !important;
}

.hs10-free-list-image-icon {
    width: 10%;
}

#hs_screener_models {

}

#hs_models_container > div:nth-child(2) > .hs10-list-style {
    line-height: 1.5em;
}

#hs_models_container > div:nth-child(3) > .hs10-list-style {
    line-height: 1.5em;
}

#hs_screener_models_pictures > .hs_models_container > p {
    margin-top: 1%;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    line-height: 1.3em;

}

.hs_models_container {

    width: 50%;
    margin: 0 auto;

}

#hs_screener_models_pictures > .hs_models_container > div:nth-child(2) {
    width: 48%;
    padding-left: 1%;
    float: left;
    display: block;
}

#hs_screener_models_pictures > .hs_models_container > div:nth-child(3) {
    padding-right: 1%;
    width: 48%;
    float: right;
    display: block;
}

#hs_screener_models_pictures {
    background-color: lightgray;
    display: inline-block;
}

#hs_screener_models_pictures > p:nth-child(3) {
    text-align: center;
    font-size: 2em;
}

#hs_screener_models_pictures > div:nth-child(4), #hs_screener_models_pictures > div:nth-child(5), #hs_screener_models_pictures > div:nth-child(6) {

    display: inline-block;
    /* To horizontally center images and caption */

    width: 33%;

}

#hs_screener_models_pictures > div:nth-child(4) > img, #hs_screener_models_pictures > div:nth-child(5) > img, #hs_screener_models_pictures > div:nth-child(6) > img {

    display: inline-block;
    /* To horizontally center images and caption */
    text-align: center;
    width: 100%;

}

#hs_screener_models_pictures > p:nth-child(7) {
    font-size: 1.5em;
    text-align: center;
    color: #ec3fa8;
}


@media screen and (min-width: 1900px) {


    .row > * {
        box-sizing: border-box;
    }

    .row.gtr-uniform > * > :last-child {
        margin-bottom: 0;
    }

    .row.aln-left {
        justify-content: flex-start;
    }

    .row.aln-center {
        justify-content: center;
    }

    .row.aln-right {
        justify-content: flex-end;
    }

    .row.aln-top {
        align-items: flex-start;
    }

    .row.aln-middle {
        align-items: center;
    }

    .row.aln-bottom {
        align-items: flex-end;
    }

    .row > .imp-wide {
        order: -1;
    }

    .row > .col-1-wide {
        width: 8.33333%;
    }

    .row > .off-1-wide {
        margin-left: 8.33333%;
    }

    .row > .col-2-wide {
        width: 16.66667%;
    }

    .row > .off-2-wide {
        margin-left: 16.66667%;
    }

    .row > .col-3-wide {
        width: 25%;
    }

    .row > .off-3-wide {
        margin-left: 25%;
    }

    .row > .col-4-wide {
        width: 33.33333%;
    }

    .row > .off-4-wide {
        margin-left: 33.33333%;
    }

    .row > .col-5-wide {
        width: 41.66667%;
    }

    .row > .off-5-wide {
        margin-left: 41.66667%;
    }

    .row > .col-6-wide {
        width: 50%;
    }

    .row > .off-6-wide {
        margin-left: 50%;
    }

    .row > .col-7-wide {
        width: 58.33333%;
    }

    .row > .off-7-wide {
        margin-left: 58.33333%;
    }

    .row > .col-8-wide {
        width: 66.66667%;
    }

    .row > .off-8-wide {
        margin-left: 66.66667%;
    }

    .row > .col-9-wide {
        width: 75%;
    }

    .row > .off-9-wide {
        margin-left: 75%;
    }

    .row > .col-10-wide {
        width: 83.33333%;
    }

    .row > .off-10-wide {
        margin-left: 83.33333%;
    }

    .row > .col-11-wide {
        width: 91.66667%;
    }

    .row > .off-11-wide {
        margin-left: 91.66667%;
    }

    .row > .col-12-wide {
        width: 100%;
    }

    .row > .off-12-wide {
        margin-left: 100%;
    }

    .row.gtr-0 {
        margin-top: 0px;
        margin-left: 0px;
    }

    .row.gtr-0 > * {
        padding: 0px 0 0 0px;
    }

    .row.gtr-0.gtr-uniform {
        margin-top: 0px;
    }

    .row.gtr-0.gtr-uniform > * {
        padding-top: 0px;
    }

    .row.gtr-25 {
        margin-top: -10px;
        margin-left: -10px;
    }

    .row.gtr-25 > * {
        padding: 10px 0 0 10px;
    }

    .row.gtr-25.gtr-uniform {
        margin-top: -10px;
    }

    .row.gtr-25.gtr-uniform > * {
        padding-top: 10px;
    }

    .row.gtr-50 {
        margin-top: -20px;
        margin-left: -20px;
    }

    .row.gtr-50 > * {
        padding: 20px 0 0 20px;
    }

    .row.gtr-50.gtr-uniform {
        margin-top: -20px;
    }

    .row.gtr-50.gtr-uniform > * {
        padding-top: 20px;
    }

    .row {
        margin-top: -40px;
        margin-left: -40px;
    }

    .row > * {
        padding: 40px 0 0 40px;
    }

    .row.gtr-uniform {
        margin-top: -40px;
    }

    .row.gtr-uniform > * {
        padding-top: 40px;
    }

    .row.gtr-150 {
        margin-top: -60px;
        margin-left: -60px;
    }

    .row.gtr-150 > * {
        padding: 60px 0 0 60px;
    }

    .row.gtr-150.gtr-uniform {
        margin-top: -60px;
    }

    .row.gtr-150.gtr-uniform > * {
        padding-top: 60px;
    }

    .row.gtr-200 {
        margin-top: -80px;
        margin-left: -80px;
    }

    .row.gtr-200 > * {
        padding: 80px 0 0 80px;
    }

    .row.gtr-200.gtr-uniform {
        margin-top: -80px;
    }

    .row.gtr-200.gtr-uniform > * {
        padding-top: 80px;
    }

    #ll_videos, #ux2d_videos {
        width: 100%;
    }

    .crnLogo {
        position: absolute;
        right: 2%;
        top: 4%;
    }
}