/*html, body{*/
/*    overflow-x: hidden;*/
/*    position: relative;*/
/*}*/

body {
    display: flex;
    min-height: 100vh;
    min-width:100vw;
    max-width:100vw;
    flex-direction: column;
    overflow-x:hidden!important;
    background-color: #e8eaed;
}

body .container {
    min-width: 100%;
    max-width: 100%;
    height: fit-content;/*100%;*/
    /*position:fixed;*/
}

input, textarea, select, .k-datepicker
{
    width:100%;
}

input[type=checkbox]
{
    width: 20px;
    height: 15px;
}

h3, h4, h5{
    width:100%!important;
}

.header-font{
    /*font-family: 'Oswald', sans-serif;*/
    font-weight: bold;
    font-size: 5vh;
}

input, select, textarea {
    display: inline-block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 14px;
    line-height: 1.25;
    color: #55595c!important;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    margin-bottom: 1px !important;
    height: 35px;
}

input[type=radio]
{
    height:15px;
}

.center
{
    text-align:center;
}

.hidden
{
    display:none;
}

.bold
{
    font-weight:bold;
}

label
{
    width:100%;
}

table{
    border: none;
}



/******** Header ************/
.header
{
    /* -moz-box-shadow: 5px 10px 10px #272727;
    box-shadow: 5px 10px 10px #272727;
    -webkit-box-shadow: 5px 10px 10px #272727; */
    background: white;
    z-index: 900;
    position: relative;
}

.header
{
    font-size:40px;
    font:Myriad Pro Light;
}

.nav-item a{
    color:rgb(27,66,99)!important;
    font-weight:bold;
}


.nav-item{
    /*height: fit-content;*/
    margin-top:auto;
    width:fit-content;
    padding-left:1vw;
    padding-right:1vw;
    float:left;
    text-align:center;
    /*margin-bottom:auto;*/
}
a.nav-link:hover{
    color: #FF262D!important;/*rgb(35, 106, 171);*/
    transition: 100ms ease;
}

#nav-left, #nav-right{
    margin-top: auto;
}

.nav-link
{
    padding-left:20px!important;
    padding-right:20px!important;
    font-size: medium;
}



.navbar-nav
{
    flex-direction:inherit!important;
}

.dropdown-item:hover{
    background: rgb(27,66,99);
    color:white!important;
}

.header .navbar
{
    width:100%;
}


/******** Main Body ************/
.main-body{
    margin: 20px 0px;
}

.content-div{
    margin-left: 10%;
    margin-right: 10%;
}

.rate-item{
    width: 100%;
    height: 30%;
    margin: 0px 10px 0px 10px;
}

.offering{
    padding: 0px 20px 0px 20px;
}

.img-td{
    float: right;
    text-align: center;
}

.rate-img{
    min-width: 140px;
    min-height: 140px;
    max-width: 140px;
    max-height: 140px;
    margin-bottom: 20px;
}

.adv-img{
    margin: 0px 20px 0px 10px;
    max-width: 300px;
    max-height: 300px
}

.article{
    margin: 40px 0px;
    text-align: left;
}

.max-lines {
    display: block;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 9em;
    line-height: 1.8em;
  }

#privacyPolicyDiv h1,h2,p{
    width: 100%;
}


.fade-in {
    animation: fadeIn ease 0.5s;
    -webkit-animation: fadeIn ease 0.5s;
    -moz-animation: fadeIn ease 0.5s;
    -o-animation: fadeIn ease 0.5s;
    -ms-animation: fadeIn ease 0.5s;
}
@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-o-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-ms-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

.fade-out {
    animation: fadeOut ease 0.5s;
    -webkit-animation: fadeOut ease 0.5s;
    -moz-animation: fadeOut ease 0.5s;
    -o-animation: fadeOut ease 0.5s;
    -ms-animation: fadeOut ease 0.5s;
}
@keyframes fadeOut{
    0% {opacity:1;}
    100% {opacity:0;}
}

@-moz-keyframes fadeOut{
    0% {opacity:1;}
    100% {opacity:0;}
}

