
/*Hero Banner*/
.banner-container {
    position: relative;
    min-height: 470px;
    height: auto;
    padding: 0px;
    position: relative;
    width: 100%;
    margin: 0px;
    box-sizing: border-box;
}

.text-over-img {
    top: 0%;
}

.banner-title {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #01435E;
}

.txt-green-bar {
    width: 40px;
    height: 7px;
    border: 1px solid rgb(84, 185, 72);
    border-radius: 5px;
    background-color: rgb(84, 185, 72);
}

/* Image Banner*/
.text-image-container {
    min-height: 335px;
    height: auto;
    padding: 0px 0px;
    position: relative;
    width: 100%;
    margin: 0px;
    box-sizing: border-box;
}

.text-image-container.animation {
    
}

.text-image-container.right.animation {
    
}

.text-image-container.right1 {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    animation: none;
}

.text-image-container .txt-section,
.text-video-container .txt-section {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%);
    width: 56%;
}

.text-image-container p {
    margin-top: 20px;
    margin-bottom: 0px;
}

.text-image-container .anita-sml-img {
    position: absolute;
    left: 10%;
    max-height: 335px;
}

.text-image-container .carole-sml-img {
    position: absolute;
    left: 30%;
    max-height: 335px;
}

.text-image-container.animation .anita-sml-img {
    
}

.text-image-container.animation .carole-sml-img {
    
}

.text-image-container .fa-stack {
    width: 1em;
    height: 1em;
    line-height: 1em;
}

.text-image-container .fa-lg {
    font-size: 47px;
}

@media (max-width: 767px) {
    .text-image-container .fa-lg {
        font-size: 37px;
    }
}

.text-image-container .fa-stack {
    color: #0074A6;
}

.text-image-container .fa-stack:hover,
.text-image-container .fa-stack:active,
.text-image-container .fa-stack:focus {
    color: #01435E;
}

.text-image-container .fa-stack-2x {
    font-size: 46px;
}

@media (max-width: 767px) {
    .text-image-container .fa-stack-2x {
        font-size: 37px;
    }
}

.text-image-container .fa-stack-1x {
    font-size: 20px;
}

@media (max-width: 767px) {
    .text-image-container .fa-stack-1x {
        font-size: 17px;
    }
}

.text-image-container .fa-stack-1x:before {
    margin-left: 2px;
}


.column_mainproliapage .fa-lg {
    font-size: 47px!important;
    width: 43px;
    height: 43px;
    line-height: 1;
}

@media (max-width: 767px) {
    .column_mainproliapage .fa-lg {
        font-size: 37px!important;
        width: 34px;
        height: 34px;
    }
}

.column_mainproliapage .fa-stack-2x {
    font-size: 48px!important;
    position: absolute;
        top: -5px!important;
        left: 5px!important;
}

@media (max-width: 767px) {
    .column_mainproliapage .fa-stack-2x {
        font-size: 37px!important;
        position: absolute;
        top: -5px!important;
        left: 5px!important;
    }
}

.column_mainproliapage .fa-stack-1x {
    font-size: 20px!important;
    position: absolute;
        top: 9px!important;
        left: 6px!important;
}

@media (max-width: 767px) {
    .column_mainproliapage .fa-stack-1x {
        font-size: 17px!important;
        position: absolute;
        top: 5px!important;
        left: 6px!important;
    }
}

.text-image-container.ht-120px,
.text-image-container .bg-img-section .ht-120px {
    min-height: 120px;
}


/*Video Banner*/
.text-video-container {
    min-height: 420px;
    height: auto;
    padding: 20px 0px;
    position: relative;
}

.text-video-container .img-section {
    width: auto;
    max-width: 100%;
    height: 564px;
    max-height: 564px;
}

.text-video-container .txt-section {
    position: relative;
}

.text-video-container .video-top-0 {
    top: 0;
}


/* Till IPad*/
@media only screen and (min-width: 1024px) {

    .text-image-container .txt-section,
    .text-video-container .txt-section {
        width: 100%;
    }
}

/*Ipad Pro*/
@media only screen and (min-width: 1024px) and (max-width: 1300px) {

    .text-image-container .txt-section,
    .text-video-container .txt-section {
        width: 100%;
    }
}

