.bubble{
    position: absolute;
    top: -75px;
    left: -30px;
    height: 580px;
}


.bubble-text{
    font-size:24pt;
    font-weight:800;
    text-decoration:bold;
    line-height: 1.4;
}

.more-info-button{
    border: 1px solid white;
    width: 125px;
    border-radius: 12px;
    
}

.sign-up-button{
    border: 1px solid #D3373E;
    background-color: #D3373E;
    width: 125px;
    border-radius: 12px;
   
}

.save-button{
    border: 1px solid #68C3CD;
    background-color: #68C3CD;
    width: 145px;
    border-radius: 12px;

}
.bubble-top-text{
    font-size: 1.8em;
    /*font-size: 24pt;*/
    font-weight:100;
    line-height: 1;
}

.revolution-text{
    padding-bottom: 15px;
}

.left-block{
    width: 40%;
    height: 80%;

}

.speech_box{
    background-color: #023F85;
    margin: 10px;
    width: 580px;

}
.dot_menu_white{
    display: inline-block; 
    width:100%; 
    margin: -25px 0px 25px 15px;
}

.banner-container{
    width:100%;
    overflow-x:auto;
}

.banner-card{
    position:relative;
    top:0;
    left:0;
    padding:0;
}

.banner-image{
    width:100%;
    position:relative;
    top:0;
    left:0;
}

.banner-interior{
    position: absolute;
    height: 97%;
    width: 100%;
    top: 2%;
    background-size: contain;
    background-repeat: no-repeat;
}

.banner-interior-text{
    position: absolute;
    top: 30%;
       color: white;
    left: 44.99%;
    
    font-family:'GothamBook';
    transform: translateX(-50%) translateY(-0%);
    /*font-size: calc(8px + (23 - 8) * ((100vw - 300px) / (1600 - 300)));*/
    font-size:calc(8px + (27 - 8) * ((100vw - 300px) / (1920 - 300)));
    width: 100%;
}
.banner-interior-button{
    height: 9%;
    width: 17%;
    left: 12%;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    bottom: 9%;
    text-align: center;
    font-size: 105%;
    font-weight: 500;
    transform: translateX(-50%);
    color: #fff !important;
    background-color: #023f85 !important;
    border: 1px solid #023f85 !important;
    padding: 0.9% 2% 0.9% 2% !important;
}

.cover-for-card {
    background-color: #E1F3F5;
}

.cover-for-card h4 {
    text-align: center;
    color: #DC503E;
    text-transform: uppercase;
}

.cover-for-card h5 {
    color: #DC503E;
    margin-top: 15px;
    margin-bottom: 52px;
    font-size: 16pt;
    padding-right: 50px;
    
}

.cover-for-card .title-hr {
    background-color: #68C3CD;
}

.cover-for-card .form-check label {
    font-size: 8pt;
    padding-left: 25px !important;
}

.already-member-card {
    background-color: #033F85;
    color: white;
}

.bottom-position{
    padding-bottom: 0px; 
    margin-bottom:0px;
}

.already-member-card h4 {
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-weight:500;
    border-bottom: 2px solid #68C3CD; 
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
}

.already-member-card h5 {
    color: white;
    margin-top: 50px;
    margin-bottom: 50px;
}

.already-member-card .title-hr {
    background-color: white;
    color: white;
}

.already-member-card .form-check label {
    font-size: 8pt;
    padding-left: 25px !important;
}

.already-member-card .btn {
    border-radius: 0px;
    background-color: #68C3CD !important;
}

.already-member-body{
    padding-top: 0px;
    padding-bottom: 0px;
}

.already-member-body-paragraph{
    font-size:16pt; 
    font-weight: 100;
}

.flat-col {
    padding-left: 0px;
    padding-right: 0px;
}

.flat-col .card {
    box-shadow: none;
    border-radius: 0px;
}

.flat-row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#create-your-aid{
    background-image:url(https://www.fedhealth.co.za/media/2525/6323-create-your-aid-banner-on-homepage.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.flat-jumbotron {
    margin-bottom: 0px;
    border-radius: 0px;
}

.cover-level-parameters {
    margin-top: 25px;
    margin-bottom: 25px;
}