@-webkit-keyframes fadeOut{
    0% {opacity:1;}
    100% {opacity:0;}
}

@-o-keyframes fadeOut{
    0% {opacity:1;}
    100% {opacity:0;}
}

@-ms-keyframes fadeOut{
    0% {opacity:1;}
    100% {opacity:0;}
}
/******** Footer ************/
.footer
{
    color:black;
    font-size:11px;
    text-align: justify;
    bottom: 0;
    /* margin-bottom: 10px; */
    /* padding-top: 1vh; */
    width: 100%;
    position: relative;
    /* top: 70vh; */
}

.footer .footerLinksDiv
{
    text-align:center;
}

.footer .footerLinksDiv a
{
    color:rgb(27,66,99)!important;


}

/******* FORM ************/
#f_personalInfoForm
{
    width:100%;
}

#f_submit
{
    background-color: rgb(252,176,64);
    color:white!important;
    font-size:25px;
    height:100%;
    width:100%
}


.disclaimer
{
    margin-top:20px;
    font-size:11px;
}

.bbb-logo{
    margin-top:auto;
}


@media only screen and (max-width: 900px) {
    .bbb-logo {
        margin-top: 2vh;
    }

    .tl-logo{
        margin-top: 3vh;
    }
}


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


    .desktop{
        display: none;
    }
    .mobile{
        display: show;
        padding: 0;
    }

    .row{
        margin-left: 0;
        margin-right:0;
    }

    .inner-row{
        padding-left: 15px;
        padding-right: 15px;
    }

    .logo{
        width: 50vw;
    }

    .logo-div{
        margin: auto;
    }

    .index{
        /* min-width: 50%;
        max-width: 50%; */
        text-align: center;
        vertical-align: middle;
    }

    .index h1{
        color: white;
        text-align: center;
        vertical-align: middle;
    }

    /*.collapse + .navbar-collapse, .navbar-toggler{*/
    /*    display: none;*/
    /*}*/

    .form-page-form{
        background: rgb(175,175,175,1);
        border-radius: 25px;
        padding: 3%;
        /*margin: 6%;*/
    }

    .articles-table{
        border-collapse: separate;
        border-spacing: 1em 1.25em;
    }

    .form-page-title{
        text-align: center;
        color:whitesmoke;
        padding-left:15px;
        padding-right:15px
    }
}

@media only screen and (min-width: 769px){
    .desktop{
        display: show;
    }
    .mobile{
        display: none;
    }
    .logo{
        width: 20vw;
    }

    /* .index-td{

    } */

    .index{
        min-height: 100%;
        max-height: 100%;
        margin-top: auto;
        margin-bottom: auto;
        padding-top: 20%;
        /* padding-bottom: 5%; */
    }

    #index-table{
        width:100%;
        height: 100%;
        table-layout: fixed;
    }

    #index-table td{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        min-width: 25%;
        max-width: 25%;
        text-align: center;
        vertical-align: middle;
    }

    .form-page-form{
        background: white;
        box-shadow: 0px 01px 20px 4px #0000008c;
        border-radius: 15px;
        padding: 3%;
        /*margin: 6%;*/
    }

    .articles-table{
        border-collapse: separate;
        border-spacing: 1.25em 1.25em;
    }

    .form-page-title{
        text-align: center;
        color:whitesmoke;
        padding-left:30px;
        padding-right:30px
    }
}


.index h1{
    color: white;
}

.home-color{
    background: rgb(138, 0, 0);
}
.health-color{
    background: rgb(189, 84, 6);
}
.life-color{
    background: rgb(37, 99, 8);
}
.auto-color{
    background: rgb(98, 44, 107);
}
.index{
    transition: all .2s ease-in-out;
}

.home{
    background: rgb(138, 0, 0);
    background: -webkit-linear-gradient(rgba(138, 0, 0, 0.8), rgba(138, 0, 0, 0.8)), url("/images/nav-house.png");
    background: linear-gradient(rgba(138, 0, 0, 0.8), rgba(138, 0, 0, 0.8)), url("/images/nav-house.png"); /* The least supported option. */
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}

