﻿@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);
@charset "UTF-8";

body {
    margin: 0px;
    background-color: #2C394C;
    font-family: 'Open Sans', sans-serif;
}
/*.pretty .state label:before {
    border-color: red;
}*/

.body-content {
    margin-top: 12vh;
}
.bg-dark-blue {
    background-color: #2C394C;
}
.bg-grey {
    background-color: #D5D7DB;
}
.navbar-text > a, .footer-col > a{
    text-decoration: none;
}

.padding-right-5 {
    padding-right: 5%;
}
.padding-left-5 {
    padding-left: 5%;
}
.padding-top-5{
    padding-top:5vh;
}
.padding-bottom-5 {
    padding-bottom: 5vh;
}
.padding-top-1-5{
    padding-top:1.5%;
}
.padding-bottom-1-5 {
    padding-bottom: 1.5%;
}
.indexRow{
    padding-top:8vh;
}
.header-logo {
    min-height: 45px;
    height: 13vh;
    width: auto;
}
.header-logo-1 {
    min-height: 45px;
    height: 13vh;
    width: auto;
}

    .footer-col p, .footer-col a{
        margin:0px;
        color: #2C394C;
    }

.footer-img{
    min-height:40px;
    height:6vh;
    width:auto;
}

.text-aqua {
    color: #47C6C6 !important;
}
.text-dark-blue {
    color: #2C394C !important;
}
.landing-page-text {
    font-family: 'Open Sans', sans-serif;
    width: 84%;
    margin-left: 8%;
}
.your-source-for-the { 
    font-size: 38px;
    font-weight: 600;
    line-height: 55px;
}
.canadas-therapeutic {
    font-size: 29px;
    font-weight: 600;
    line-height: 35px;
    margin-top:7vh;
}
.care-to-know-pro-is-1 {
    width: 80%;
    margin-left: 10%;
    font-size: 21px;
    line-height: 32px;
    /*font-weight: 300;*/
    margin-top: 4vh;
}
.care-to-know-pro-is-2 {
    width: 78%;
}
.care-to-know-pro-is strong{
    font-weight:600;
}
.info-row img{
    min-height:39px;
    height:9vh;
    width:auto;
}
.button {
    min-height: 42px;
    font-family: 'Open Sans', sans-serif;
    border: 0px;
    height: 4vh;
    /*width: 35%;*/
    font-weight: 600;
    border-radius: 25px;
    font-size: 20px;
    min-width: 192px;
}
.margin-top-register-button {
    margin-top: 3rem;
}
.button-register {
    background-color: white;
    color: #2C394C;
    text-decoration:none;
}
.button-register-blue {
    background-color: #2C394C;
    color: white;
    font-weight: 500;
    width: 18%;
    text-decoration: none;
}
.button-register-aqua {
    background-color: #47C6C6;
    color: white;
    font-weight: 500;
    width: 18%;
    text-decoration: none;
}
.button-learnmore {
    background-color: #2C394C;
    color: #47C6C6 !important;
    border: 1px solid #47C6C6;
}
.font-20{
    font-size:20px;
}
.text-options {
    font-size: 20px;
}