.cover-level-parameters label {
    background-color: #68C3CD;
    width: 100%;
    text-align: center;
    color: #033F85;
    text-transform: uppercase;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 0px;
}

.cover-level-parameters select {
    border-radius: 0px;
    background-color: #D5CB9F;
    color: white;
    font-size:12pt;
}

.step-number {
    color: #68C3CD;
    float: right;
    margin-top: -72px;
    font-size: 10pt;
}

.finder-nav {
    margin-top: 170px;
}

.finder-nav-action {
    color: #033F85!important;
}

.finder-nav-action i {
        color: #68C3CD!important;
}

.finder-nav-action-right {
    float: right;
    color: #033F85!important;
}

.finder-nav-action-left {
    float: left;
    color: #033F85!important;
}

.owl-nav {
    font-size: 32px;
    text-align: center;
}

.owl-nav button {
    margin-left: 20px;
    margin-right: 20px;
}

.plan-compare-container {
}

.plan-compare-container h4 {
    text-align: center;
    color: #DC503E;
    text-transform: uppercase;
    font-weight:500;
    border-bottom: 2px solid #E0DECF;
    width: 430px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
}

.plan-compare-containerd h5 {
    color: #DC503E;
    margin-top: 50px;
    margin-bottom: 50px;
}

.plan-compare-container .title-hr {
    border-top: 1px solid #DC503E;
}

.center-content{
    width: 100%;text-align: center;
}

.medical-aid-plans-btn{
    width: auto !important;
    text-align: center !important;
    margin-bottom: 25px !important;
}

.speech-bubble {
    background: #efefef;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 1.2rem;
    line-height: 1.3;
    margin: 0 auto 40px;
    max-width: 400px;
    padding: 15px;
    position: relative;
}

.speech-bubble p {
    margin: 0 0 10px;
}

.speech-bubble p:last-of-type {
    margin-bottom: 0;
}

.speech-bubble::after {
    border-left: 20px solid transparent;
    border-top: 20px solid #efefef;
    bottom: -20px;
    content: "";
    position: absolute;
    right: 20px;
}

.speech-bubble-ds {
    background: #efefef;
    border: 1px solid #a7a7a7;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
    font-size: 1.2rem;
    line-height: 1.3;
    margin: 0 auto 40px;
    max-width: 400px;
    padding: 15px;
    position: relative;
}

.speech-bubble-ds p {
    margin-bottom: 10px;
}

.speech-bubble-ds p:last-of-type {
    margin-bottom: 0;
}

.speech-bubble-ds-arrow {
    border-left: 21px solid transparent;
    border-top: 20px solid rgba(0, 0, 0, 0.2);
    bottom: -25px;
    position: absolute;
    right: 15px;
}

.speech-bubble-ds-arrow::before {
    border-left: 23px solid transparent;
    border-top: 23px solid #a7a7a7;
    bottom: 2px;
    content: "";
    position: absolute;
    right: 5px;
}

.speech-bubble-ds-arrow::after {
    border-left: 21px solid transparent;
    border-top: 21px solid #efefef;
    bottom: 4px;
    content: "";
    position: absolute;
    right: 6px;
}

.btn-compare{
}

.error-message{
    color: #DC503E;
}

.form-check-label {
    color: rgb(31,58,117);
    font-size: 16px;
    font-weight: 400;
    text-align: center;

}

.no-gutter {
    margin-top:0;
    margin-bottom:0;
    padding-top: 0;
    padding-bottom: 0;
}

.custom-cover-p{
    color: #DC503E;
    font-size: 18pt;
    margin-bottom:50px;
}
        
#test-create-aid-mobile-container
{
    visibility: hidden;
    display:none;
    width:100%;
    overflow-x:auto;
}

#test-create-aid-block{visibility: visible;}

.create-aid-card{
    position:relative;
    top:0;
    left:0;
    padding:0;
}

.create-aid-card-img{
    width:100%;
    position:relative;
    top:0;left:0;
    background-repeat: no-repeat;
    background-size: cover;
}

.imagetext {
    line-height: 100%;
    margin-top: 5px;
}

.owl-nav {
    font-size: 32px;
    text-align: center;
}

