html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    
}

 
#get-my-quote{scroll-behavior: smooth;}
body{font-family: 'Libre Franklin', sans-serif!important;}

.navbar-default.navBgRibbon {
    background: white none repeat scroll 0 0 !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) !important;
}

.navbar-toggle {
    background-color: #364abe !important;
    border: none !important;
}

    .navbar-toggle:hover {
        background-color: #364abf !important;
    }

.icon-bar {
    background-color: white !important;
}

.proBorder {
    border-right: 1px dotted #ebebeb;
    /*padding-right: 20px;*/
}

#PhoneCheckdiv {margin-bottom: 20px}
.UpdatedPhoneRow
{
      
          padding: 12px;
    border-radius: 5px;
    border: 0;
     background-color:#143F !important;
      
}

.providers {
    padding: 10px 50px; /*background-color: #D4E4F1;*/
}


 

.proLogo {
    float: left;
    padding: 0px 10px;
}

.contact-form .col-md-6{margin:10px auto;}
.contCta:hover{background-color:#3f51b5; text-decoration:none; color:#fff;}
.contCta{background-color:#364abe; padding:15px 30px; color:white; font-size:16px; border-radius:5px; margin-bottom:30px;}
.contBtn{margin:25px auto; text-align:center;}

#overlay {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

#formloader {
    background: rgba(0, 0, 0, 0) url("/Content/images/loader.gif") no-repeat scroll 0 0;
    border-radius: 8px;
    height: 150px;
    left: 30%;
    margin: 0 auto;
    right: 30%;
    top: 30%;
    width: 150px;
}

#formloader, #overlay {
    position: fixed;
    z-index: 10001;
}


.container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.navbar-default {
    background-color: white !important;
    border: 0px !important;
}
.navbar-default .navbar-nav > li > a:hover {
            font-weight: bold;
        }

.darker {
    
 /*background-color: rgba(135, 198, 205, 0.4);*/

background: #abbaab; 
/*background: -webkit-linear-gradient(to bottom, rgba(171,186,171,0.4) , rgba(255,255,255,1)); 
background: linear-gradient(to bottom, rgba(171,186,171,0.4) , rgba(255,255,255,1));*/

background: -webkit-linear-gradient(to bottom, rgba(190, 181, 221, 0.4) , rgba(255,255,255,1)); 
background: linear-gradient(to bottom, rgba(190, 181, 221, 0.4) , rgba(255,255,255,1));
background:-ms-linear-gradient(to bottom, rgba(190, 181, 221, 0.4) , rgba(255,255,255,1));
  
 margin-top: -70px;
    padding-bottom: 50px;
    padding-top: 100px;
}

.darker-overlay {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}

.image2 {
    background-color: #e8f1f5;
}

.bottomLink ul li {
    display: inline-block;
    padding: 10px;
}

.bottomLink {
    display: block;
    margin: 0 auto;
    text-align: center;
  
}

.footer {
    background-color: #f5f5f5;
    bottom: 0;
    width: 100%;
    text-align: center;
    position: relative;
}

    .footer p {
        font-size: 12px;
      
    }

/*headline section*/
.headdLine {
    margin-top: 90px;
}

.sub {
    margin: 50px auto;
}

.headdLine h3 {
    
    font-size: 21px;

    color: #3c3c3c;
}

.headdLine h2 {
  
    font-size: 34px;
    font-weight: 500;
    /*line-height: 46px;*/
    color: #3c3c3c;
    letter-spacing: -1.5px;
}

.headdLine h1 {
  
    font-size: 42px;
    font-weight: 700;
    line-height: 42px;
    margin-top: -5px;
    color: #444;
    letter-spacing: -1.5px;
}

    .headdLine h1 span, .headdLine h2 span {
        color: #3f51b5;
    }

/* bullet points*/
.bulletPoints ul {
  
    margin-left: -40px;
}

 

.bulletPoints li {
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-bottom: 30px;
    list-style: none;
    font-weight: 500;

}


.bulletPoints ul li img {
  float: left;
  margin-right: 15px;
  vertical-align: middle;
      width: 40px;
    height: 40px;
    object-fit: contain;

}