.bg-aqua {
    background-color: #47C6C6;
}
.quick-credible {
    font-size: 27px;
    font-weight: 400;
    line-height: 30px;
}
.video-placeholer{
    width:90%;
    height:auto;
}
.font-open-sans {
    font-family: 'Open Sans', sans-serif;
}
.font-weight-900 {
    font-size:20px;
    font-weight: 900 !important;
}
.font-weight-600 {
    font-weight: 600 !important;
}
.font-weight-500 {
    font-weight: 500;
}
.font-weight-400 {
    font-weight: 400;
}
.font-size-1-1 {
    font-size:1.1rem;
}
.font-size-0-8 {
    font-size: 0.8rem;
}
#registerForm .form-control {
    border: 1px solid #959595;
    color: #333333;
}
#confirmPolicy a {
    color: #333333;
    text-decoration:underline;
}
/*.multiselect-container > li.multiselect-group label {
    padding: 3px 0px !important;
}*/
.custom-control-input:checked ~ .custom-control-label::before {
    color: black !important;
    border-color: white;
    background-color: none;
}
.custom-control-input:active ~ .custom-control-indicator {
    color: #fff;
    background-color: transparent;
}
.selectSpecialtyGroup {
    font-weight: 600;
}
div .btn-group {
    border: 1px solid #959595;
    border-radius:0.25rem;
    width:100%;
}
.multiselect-group a, .multiselect-group b {
    color: black;
    font-weight:500;
}
.multiselect-container {
    top:10px !important;
    border: 1px solid #959595;
    border-radius: 0.25rem;
    width: 100%;
    padding: 15px !important;
}
label.checkbox{
    padding:0 !important;
}
.field-validation-error{
    color:red;
    font-weight:400;
    font-size:80%;
}
.input-validation-error {
    border-color: #dc3545 !important;
}
p.thank-you-for-registering {
    width: 80%;
    margin-left: 10%;
    font-size: 28px;
    line-height: 32px;
    font-weight: 400;
}
h1.thank-you-for-registering {
    width: 80%;
    margin-left: 10%;
}
p.privacy-policy, li.privacy-policy{
    font-size: 18px;
    line-height: 26px;
    /*font-weight:300;*/
}
.privacy-policy strong {
    font-weight: 600;
}
a{
    color: #212529;
    text-decoration:underline;
}
#shareImg{
    height:70%; 
    width:auto;
    min-height:80px;
}

.privacy-table-td {
    border: 1px solid black;
    padding: 10px;
    vertical-align: top;
}


/*IPHONE 10*/
@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .header-logo-1 {
        min-height: 45px;
        height: 16vh;
        width: auto;
        margin-top: 3vh
    }

    .your-source-for-the {
        padding-top: 10px;
        font-size: 26px;
        font-weight: 600;
        line-height: 33px;
    }

    .canadas-therapeutic {
        font-size: 21px;
        font-weight: 600;
        line-height: 35px;
        margin-top: 2.5vh;
    }

    .care-to-know-pro-is-1 {
        width: 80%;
        margin-left: 10%;
        font-size: 20px;
        line-height: 30px;
        /*font-weight: 300;*/
        margin-top: 1.5vh;
    }

    .text-options {
        font-size: 18px;
    }

    .margin-top-register-button {
        margin-top: 2rem;
    }
    .indexRow{
        padding-top:15vh;
    }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
    .header-logo-1 {
        min-height: 45px;
        height: 17vh;
        width: auto;
        margin-top: 3vh
    }
    .your-source-for-the{
        padding-top:8vh;
    }
    .indexRow {
        padding-top: 0vh;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) and (orientation: landscape) {
    .header-logo-1 {
        min-height: 45px;
        height: 10vh;
        width: auto;
        margin-top: 2vh
    }

    .your-source-for-the {
        padding-top: 2vh;
        font-size: 26px;
        font-weight: 600;
        line-height: 33px;
    }

    .canadas-therapeutic {
        font-size: 21px;
        font-weight: 600;
        line-height: 35px;
        margin-top: 2.5vh;
    }

    .care-to-know-pro-is-1 {
        width: 80%;
        margin-left: 10%;
        font-size: 20px;
        line-height: 30px;
        /*font-weight: 300;*/
        margin-top: 1.5vh;
    }

    .text-options {
        font-size: 18px;
    }

    .margin-top-register-button {
        margin-top: 2rem;
    }
}

@media only screen and (orientation:portrait) {
    /*.body-content {
        margin-top: 5vh;
    }*/

    .header-logo-1 {
        min-height: 45px;
        height: 15vh;
        width: auto;
        padding-top: 1vh;
        margin-top: 1vh;
    }
    .indexRow {
        padding-top: 8vh;
    }
}
@media only screen and (max-width: 840px) and (orientation: portrait) {
    .header-logo-1 {
        min-height: 45px;
        height: 15vh;
        width: auto;
        margin-top: 4vh;
    }
    .your-source-for-the {
        padding-top: 4vh;
    }
    .indexRow {
        padding-top: 8vh;
    }
}

@media only screen and (min-width:1024px) and (orientation:portrait){
    .header-logo-1 {
        min-height: 45px;
        height: 14vh;
        width: auto;
        padding-top: 1vh;
        margin-top: 1vh;
    }
    .your-source-for-the {
        padding-top: 4vh;
    }
    .indexRow {
        padding-top: 8vh;
    }
}

@media (max-width: 767px) {
    .fr{
        flex-direction: column;
    }
}