.health{
    background: rgb(189, 84, 6);
    background: -webkit-linear-gradient(rgba(189, 84, 6, 0.8), rgba(189, 84, 6, 0.8)), url("/images/health.jpg");
    background: linear-gradient(rgba(189, 84, 6, 0.8), rgba(189, 84, 6, 0.8)), url("/images/health.jpg"); /* The least supported option. */
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
}

.auto{
    background: rgb(98, 44, 107);
    background: -webkit-linear-gradient(rgba(98, 44, 107, 0.8), rgba(98, 44, 107, 0.8)), url("/images/auto.jpg");
    background: linear-gradient(rgba(98, 44, 107, 0.8), rgba(98, 44, 107, 0.8)), url("/images/auto.jpg"); /* The least supported option. */
    background-size: cover;
    background-repeat: no-repeat;
}

.life{
    background: rgb(37, 99, 8);
    background: -webkit-linear-gradient(rgba(37, 99, 8, 0.8), rgba(37, 99, 8, 0.8)), url("/images/nav_family.png");
    background: linear-gradient(rgba(37, 99, 8, 0.8), rgba(37, 99, 8, 0.8)), url("/images/nav_family.png"); /* The least supported option. */
    background-size: cover;
    background-position-x: center;
    background-repeat: no-repeat;
    background-position-y: center;
}


#continue, #submit-req, #rs_submit_privacy_request, #form_header{
    background: -webkit-linear-gradient(rgb(143, 10, 32), rgb(66, 12, 79));
    background: linear-gradient(rgb(143, 10, 32), rgb(66, 12, 79)); /* The least supported option. */
    border: none;
    color: white !important;
    /*padding-top:15px;*/
    /*padding-bottom:15px;*/
    padding: 1vw 2vh;

}

#form_header{
    margin-top: 5px;
    margin-bottom: 5px;
    width:100%!important;
    border-radius: 15px;
}

#continue, #submit-req, #rs_submit_privacy_request{
    font-size: 3vh;
    width: 100%;
    height: auto;
    padding: auto auto;
}

#submit-req:disabled{
    background: #adadad;
}

.disclaimer{
    text-align: justify;
}

.ind-image{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: auto;
    max-height: auto;
    max-width: auto;
    width: auto;
    opacity: 0.5;
    object-fit: cover;
}

.form-control{
    font-size: 1.25rem;
    margin: 5px;
    border: 1px solid black;
    background-color: white;
}


/*.featured_article{*/
/*    margin-left:1vw;*/
/*    margin-right:1vw;*/
/*}*/

.featured_article{
    text-align:left;
}
.privacy-form-input{
    font-size: 75%;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 80%;
}


.offer-box{
    border-style: solid;
    border-width: 2.5px;
    border-radius: 50px;
    background: white;
    color: #1a275e;
    width: 60vh;
    margin: 10px;

}

.form-err{
    height:17px;
    border-top:1px solid #99182c;
    border-right:1px solid #99182c;
    border-bottom:1px solid #99182c;
    margin-left:9px;
    padding:1px 5px 0px 5px;
    font-size:small;
}

.round {
    position: relative;
}

.round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
}

.round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
    background-color: #213b73;
    border-color: #213b73;
}

.round input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.invalid-form .inalid-req{
    margin-bottom: 1px;
    color: #d40000;
    display: none;
    text-align: center;
}

.top{
    margin-top: 3vh;
}

.offer-style{
    margin: 2px;
    max-width: 200px;
    height: auto;
    width: auto;
    max-height:50px;
}

#article-content{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom:20px solid transparent;
    font-size: 0.9rem;
}

#article-img{
    max-width: 80%;
    height: auto;
    margin-top:10px;
    margin-bottom:20px;
}

.article-title{
    margin-bottom:0;
    font-size:1.4rem;
    text-align:left;
}

.article-title + .mobile-layout{
    font-size: 1.1rem;
}

.article-author{
    margin-bottom: 10px;
    font-size: 0.8em;
}