/*Ipad*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {

    .text-image-container .anita-sml-img {
        left: 0%;
    }

    .text-image-container .carole-sml-img {
        left: 18%;
    }

    .text-image-container .bg-img-section img {
        min-height: 460px;
    }


    .text-image-container .txt-section,
    .text-video-container .txt-section {
        width: 100%;
    }

    .text-image-container {
        
    }

    .text-image-container.right {
        
    }

    .banner-title {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

/*Mobiles*/
@media only screen and (max-width: 767px) {

    .text-image-container,
    .banner-container {
        min-height: 0;
        /*padding-bottom: 320px;*/
        background-size: 134% !important;
    }

    .text-image-container {
        /*padding-bottom: 320px !important;*/
        flex-direction: column-reverse;
    }

    .text-image-container .txt-block-section-2 {
        top: 40%;
        left: 0;
    }

    .text-image-container,
    .text-image-container.right {
        -webkit-animation: none;
    }

    .text-image-container .pull-right,
    .text-image-container .pull-left {
        float: none;
    }

    .text-image-container .position-absolute {
        position: static !important;
    }

    .text-image-container .txt-section,
    .text-video-container .txt-section {
        width: 100%;
    }

    .text-image-container img.img-section {
        opacity: 1;
        margin-left: 0px;
    }

    .text-over-img {
        position: static !important;
        padding-bottom: 20px;
    }

    .text-image-container.xs-p-b-400 {
        padding-bottom: 50px;
    }

    .text-image-container.xs-p-b-400 .txt-section {
        position: relative;
    }

    .banner-title {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .col-12.px-0.bg-img-section img {
        width: 100% !important;
    }

    /*Video Container*/
    .text-video-container .txt-section {
        top: 10%;
        font-size: 18px;
        line-height: 22px;
    }

    .text-video-container .txt-section h1 {
        font-size: 30px;
        line-height: 32px;
    }

    .text-image-container {
        font-size: 18px;
        line-height: 22px;
    }

    .text-image-container h1 {
        font-size: 30px;
        line-height: 32px;
    }

    .text-video-container .img-section {
        height: 210px;
        margin: 0 0 35px;
    }

    .text-video-container .eyebrow1 {
        font-size: 14px;
        line-height: 18px;
    }

    #HearHowItWorksPage .light-blue-bg .text-video-container, #HearHowItWorksPage .light-green-bg .text-video-container {
        flex-direction: column-reverse;
    }

    #HearHowItWorksPage div:nth-of-type(5) .text-video-container, #HearHowItWorksPage div:nth-of-type(6) .text-video-container {
        flex-direction: column;
    }

    #HearHowItWorksPage div:nth-of-type(6) .text-video-container, #HearHowItWorksPage div:nth-of-type(7) .text-video-container, #HearHowItWorksPage div:nth-of-type(9) .text-video-container {
        padding-top: 35px;
    }

    #HearHowItWorksPage .text-video-container .p-y-40 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #HearHowItWorksPage .text-video-container > div {
        flex: 1;
        -webkit-flex: 1 1 auto;
    }

}

@media (min-width: 768px) {
    #HearHowItWorksPage .text-video-container {
        min-height: 468px;
        height: auto;
        padding: 72px 0 30px;
        position: relative;
    }

    #HearHowItWorksPage .text-video-container > div {
        padding: 0!important;
    }


    #HearHowItWorksPage div:nth-of-type(5) .text-video-container {
        padding: 70px 0;
    }
    
    #HearHowItWorksPage div:nth-of-type(5) .text-video-container > div:first-of-type, #HearHowItWorksPage div:nth-of-type(6) .text-video-container > div:last-child, 
    #HearHowItWorksPage div:nth-of-type(7) .text-video-container > div:first-child, #HearHowItWorksPage div:nth-of-type(9) .text-video-container > div:first-child {
        margin-top: 0!important;
    }

    .text-video-container .txt-section h1 {
        line-height: 32px;
    }
}
.error_brVrfyPhone{
    color: #e02020;
    font-size: 20px;
    font-style: italic;
    font-family: "DINNextLTProMedium";
}