.owl-carousel .nav-btn {
    height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 100px !important;
}



div.benefit-row {
    width: auto;
    text-align: center;
}

.benefit-row {
    background-color: #F1F1F1;
}


.benefit-row h4 {
    text-align: center;
    color: #DC503E;
    text-transform: uppercase;
    font-weight:500;
    border-bottom: 2px solid #E0DECF;
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
}

.benefit-row h5 {
    text-align: center;
    color:#033f85;
}

.benefit-row .title-hr {
    border-top: 1px solid #E0DECF;
}

.benefit-row .benefit {
    text-align: center;
    /*max-width: 250px;    IE fix*/
}

.benefits-container{
    background-color: #F1F1F1;
    margin-left:0% !important;
    margin-right:0% !important;
}

.benefit-row .benefit img {
    height: 180px;
    width: auto;
    margin-left: 0px;
}

.benefit-row .benefit p {
    color: #667783;
}

.col-md-4 .benefit {
    width: 250px;
}

div.owl-item.active.center {
    width: 550px;
}

div.owl-item.active {
    width: 550px;
}

#div.owl-item {
    width: 550px;
}

#ben-div .benefit-row {
    position: relative;
    width: 850px;
    margin: 0 auto;
}

#ben-owl-car {
    position: relative;
    width: 640px;
    margin: 0 auto;
}

#ben-owl-car .col-md-4 .benefit {
    margin: 0;
    width: 200px;
    float: left;
    position: relative;
    display: block;
}

#ben-owl-car .col-md-4 .benefit .img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    float: left;
}

#ben-owl-car .owl-carousel .owl-theme {
    position: relative;
    width: 850px;
    margin: 0 auto;
    display: block;
}

.benefit-row .owl-carousel .owl-prev {
    position: absolute;
    cursor: pointer !important;
    left: -250px;
    top: 200px;
}

.benefit-row .owl-carousel .owl-next {
    position: absolute;
    cursor: pointer !important;
    right: -250px;
    top: 200px;
}

.benefit-row .owl-nav {
    font-size: 144px;
    text-align: center;
    color:#9B9B9B;
}

.benefit-row{                                                           
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.benefit-row-mob{
    padding-top: 50px;
    padding-bottom: 50px;
}

#ben-div-mob{
    background-color: #F1F1F1;
}

#ben-div-mob .benefit {
    text-align: center;
}

.benefit {
    text-align: center;
}

div.benefit-row {
    width: auto;
    text-align: center;
}

.benefit-row-mob {
    background-color: #F1F1F1;
}


.benefit-row-mob h4 {
    text-align: center;
    color: #DC503E;
    text-transform: uppercase;
}

.benefit-row-mob h5 {
    color: #034596;
    text-align: center;
}

.benefit-row-mob .title-hr {
    border-top: 1px solid #E0DECF;
}

.benefit-row-mob .benefit {
    text-align: center;
}

.benefit-row-mob .benefit img {
    height: 180px;
    margin-left: 0px;
    width: auto;
}

.benefit-row-mob .benefit p {
    color: #667783;
}

.testimonial .description{
    color:#033F85;
    font-size:18pt; 
    width:55%;
    margin-left: 22%;
}

.testimonial table{
    margin-left: auto;
    margin-right: auto;
}

.testimonial table td:first-child{
     border-right: 1px solid #CFD2DF;
}

.testimonial table td{
     padding-left: 10px;
     padding-right: 10px;
     text-transform: uppercase;
     color: #667783;
}

.testimonial table td:last-child{
    border-left: 1px solid #CFD2DF;
    color: #47C5CC;
}

.testimonials .owl-carousel .owl-prev {
    position: absolute;
    cursor: pointer !important;
    left: -50px;
    top: 100px;
}

.testimonials .owl-carousel .owl-next {
    position: absolute;
    cursor: pointer !important;
    right: -50px;
    top: 100px;
}

.testimonials .owl-nav {
    font-size: 144px;
    text-align: center;
    color:#9B9B9B;
}