.article-content{
    margin-bottom:0;
    text-align: justify;
    font-size: 0.925rem;
}

.privacy-request-input{
    text-align: center;
}

.form-page-container{
    /*padding-right: 15px;*/
    /*padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
    min-height: 85.5vh;
}

.home-circle.bg{
    fill: rgb(138, 0, 0, 0.2);
}
.health-circle.bg{
    fill: rgb(189, 84, 6, 0.2);
}
.life-circle.bg{
    fill: rgb(37, 99, 8, 0.2);
}
.auto-circle.bg{
    fill: rgb(98, 44, 107, 0.2);
}

.home-circle{
    fill: rgb(138, 0, 0);
}
.health-circle{
    fill: rgb(189, 84, 6);
}
.life-circle{
    fill: rgb(37, 99, 8);
}
.auto-circle{
    fill: rgb(98, 44, 107);
}

.subcat-circle{
    transition: all .2s ease-in-out;
}

.subcat-circle:hover{
    transform: scale(1.2);
    cursor: pointer;
}

.index-box{
    color: white;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    min-height: 450px;
    text-align:Center;
}

.icon-wrap > i{
    font-size: 4rem;
    color: white
}

.icon-wrap:hover{
    cursor: pointer;
}

.cat_button{
    color:#1a275e;
    font-size: calc(1.5em + 1.25vw);
    padding-top: 2vh/*calc(.75em + .05vw);*/
}

@media only screen and (max-width: 993px){
    .cat_button{
        color:#1a275e;
        font-size: calc(2em + 1.25vw);
        padding-top: 3vh/*calc(.75em + .05vw);*/
    }

}

.helpful-tools{
    /*max-height:15vh;*/
    /*width: auto;*/
    width: 20vw;
    max-width: -webkit-fill-available;
    height: auto;
    box-shadow: 10px 9px 20px 4px #0000009e;
}

.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

}

.calcCircleBase {
    border-radius: 25px;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

}
.calc_circle {
    width: 100%;
    text-align:center;
    height: auto;
    background: rgba(255,255,255,0.6);
    color: #1a275e;
    padding: 1.5vh;
    /*border: 1px solid rgba(255,255,255,0.5);*/
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
}
.calc_circle:hover{
    cursor: pointer;
    transform: scale(1.05);
    transition: 175ms ease;
    background: #1a275e;
    color:rgba(255,255,255,0.6)!important;
}
.calc_circle>label:hover {
    cursor: pointer;
}
.subcat_circle {
    width: 10vh;
    height: 10vh;
    background: rgba(255,255,255,0.6);
    /*border: 1px solid rgba(255,255,255,0.5);*/
    margin-left: auto;
    margin-right: auto;
}


.subcat_button{
    text-align: center;
    /*padding-left: 40px;*/
    /*padding-right: 40px;*/
    max-width: 50vw;
    margin-top: 5vh;
}

.subcat_button:hover{
    transform: scale(1.2);
    transition:all 500ms ease;
    cursor: pointer;
}

.service_box{
    padding: 40px;
}

.service_box:hover{
    transform: scale(1.2);
    transition:all 500ms ease;
    cursor: pointer;
}


.popup-modal{
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 11vh; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    /*overflow: auto; !* Enable scroll if needed *!*/
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.45); /* Black w/ opacity */

}

.popup-container{
    height: 800px;
    overflow-y:auto;
    overflow-x: hidden;
    background:white;
}


/* The Close Button */
.close {
    color: #aaaaaa;
    font-size: 3rem;
    padding-right:20px;
    font-weight: bold;
    opacity: 1;
}
.close:not(:disabled):not(.disabled):hover{
    opacity: 1;
}
.close{
    cursor: pointer;
}

.hide{
    display: none;
}
html, body {
    height: 100%;
  }
  body {
    display: flex;
    flex-direction: column;
  }
  .content {
    flex: 1 0 auto;
  }
  .footer {
    flex-shrink: 0;
  }

.subcat-dropdown{
    text-align: left;
    padding-left: 10px;
}

