*{
    font-family: 'Montserrat', sans-serif
}

a{
    text-decoration:none;
    color:inherit
}

a:hover{
    text-decoration: underline;
}

p{
    text-align:justify;
}

.bigH1{
    font-size:3em;
    font-weight:bold;
}

.biggerH1{
    font-size:3.5em;
    font-weight:bold;
}

.biggestH1{
    font-size:4.5em;
    font-weight:bold;
}


.mainLogo{
    max-height:30vh;
}

.justify{
    text-align: justify;
}

nav{
    font-family:'Ubuntu' !important;
}

.brandFontBlue{
    color:#00609C;
}

.brandFontLighterBlue{
    color: #008ec6;
}

.brandFontBlueish{
    color:#2ed9c3;
}

.brandFontLightBlue{
    color:#54c8e8;
}

.brandFontGold{
    color:#F5CE3E
}

.italic{
    font-style:italic;
}

.brandBlueBack{
    background-color:#00609C;
}

.brandLighterBlueBack{
    background-color: #008ec6;
}

.brandLightBlueBack{
    background-color: #54c8e8;
}

.brandBlueishBack{
    background-color: #2ed9c3 !important;
}

.backgroundGradient{
    background-image: linear-gradient(#00609C,#008ec6);
    height:5vh;
}

.backgroundGradient2{
    background-image: linear-gradient(white,#54c8e8);
    height:5vh;
}

.backgroundGradient3{
    background-image: linear-gradient(white,whitesmoke);
    height:5vh;
}

.whiteBlueBg{
    background-image: linear-gradient(90deg,white 48%, #00609C 52%);
}

.groupBg{
    background-image: linear-gradient(#00609C, #00609C);
    min-height:50vh;
}

.carousel-caption{
    top:20%;
    bottom:auto;
}

.iconHolder{
    height:75px;
    width:75px;
    border-radius:50%;
}

.icon{
    width:100%;
    height:100%;
}

.iconDarkBlue{
    background-color: #00609C;
}

.iconBlue{
    background-color: #008ec6;
}

.iconLightBlue{
    background-color: #54c8e8;
}

.iconBlueish{
    background-color: #2ed9c3;
}

.carousel-item img{
    max-height:50vh;
    min-height:35vh;
    width:auto;
    object-fit: cover;
}

.btn-dark{
    background-color: rgb(248, 249, 250);
    border:none;
    color:#00609C;
    /* font-weight:bold; */
}

.btn-dark:hover,
.btn-dark:active,
.btn.show,
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active,
.btn-dark:active{
    background-color:rgb(248, 249, 250);
    color:black;
    transition:none;
    transform:none;
}

.dropdown-menu-dark{
    background-color: #00609C;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 20;
}

.telehealthbg{
    background-image:linear-gradient(to bottom, rgba(177, 232, 249, 0.6),rgba(177, 232, 249, 0.6)  ), url(images/telehealthbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.indexbg{
    background-image:url(images/indexbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height:50vh;
}

.insurancebg{
    background-image:linear-gradient(to bottom, rgba(177, 232, 249, 0.6),rgba(177, 232, 249, 0.6)  ), url(images/insurancebg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.benefitsbg{
    background-image:linear-gradient(to bottom, rgba(177, 232, 249, 0.8),rgba(177, 232, 249, 0));
}

.clinicalbg{
    background-image:linear-gradient(to bottom, rgba(177, 232, 249, 0.6),rgba(177, 232, 249, 0.6)  ), url(images/clinicalbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.contacttransbg{
    background-image:linear-gradient(to bottom, rgba(177, 232, 249, 0.6),rgba(177, 232, 249, 0.6))
}

.submitbg{
    background-image:linear-gradient(to bottom, rgba(177, 232, 249, 0.6),rgba(177, 232, 249, 0.6)  ), url(images/clinicalbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 70vh;
}

.clinBgImg{
    background-image: url(images/clinbgimg.PNG);
    background-repeat: no-repeat;
    background-size: cover;
    min-height:80vh;
}

.indivbg{
    background-image: url(images/workspace.png);
    background-repeat: no-repeat;
    background-size: cover;
    height:60vh;
}

.familybg{
    background-image: linear-gradient(rgba(0,0,0, 0.5),rgba(0,0,0, 0.5)), url(images/familybg.png);
    background-repeat: no-repeat;
    background-size: cover;
    height:60vh;
    background-position:center;
}

.clinicalInterventionBg{
    background-image:linear-gradient(to bottom, white 82%, #00609C)
}

.leftBg{
    background-image: linear-gradient(rgba(229,229,229,0.8),rgba(229,229,229,0.8)), url(images/indivleft.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height:50vh;
    border-right:#F5CE3E 2px solid;
}

.leftGroupBg{
    background-image: linear-gradient(rgba(229,229,229,0.8),rgba(229,229,229,0.8)), url(images/leftgroup.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height:50vh;
    border-right:#F5CE3E 2px solid;
}


.rightBg{
    background-image: linear-gradient(rgba(229,229,229,0.8),rgba(229,229,229,0.8)), url(images/indivright.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height:50vh;
}

.greyBg{
    background-color: rgba(229,229,229,1)
}

.stepsBg{
    background-image: linear-gradient(225deg,white 60%, grey);
}

.programbg{
    background-color: whitesmoke;
}

.step1{
    margin-left:5vw;
}

.step1 h3{
    padding:5px;
    border-radius:10px;
    background-color:#00609C;
    box-shadow: -2px 2px 2px 3px darkgrey;
}

.step1 p{
    max-width:50vw;
}

.step2{
    margin-left:20vw;
}

.step2 h3{
    padding:5px;
    border-radius:10px;
    background-color:#008ec6;
    box-shadow: -2px 2px 2px 3px darkgrey;
}

.step2 p{
    max-width:50vw;
}

.step3{
    margin-left:35vw;
}

.step3 h3{
    padding:5px;
    border-radius:10px;
    background-color:#54c8e8;
    box-shadow: -2px 2px 2px 3px darkgrey;
}

.step3 p{
    max-width:50vw;
}

.text-bg-dark{
    background-color:#00609C!important;
}

.cardbtn:hover{
    cursor:pointer;
}

.inlineImg{
    width:auto;
    max-height:20vh;
}

.inverseImg{
    filter:invert(100%);
}

.smallLogo{
    max-height:5vh;
}

.smallLogo2{
    width:auto;
    height:10vh;
}

.smallLogo3{
    max-height:7vh;
}

.smallLogo2{
    width:auto;
    height:10vh;
}

.smallIcon{
    height:50px;
    width:50px;
}

.colorGreen{
    filter: invert(48%) sepia(73%) saturate(4264%) hue-rotate(84deg) brightness(99%) contrast(102%);
}

.colorYellow{
    filter: invert(82%) sepia(43%) saturate(2895%) hue-rotate(352deg) brightness(102%) contrast(103%);
}

.colorRed{
    filter: invert(11%) sepia(75%) saturate(7136%) hue-rotate(359deg) brightness(87%) contrast(111%);
}

.bottomGoldBorder{
    border-bottom: 6px #F5CE3E solid;
}

.leftGoldBorder{
    border-left: 3px #F5CE3E solid;
}

.bgvideo{
    width: 100%;
    height: 90vh;
    object-fit: cover;
    z-index: -1;
}

.videoOverlay{
    margin-top: -35vh;
    z-index: 1;
    position:relative;
}

.videoHolder{
    height:60vh;
    margin-bottom:30vh;
}

.textShadow{
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.goldLink{
    color:#F5CE3E;
}

.insuranceSection{
    min-height:30vh;
}

.goldBorderLeft{
    border-left:#F5CE3E solid 4px;
}

.goldBox{
    background-color: #F5CE3E;
    height:24px;
    width:24px !important;
    min-width:24px;
    margin-left:-14px;
    margin-top:5px;
}

.therapyButton{
    min-height:50px;
    height:5vh;
    min-width:20vw;
    color:#008ec6;
    background-color: white;
    box-shadow: none;
    border:none;
    font-weight:bold;
    font-size:1.1rem;
}

.cardButton{
    min-height:50px;
    height:5vh;
    min-width:20vw;
    box-shadow: none;
    border:none;
    font-weight:bold;
    font-size:1.1rem;
    border:none;
    background-color:#00609C;
    color:white;
    border-radius:5px !important;
}

.buttonImg{
    height:2rem;
}

.btnBlue{
    background-color: #004775;
}

.borderlessButton{
    border:none;
}

.phaseButton{
    width:23vw;
}

.cardShadow{
    box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
    border:none;
}

.cardButton{
    border:none;
    background-color:#00609C;
    color:white;
    border-radius:5px !important;
}

.buttonShadow{
    box-shadow: 2px 2px 2px 3px #004775;
}

.blueCardShadow{
    box-shadow: 0px 12px 18px -6px #00609C;
}

.whiteCardShadow{
    box-shadow: -10px 12px 18px -6px rgba(0,0,0,0.3);
}


@media screen and (max-height:600px){
    .bgvideo{
        height:65vh;
    }
    .videoOverlay{
        margin-top:-55vh
    }
} 

@media screen and (max-height:600px) and (min-width:1200px){
    .bgvideo{
        height:75vh;
    }
    .videoOverlay{
        margin-top:-65vh
    }
} 


@media screen and (max-width:421px){
    .videoOverlay{
        margin-top:-65vh
    }
} 

@media screen and (max-width:992px){
    .leftBg{
        border:none;
    }
    .leftGroupBg{
        border:none;
    }
    .biggestH1{
        font-size:3rem;
    }
    .phaseButton{
        width:55vw;
    }
    p{
        text-align:inherit;
    }
    .therapyButton{
        min-width:40vw;
    }
    .cardButton{
        min-width:60vw;
    }
}