.testimonials{
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.articles-container {
    background-color: #FAF9F4;
    padding-bottom: 15px;
}


.articles-container h4 {
    text-align: center;
    color: #033F85;
    text-transform: uppercase;
}

.articles-container h5 {
    color: #033F85;
    text-align: center;
}

.articles-container .title-hr {
    border-top: 1px solid #033F85;
}

.articles-container .article {
    text-align: center;
}

.articles-container .article img {
    width: 120px;
}

.articles-container .article p {
    color: #667783;
}

.articles-container .owl-dots {
    text-align: center;
    padding-top: 15px;
}

.articles-container button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;    
    margin: 0 3px;
    background-color: transparent;
    border: 2px solid #989797;
}

.articles-container button.owl-dot.active {
    background-color: #989797;
}

.articles-container button.owl-dot
    :focus {
        outline: none;
    }

.article-0 {
    background-color: #667783!important;
}

.article-1 {
    background-color: #a69f88!important;
}

.article-2 {
    background-color: #68C3CD!important;
}

.article-3 {
    background-color: #D5CB9F!important;
}

.articles-container .view-all .gt{
    background-color: rgb(3,63,133);
    color:white;
}

.articles-container .gt{
    float: right;
    display: inline-block;
    border: 4px solid rgb(219,218,221);
    border-radius: 16px;
    height: 32px;
    width: 32px;
    padding-left: 8px;
}

.articles-container .view-all .gt{
    background-color: rgb(3,63,133);
    color:white;
}

.articles-container .view-all span{
    color: rgb(155,155,155);
    padding-right: 5px;
    top: 4px;
    position: absolute;
    right: 50px;
}

.item-content-in-benefit{
    background-color:rgba(255,255,255, .9);
}

.item-body-in-benefit{
    max-height:650px; 
    overflow:auto;
}

.item-h3-in-benefit{
    max-width:600px;
    width:auto;
    color:#ed4d56;
    text-transform: uppercase;
    font-weight:500;
    border-bottom: 2px solid #E0DECF;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
}


.testimonial-image{
    max-width:10%;
    margin-left:45%;
}

.no-side-margins{
    margin-left: 0px !important; 
    margin-right: 0px !important;
}

.medical-aid-article-header{
    margin-left:0px; 
    margin-right: 0px; 
    text-align: left!important; 
    font-weight:500;
    border-bottom:none;
    padding-bottom: 15px;
    text-align: center;
    text-transform:none;
    color:#033F85;
}

.medical-aid-see-more{
    top: 28px !important; 
    display:inline-block;
}

.medical-aid-see-more-and-sign{
    top: 25px !important; 
    right: 20px !important; 
    display:inline-block !important;
}

@media only screen and (max-width:920px) {

    #create-your-aid-block
    {
        visibility: visible;position:relative;
    }
    #test-create-aid-mobile-container{display:block;width:100%;visibility: visible;position:relative;}
    #create-your-aid
    {
        visibility: hidden;display:none;
    }
    
    
}

@media only screen and (max-width:620px) {
    #create-your-aid-block
    {
        visibility: visible;position:relative;
    }
    #test-create-aid-mobile-container
    {
        display:block;
        width:100%;
        visibility: visible;
        position:relative;
    }

    #create-your-aid
    {
        visibility: hidden;display:none;
    }

    .banner-interior-button{
        left: 16%;
        font-size: 80%;
    }

}


@media (max-width: 769px) {
    /* // Medium devices (tablets portrait, 769px and up) */
    .banner-interior-button{
        left: 15%;
        bottom: 4%;
        height: 12%;
        width: 22%;
    }

}


/* Landscape only for iPad / Tablet ----------- */
@media only screen 
and (max-device-width : 768px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1) {

  /* Tablet landscape */
  .banner-interior-button{
    left: 15%;
    bottom: 4%;
    height: 10%;
    width: 22%;
}

}



@media (max-width: 640px) {

    /* Smartphone landscapre */
    .banner-interior-button{
        left: 16%;
        bottom: 2%;
        height: 14%;
        width: 25%;
        font-size: 70%;
    }
    
  }
  
  
@media (max-width: 360px) {
    /* mobile portrait  */

    .banner-interior{
        height: 95%;
    }

    .banner-interior-button{
        left: 17%;
        font-size: 60%;
        bottom: 0%;
        height: 15%;
        width: 28%;
    }
}