.subcat-dropdown li{
    list-style: none;
    margin-top: 5px;
    margin-bottom:5px;
    /*font-size:.75rem;*/
}

.subcat-dropdown li a{
    color: white;
}

.subcat-dropdown li:hover{
    transform: scale(1.05);
    /* transition: ease 200ms; */
    cursor: pointer;
}

.toggler{
    font-size: calc(1em + 2vw);
}


.dropdown-menu{
    display:none;
}

.dropdown a:hover{
    cursor: pointer;
}
.dropdown:hover .dropdown-menu{
    display: block;
    cursor: pointer;
}
/* ============================================================================================================================
== BUBBLE WITH AN ISOCELES TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-isosceles {
    position:relative;
    padding:15px;
    margin:1em 0 1em;
    color:white;
    background:#1a275e; /* default background for browsers without gradient support */
    /* css3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
  }

  /* Variant : for top positioned triangle
  ------------------------------------------ */

  .triangle-isosceles.top {
    background:#1a275e;
      margin-left: auto;
      margin-right:auto;
      width:60%;
  }


  /* THE TRIANGLE
  ------------------------------------------------------------------------------------------------------------------------------- */

  /* creates triangle */
  .triangle-isosceles:after {
    content:"";
    position:absolute;
    bottom:-15px; /* value = - border-top-width - border-bottom-width */
    left:50px; /* controls horizontal position */
    border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
    border-style:solid;
    border-color:#1a275e transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
  }

  /* Variant : top
  ------------------------------------------ */

  .triangle-isosceles.top:after {
    top:-15px; /* value = - border-top-width - border-bottom-width */
    right:43%; /* controls horizontal position */
    bottom:auto;
    left:auto;
    border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
    border-color:#1a275e transparent;
  }

#email-sub{
    text-align: center;
    border:4px solid #1a275e;
    margin-top:2vh;
    margin-bottom:5vh;
    padding:15px 10px;
}

.article-link h4{
    color: #1a275e;
}

.article-link:hover{
    transform: scale(1.1);
    transition:all 500ms ease;
    cursor:pointer;

}

.article-link:hover a{
    text-decoration: none;
}

.offer-btn{
    width: 100%;
    /*margin-top: 1vh;*/
    background-color:#1a275e;
    /*padding: 10px;*/
    color: white!important;
    border-radius: 25px;
    width:auto;
    margin-top:1vh;
}

.offer-btn:hover{
    background-color:#f36b21;
    transition:all 100ms ease;
    text-decoration: none;
}

.offer-btn:active{
    border: none;
}

.qs-offer{
    background-color: white;
    /*margin: 1vw 1vh;*/
    padding: 10px;
    border: 1px solid black;
    border-radius:25px;
}

.qs-offer-box{
    padding:1.25vw;
    margin-top:auto;
    margin-bottom:auto;
}

.calc-offer-box{
    margin-bottom: auto;
    padding:1.25vw;
}


.topnav #myLinks {
    display: none;
}

.topnav a {
    color: black;
    /*padding: 14px 16px;*/
    text-decoration: none;
    font-size: 3vh;
    display: block;
}

.topnav a.icon {
    padding-top: 1.5vh;
    padding-right: 0vw;
    background: white;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 5vh;
}

.active {
    background-color: #4CAF50;
    color: white;
}

.mobile-dd{
   list-style: none;
}

#menuToggle
{
    display: block;
    position: relative;
    top: 50px;
    left: 50px;

    z-index: 1;

    -webkit-user-select: none;
    user-select: none;
}

#menuToggle a
{
    text-decoration: none;
    color: #232323;

    transition: color 0.3s ease;
}

#menuToggle a:hover
{
    color: tomato;
}


#menuToggle input
{
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;

    cursor: pointer;

    opacity: 0; /* hide this */
    z-index: 2; /* and place it over the hamburger */

    -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;

    background: #cdcdcd;
    border-radius: 3px;

    z-index: 1;

    transform-origin: 4px 0px;

    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    opacity 0.55s ease;
}