.bulletPoints li p {
    color: #222222;
    display: table-cell;
    vertical-align: middle;
    padding-left:5px;
    margin: 0;
}

    .bulletPoints li p span {
        color: #3f51b5;
        font-weight: bold;
    }


/*Right Main filter*/

.right-filter {
    padding: 0 40px;
}

.right-content-section {
    background-color: white;
    
    border-radius: 5px;
    margin-top: 80px;
}

.radioBtn {
    float: left;
    padding-right: 20px;
}
label{font-weight:400!important;}

.radioBtn  label{color:#3c3c3c!important;}

    .filter-head h1 {
        font-size: 25px;
        font-weight: bold;
        color: white;
        background-color: #3f51b5;
        text-align: center;
        padding: 15px 10px;
        margin: 0px -25px 0;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        box-shadow: 0 6px 0 #3f51b5;
    }

.cta-Search:after {
    content: url(/Content/images/search.png);
    left: 10px;
    position: relative;
    top: 5px;
}

.cta-Search,
 .cta-row .content .cta-bottom {
    border-radius: 40px;
background: #FF512F;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #F09819, #FF512F);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #F09819, #FF512F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


box-shadow: 0 6px 0 maroon;
    border: 0px;
    color: white;
    text-align: center;
    padding: 10px;
    font-size: 22px;
    font-weight: 700;
    width: 100%;
        max-width: 330px;

    margin-bottom: 20px;
    outline:none;
}

    .cta-Search:hover,
     .cta-row .content .cta-bottom:hover {
background: #F09819;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #F09819, #FF512F);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #F09819, #FF512F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */



    }

.btnSubmit {
    width: 60%;
    text-align: center;
    margin: 0 auto !important;
}

.right-filter label {
    color: #80837d;
}

.blue-label {
    color: #2d2c70 !important;
    cursor: pointer;
}

.right-filter .row {
    margin-bottom: 20px;
}

.form-control {
    height: 40px !important;
}

.input-validation-error, .redError {
    background-color: rgba(255, 0, 0, 0.2) !important;
    border: 1px solid red !important;
}

.select-wrapper {
    float: left;
    display: inline-block;
    border: 1px solid #d8d8d8;
    background: url(/Content/images/dropdown.png) 100% 50% no-repeat #fff;
    cursor: pointer;
    color: #222;
}

    .select-wrapper, .select-wrapper select {
        width: 100%;
        height: 40px;
        font-size: 16px;
        border-radius: 4px !important;
        margin-bottom: 10px;
    }

        .select-wrapper select optgroup {
            position: relative;
        }

        .select-wrapper:hover {
            background: url(/Content/images/dropdown-hover.png) 100% 50% no-repeat #fff;
            color: #222;
            border-color: #66afe9;
            box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(102, 175, 233, .6);
            outline: 0;
        }

        .select-wrapper .holder {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            cursor: pointer;
            position: relative;
            padding: 7px;
            top: -40px;
        }

        .select-wrapper select {
            margin: 0;
            position: relative;
            z-index: 2;
            cursor: pointer;
            outline: 0;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            -khtml-opacity: 0;
            -moz-opacity: 0;
            width: 100%;
        }

.filter-Quote {
    
    text-align: center;

    margin-top: 20px;
}

    .filter-Quote h4 {
        color: #3c3c3c;
        font-size: 20px;
    }

        .filter-Quote h5, .filter-Quote h4 span {
            color: #3f51b5;
            font-size: 16px;
            font-weight: bold;
        }
        .filter-Quote h5{
            display: flex;
    align-items: center;
    justify-content: center;
        }

       .filter-Quote h5 .lock-img {
           width:20px;
           height: 20px;
           object-fit:contain;
           margin-right: 10px
       }
            /*.filter-Quote h5::before {
                content: url(images/lock.png);
                padding-right: 10px;
            }*/

/* long form*/


    .congratulationsbox h3, .longformBox h3, .longappform h3 {
        font-weight: bold;
        font-size: 20px;
        color: #3f51b5;
    }

.congratulationsbox {
    background: #f3f3f3 none repeat scroll 0 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
}

.longappform {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 8px;
    padding-top: 10px;
}

.longformBox {
    background: #ffffff none repeat scroll 0 0;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.leftPhone {
    width: 40%;
    float: left;
}

.rightPhone {
    width: 60%;
    float: right;
}

.longformBox .row, .longappform .row {
    margin-bottom: 20px;
}

.holder {
    padding: 0 20px;
}

.longformBox .form-control, .longappform .form-control {
    background-color: #efefef;
}

.longformBox label, .longappform label {
    color: #333333 !important;
    font-weight: normal;
}

.longForm {
    margin-top: 50px;
    margin-bottom: -20px;
}

    .longForm h3 {
        color: #3c3c3c;
        
        font-size: 16px;
      
        text-align: center;
        margin-bottom: 30px;
    }

    .longForm h1 span {
        color: #3f51b5;
    }

    .longForm h1 {
        text-align: center;
        color: #3c3c3c;
      
        font-weight: 700;
        margin-bottom: -10px;
    }

.disclaimer p {
    font-size: 12px;
    text-align: center;
}

.thanksContent {
    color: white;
}

/* body content*/

.bodyMiddle h1 {
  
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 20px;
    color: #3c3c3c;
    letter-spacing: -1px;
}

.bodyMiddle p {
    color: #3c3c3c;
    font-size: 18px;
  
    padding: 10px 0px;
}

.bodyMiddle ul {
    margin-left: -40px;
}

    .bodyMiddle ul li {
        background: transparent url("images/tick.png") no-repeat scroll 0 0;
        color: #3c3c3c;
        font-size: 18px;
      
        list-style: outside none none;
        padding-bottom: 20px;
        padding-left: 40px;
    }

.bodyMiddle h3 {
  
}

.logo img {
    padding: 3px;
}

.showMobile {
    display: none;
}

.thanksContent {
    margin: 120px;
}

.date {
    float: left;
    width: 33%;
    padding-right: 10px;
}

/*New article page content expat*/
.article-expat{margin-top:50px;}
.page-headline{margin:30px auto; color:#3c3184; font-size:45px;}
.page-headline span{color:#f85032;}
.wrap-img{float:left; width:60%; margin:0 25px 25px 0; border-radius:4px;  }
.wrap-img-right{float:right;  border-radius:4px;width:400px; margin:0px 0px 25px 25px;}
.page-text{font-size:18px; line-height:1.5; text-align:justify;}
.page-text p{margin-bottom:20px;}
.page-text h3{color:#3c3184; margin-top:30px;}
.page-text h3:first-child{margin-top:0;}
.page-text  a{font-weight:bold; color:#f85032;}
.page-text  a:after{content:'»'; font-size: 36px;position: relative;top: 4px;left: 5px; color:#9a1a03} 
 .article-expat .right-content-section{margin:0; background-color:#f9f9f9;}


@media only screen and (max-width :992px) {
    .right-content-section{margin-top:30px;}
    .thanksContent {
        margin: 50px;
    }

    

    .showMobile {
        display: block;
        margin-bottom: -35px;
        text-align: center;
    }

    .bullets {
        margin-top: 25px;
    }

    .hideMobile {
        display: none;
    }

    .filter-Quote {
        display: none;
    }

    .congratulationsbox {
        display: none;
    }

    .longformBox {
        border-top-left-radius: 8px;
    }

        .longformBox h3 {
            padding-top: 20px;
        }

        .longformBox label {
            margin-top: 15px;
        }

    .disclaimer p {
        padding-bottom: 20px;
    }

    .headdLine h2 {
        font-size: 24px;
    }

    .longForm h1, .headdLine h1 {
        font-size: 30px;
        letter-spacing: 0px;
        line-height: normal;
    }

    .headdLine {
        margin-top: 50px;
    }

    .sub {
        margin-top: 30px auto !important;
    }

    .proBorder {
        border-right: 0;
        padding-right: 0px;
    }

    .proLogo {
        padding: 10px;
    }
}



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


    .longForm h1, .bodyMiddle h1 {
        font-size: 24px !important;
    }

    /*.longForm h3 {
        display: none;
    }*/

    .image {
        /*background: #CFD8DC !important;*/
        background: #e8f1f5 !important;
    }
}


@media only screen and (max-width :480px) {
    .darker {padding-bottom: 0;}
    .right-content-section {margin-top:10px;}

    .bottomLink ul li {
        padding: 3px;
    }
    .bulletPoints ul li img {
        width: 30px;
        height: 30px;
    }
    .bodyMiddle p {
        font-size: 15px;
        padding: 3px 0px;
    }

    .bodyMiddle ul li {
        font-size: 15px;
        padding-bottom: 10px;
    }

    .headdLine h1, .bodyMiddle h1 {
        font-size: 24px !important;
        letter-spacing: -1px !important;
        line-height: normal !important;
        margin-bottom: 30px;
    }


    .headdLine h2 {
        font-size: 20px !important;
        letter-spacing: -1px !important;
    }

    .sub {
        display: none;
    }

    /*.headdLine {
        margin-top: 30px;
    }*/

    .bulletPoints li {
        font-size: 16px;
        margin-bottom: 13px;
    }

    .logo img {
        max-width: 75% !important;
        padding: 6px;
    }

    .hideMe {
        display: none;
    }

    .btnSubmit {
        width: 100%;
    }

    .providers {
        padding: 5px;
    }
    .wrap-img, .wrap-img-right{width:100%; margin:0 0 20px 0}
    .page-headline{font-size:28px; margin:20px auto; }
    .page-text h3{font-size:18px;}
    .page-text p{font-size:15px;}
}


@media only screen and (max-width :360px) {
    .headdLine h1 {
        font-size: 20px !important;
    }

    .headdLine h2 {
        font-size: 18px !important;
    }

    .filter-head h1 {
        font-size: 18px !important;
        padding: 10px !important;
    }
        .longForm h1{ font-size: 20px !important; margin-top:-10px; }
    .longformBox{margin-top:-15px;}
}

 .quote {
font-size: 150px;
color: #3f51b5;
line-height: 1;
width: 50px;
    height: 70px;
 }
.reviews-row {
    background-color: #d9d9d9; 
    padding: 30px 0;     
}
.review-box {
    padding:20px;
        display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 200px;
    position: relative;
     
}

.review-box .review-text {font-weight: 700;}

.review-box .user-name {text-align: right;}

.review-box  .user-name p{margin:0; color:#3f51b5 }
 .review-box  .user-name .glyphicon{color: #45B649}

 .short-content {
   
 }
   .short-content h2 {font-weight: 700; color:#3f51b5; font-size: 28px; margin: 0 auto 30px ;}
  .short-content .item-list {
    display: flex;
    margin: 30px 0;
}

.short-content .item-list strong  {color: #3f51b5;}

  .short-content .item-list .img {
      margin-right: 20px;
      width: 100px;
  }

    .short-content .item-list .img img {
      
        height: auto;
        object-fit:contain;
    }
    .providers {text-align: center; padding: 30px 0;}

    .providers-logo img {
        padding: 10px;
        max-height: 70px;
    }

       .providers h3 {
        
        font-size: 16px;
        font-size: 20px;
    margin-bottom: 30px;
    }
 .cta-row{
     background-color:#3f51b5 ;
     color: #fff;
   background:url(/Content/images/HealthBg.jpg) no-repeat top center scroll; 
   background-size:cover; 
   position: relative;
   padding: 50px 0


 }
 .cta-row:after{
     content: '';
     background: rgba(63, 81, 181, .8);
     position: absolute;
     top: 0;
     left:0;
     right:0;
     width: 100%;
     height: 100%;
 }

 .cta-row .content{text-align: center; padding: 40px 20px; position:relative; z-index: 2;}

 .cta-row .content h1 {font-size: 32px; font-weight: 700;}
  .cta-row .content h3 {font-size: 22px;}
  .cta-row .content h1, .cta-row .content h3 {margin: 0 auto 20px;}
  .cta-row .content .cta-bottom {margin-top: 20px; min-width: 250px; min-height: 48px; padding: 10px 30px; }
  /*.cta-row .content .cta-bottom {background: orange; font-size: 16px; font-weight: 700;text-align: center; padding: 10px 12px; color: #ffffff;}*/