#menuToggle span:first-child
{
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
    transform-origin: 0% 100%;
}

/*
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
    transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
    position: absolute;
    width: 300px;
    margin: -100px 0 0 -50px;
    padding: 50px;
    padding-top: 125px;

    background: #ededed;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */

    transform-origin: 0% 0%;
    transform: translate(-100%, 0);

    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
    padding: 10px 0;
    font-size: 22px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
    transform: none;
}

#mobile-menu{
    list-style: none;
    font-size: 1.6rem;
    color: #1a275e;
}

#mobile-menu a{
    color: #1a275e;
}

#mobile-submenu{
    list-style: none;
    font-size: 1.3rem;
    color: #1a275e;
}

#mobile-submenu a{
    color: #1a275e;
}

#mobile-dd{
    /*background-color: #efefef;*/
    width: 100vw;
    cursor: pointer;
}

.row{
    max-width:100vw!important;
}

.sticky{
    position: fixed;
    top: 0;
    width: 100vw;
}

.sticky+.navbar{
    padding-top:40vh;
}

.mobile-top{
    margin-top: 9vh;
}


#thankyou-box, #calc-box{
    background-color:white;
    border-radius:20px;
    margin-bottom:20px;
    padding-left:2.5vw;
    padding-right:2.5vw;
}
.marketing_partners{
    color: #007bff!important;
    text-decoration: none;
    background-color: transparent;
}

.marketing_partners:hover{
    cursor: pointer;
    text-decoration:underline!important;
}

.calc-text{
    font-size: 1.05rem;
    /*padding-top: 1vh;*/
    /*padding-bottom: .75vh;*/
    width: inherit;
    word-wrap: break-word;
    margin-bottom: 0;
}
/*.calc-text:hover{*/
/*    cursor: pointer;*/
/*    color: #FF262D;*/
/*    transition: ease 100ms;*/
/*}*/

.calc-offer{
    border:1px solid black;
    border-radius: 20px;
    padding: 10px;
    min-height: 400px;

}

/*.calc-offer:hover{*/
/*    transform: scale(1.025);*/
/*    transition: ease 200ms;*/
/*}*/

#calc-1{
    background: rgb(98, 44, 107);
    /*background: -webkit-linear-gradient(rgba(98, 44, 107, 0.8), rgba(98, 44, 107, 0.8)), url(/images/auto-tool.jpg);*/
    /*background: linear-gradient(rgba(98, 44, 107, 0.8), rgba(98, 44, 107, 0.8)), url(/images/auto-tool.jpg);*/
    /*background-size:cover;*/
}

#calc-2{
    background: rgb(52, 195, 235);
    /*background: -webkit-linear-gradient(rgba(52, 195, 235, 0.8), rgba(52, 195, 235, 0.8)), url(/images/credit-tool.jpg);*/
    /*background: linear-gradient(rgba(52, 195, 235, 0.8), rgba(52, 195, 235, 0.8)), url(/images/credit-tool.jpg);*/
    /*background-size:cover;*/
}

#calc-3{
    background: rgb(189, 84, 6);
    /*background: -webkit-linear-gradient(rgba(189, 84, 6, 0.8), rgba(189, 84, 6, 0.8)), url(/images/insurance.jpg);*/
    /*background: linear-gradient(rgba(189, 84, 6, 0.8), rgba(189, 84, 6, 0.8)), url(/images/insurance.jpg);*/
    /*background-size:cover;*/
}

#calc-4{
    background: rgb(138, 0, 83);
    /*background: -webkit-linear-gradient(rgba(138, 0, 83, 0.8), rgba(138, 0, 83, 0.8)), url(/images/investment.jpg);*/
    /*background: linear-gradient(rgba(138, 0, 83, 0.8), rgba(138, 0, 83, 0.8)), url(/images/investment.jpg);*/
    /*background-size:cover;*/
}

#calc-5{
    background: rgb(138, 0, 0);
    /*background: -webkit-linear-gradient(rgba(138, 0, 0, 0.8), rgba(138, 0, 0, 0.8)), url(/images/mortgage-tool.jpg);*/
    /*background: linear-gradient(rgba(138, 0, 0, 0.8), rgba(138, 0, 0, 0.8)), url(/images/mortgage-tool.jpg);*/
    /*background-size:cover;*/
}

#calc-6{
    background: rgb(37, 99, 8);
    /*background: -webkit-linear-gradient(rgba(37, 99, 8, 0.8), rgba(37, 99, 8, 0.8)), url(/images/retirement-tool.jpg);*/
    /*background: linear-gradient(rgba(37, 99, 8, 0.8), rgba(37, 99, 8, 0.8)), url(/images/retirement-tool.jpg);*/
    /*background-size:cover;*/
}

#calc-7{
    background: rgb(0, 158, 116);
    /*background: -webkit-linear-gradient(rgba(0, 158, 116, 0.8), rgba(0, 158, 116, 0.8)), url(/images/personal_finance.jpg);*/
    /*background: linear-gradient(rgba(0, 158, 116, 0.8), rgba(0, 158, 116, 0.8)), url(/images/personal_finance.jpg);*/
    /*background-size:cover;*/
}

#calc-8{
    background: rgb(158, 156, 0);
    /*background: -webkit-linear-gradient(rgba(158, 156, 0, 0.8), rgba(158, 156, 0, 0.8)), url(/images/loan_calc.jpg);*/
    /*background: linear-gradient(rgba(158, 156, 0, 0.8), rgba(158, 156, 0, 0.8)), url(/images/loan_calc.jpg);*/
    /*background-size:cover;*/
}

#calc-9{
    background: rgb(65, 67, 163);
    /*background: -webkit-linear-gradient(rgba(65, 67, 163, 0.8), rgba(65, 67, 163, 0.8)), url(/images/life-tool.jpg);*/
    /*background: linear-gradient(rgba(65, 67, 163, 0.8), rgba(65, 67, 163, 0.8)), url(/images/life-tool.jpg);*/
    /*background-size:cover;*/
}

.article-img{
    height:auto;
    margin-bottom:20px;
    float:right;
    margin-left:2vw;
}

.article-img + .mobile-img{
    width: 40vw;
}

.article-img + .desktop-img{
    width: 25vw;
}

.hr-break{
    border-width: 3px;
    color: #949494;
}

.margin-b5vh{
    margin-bottom: 5vh;
}

.latest-post-row > td{
    vertical-align: top;
    padding-left: 0.3em;
}

.latest-post-row > td > img{
    max-height: 80px;
    width: auto;
    padding-top: 8px;
}

.latest-header{
    margin-bottom:0;
    font-size: 0.9em;
}

.latest-datetime{
    margin-bottom:0;
    font-size: 0.8em;
}


#latest-posts{
    background-color: #d6d6d6;
    padding: 2.5%
}

.lander{
    min-height:90vh;
    text-align: center;
    padding-bottom:10vh;
}
.category-label{
    color: white;
    width: inherit;
    word-wrap: break-word;
}

.offer-image{
    height:20vh;
    width: auto;
    margin-left: auto;
    margin-right:auto;
}

.offer-row{
    text-align:center;
    margin-bottom:5vh;
}

.offer-col{
    margin-left: 25%;
    margin-right: 25%
}

.qs-logo{
    text-align:center;
    margin-top:auto;
    margin-bottom:auto;
}

#signup_newsletter{
    font-size: calc(.75em + .25vw);
    width:auto;
    color: white!important;
    background-color: #a60202;
    line-height: 1.3rem;
    padding: 5px;
}

#mobile-newsletter{
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #1a275e;
    color: white;
    height: 40px;
    vertical-align: middle;
    line-height: 2;
    height:auto;
}

.newsletter-border{
    width:100%;
    border: 2px solid #1a275e;
}

.index-headers{
    margin-top: 1vh;
    font-size: 2rem;
}

.calc-header{
    text-align:center;
    margin-top:auto;
    margin-bottom:auto;
}

.helpful-art-img{
    /*height:10vh;*/
    max-width:100%;
}