/*@charset "UTF-8";*/
/* CSS Document */
html {
    font-size: 16px;
}

body {
    background-color: #fff;
    font-size: 100%;
    font-family: 'Source Sans Pro', Helvetica, sans-serif;
}

label {
    font-weight: bold;
}

DisplayName {
    font-weight: bold;
}

.required:after {
    content: "*";
    font-weight: bold;
    color: red;
}

.pm-small-text {
    font-size: medium;
    color: #5581b2;
}

.pm-text-blue {
    color: #5581b2;
}

.pm-text-darkblue {
    /*color: #696969;*/
    color: #112f57;
}

.underline {
    text-decoration: underline;
}

.popover-header {
    padding-top: -100px;
    background-color: #f09354;
    color: #fff;
}

.popover-body {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #fff;
}

.popover {
    border: 0px;
    max-width: 600px;
    background-color: rgba(0,0,0,0);
}

.form-control {
    color: #5581b2;
    border: 1px solid #f09354;
    border-radius: 0.25rem;
}

#pmRadio {
    background-color: #fff;
    border: 1px solid #f09354;
    color: #5581b2;
}

    #pmRadio:hover {
        background-color: #f09354;
        color: #fff;
    }

    #pmRadio:checked {
        background-color: #f09354;
        color: #fff;
    }

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .prev, .next, .text {
        font-size: 11px
    }
}


@media (max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}
/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/
a {
    color: #15448c;
}

.jumbotron-home {
    height: 400px;
    width: 100%;
    padding: 90px 0 0;
    margin-bottom: 0;
    color: #fff;
    text-shadow: 3px 3px #e46814;
}

.jumbotron-application {
    height: 100%;
    width: 100%;
    padding: 90px 0 0;
    margin-bottom: 0;
    color: #fff;
    text-shadow: 3px 3px #e46814;
}

.jumbotron-home.homepage {
    background: url(/Images/Home.jpg) top center no-repeat #eeecd2;
    background-size: cover;
}

.jumbotron.why {
    background: url(/Images/About/bg_kitchen-lg.jpg) top center no-repeat #eeecd2;
    background-size: cover;
}

.jumbotron.contact {
    background: url(/Images/Contact/bg_house-lg.jpg) top center no-repeat #eeecd2;
    background-size: cover;
}

.jumbotron.insurance {
    background: url(/Images/Insurance/bg_shoes-lg.jpg) top center no-repeat #eeecd2;
    background-size: cover;
}

.jumbotron.agents {
    background: url(/Images/Inspector/bg_couple-lg.jpg) top center no-repeat #eeecd2;
    background-size: cover;
}

.jumbotron.termsofuse {
    background: url(/Images/Inspector/bg_couple-lg.jpg) top center no-repeat #eeecd2;
    background-size: cover;
}

.jumbotron.privacy {
    background: url(/Images/bg_family-lg.jpg) top center no-repeat #eeecd2;
    background-size: cover;
}
/*.jumbotron.login {
    background: url(/Images/Login.jpg) top center no-repeat #eeecd2;
    background-size: cover;
}*/
.jumbotron.login {
    background: url(/Images/LogIn/bg_barbalis-lg.jpg) top center no-repeat #eeecd2;
    background-size: cover;
}

h1 {
    font-size: 42px;
    font-family: 'freight-sans-pro', Helvetica, sans-serif;
    font-weight: 500;
}
h2 {
    font-size:  42px;
    font-family: 'freight-sans-pro', Helvetica, sans-serif;
    font-weight: 100;
}

.jumbotron h1, .jumbotron-home h1 {
    font-size: 42px;
    text-align: center;
}

.image-text {
    margin-bottom: 2em;
    padding: 20px 0px 0;
}

    .image-text h1 {
        text-align: left;
    }

h2 {
    font-size: 30px;
    color: #112f57;
    text-shadow: 0px 1px 1px #fff;
    margin: 30px 0;
}

h3 {
    color: #5a5758;
    font-size: 1.5em;
    text-transform: capitalize;
    margin-top: 30px;
}

p {
    font-size: 20px;
}

.bg-white {
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-bottom-color: #080808;
}

.navbar-expand-lg .navbar-brand {
    color: #f09354;
    font-size: 30px;
    font-weight: bold;
}

    .navbar-expand-lg .navbar-brand:hover,
    .navbar-expand-lg .navbar-brand:focus {
        color: #e46814;
        background-color: transparent;
    }

.navbar-expand-lg .navbar-text {
    color: #5581b2;
    font-weight: bold;
}

.navbar-expand-lg .navbar-nav > li > a {
    color: #5581b2;
    font-weight: bold;
}

    .navbar-expand-lg .navbar-nav > li > a:hover,
    .navbar-expand-lg .navbar-nav > li > a:focus {
        color: #3a5b80;
        background-color: transparent;
    }

.navbar-expand-lg .navbar-nav > .active > a,
.navbar-expand-lg .navbar-nav > .active > a:hover,
.navbar-expand-lg .navbar-nav > .active > a:focus {
    color: #9d9d9d;
    background-color: #080808;
}

.navbar-expand-lg .navbar-nav > .disabled > a,
.navbar-expand-lg .navbar-nav > .disabled > a:hover,
.navbar-expand-lg .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent;
}

.navbar-expand-lg .navbar-nav > .open > a,
.navbar-expand-lg .navbar-nav > .open > a:hover,
.navbar-expand-lg .navbar-nav > .open > a:focus {
    color: #9d9d9d;
    background-color: #080808;
}

.navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .nav-link {
    color: #5581b2;
    font-weight: bold;
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: #3a5b80;
        background-color: transparent;
        text-decoration: underline;
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
    }

@media only screen and (max-width: 1690px) {
    .jumbotron-home, image-text h1 {
        padding-top: 320px;
    }

    #application-home img {
        width: 1200px;
    }
    /*#application-home {
        border:2px solid red;
    }*/
    #quotes-home img {
        width: 1200px;
    }

    #home-text-block img {
        width: 400px;
    }

    #icon_home {
        width: 80px;
    }

    #icon_condo {
        width: 80px;
    }
}

@media only screen and (max-width: 1280px) {
    .jumbotron-home, image-text h1 {
        padding-top: 320px;
    }

    #application-home img {
        width: 880px;
    }
    /*#application-home {
        border: 2px solid blue;
    }*/
    #quotes-home img {
        width: 880px;
    }

    #home-text-block img {
        width: 350px;
    }

    #icon_home {
        width: 80px;
    }

    #icon_condo {
        width: 80px;
    }
}

@media only screen and (max-width: 980px) {
    .jumbotron-home, image-text h1 {
        padding-top: 260px;
    }

    #application-home img {
        width: 630px;
    }
    /*#application-home {
        border: 2px solid orange;
    }*/
    #quotes-home img {
        width: 630px;
    }

    #home-text-block img {
        width: 250px;
    }

    #icon_home {
        width: 80px;
    }

    #icon_condo {
        width: 80px;
    }
}

@media only screen and (max-width: 750px) {
    .jumbotron-home, image-text h1 {
        padding-top: 260px;
    }

    #application-home img {
        width: 450px;
    }

    /*#application-home {
        border: 2px solid blue;
    }*/

    #quotes-home img {
        width: 450px;
    }

    #home-text-block img {
        width: 250px;
    }

    #icon_home {
        width: 80px;
    }

    #icon_condo {
        width: 80px;
    }
}

/*@media only screen and (max-width: 980px) {
    .jumbotron-home, image-text h1 {
        padding-top: 300px;
    }
    body {
        background-color: green;
    }
}*/

@media only screen and (max-width: 648px) {
    .jumbotron-home, image-text h1 {
        padding-top: 260px;
    }

    #application-home img {
        width: 500px;
    }

    #application-home {
        border: 2px solid green;
    }

    #quotes-home img {
        width: 500px;
    }

    #home-text-block img {
        width: 300px;
    }

    #icon_home {
        width: 60px;
    }

    #icon_condo {
        width: 60px;
    }
}

@media only screen and (max-width: 580px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }

    .jumbotron-home, image-text h1 {
        padding-top: 230px;
    }

    #application-home img {
        width: 280px;
    }
    /*#application-home {
        border: 2px solid grey;
    }*/
    #quotes-home img {
        width: 280px;
    }

    #home-text-block img {
        width: 200px;
    }

    .jumbotron-home h1 {
        font-size: 33px;
        text-align: center;
    }

    #icon_home {
        width: 60px;
    }

    #icon_condo {
        width: 60px;
    }
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

@media only screen and (min-width : 320px) and (max-width : 800px) {
    /*.jumbotron-home.homepage {
        background: url(/Images/bg_family-sm.jpg) top center no-repeat ;
    }*/

    /*.jumbotron.apply {
        background: url(/Images/LandingPage/bg_cellphone-sm.jpg) top center no-repeat #eeecd2;
    }*/

    .jumbotron.why {
        background: url(/Images/About/bg_kitchen-sm.jpg) top center no-repeat;
        /*background-size: contain;*/
    }

    /*.jumbotron.insurance {
        background: url(/Images/Insurance101Page/bg_shoes-sm.jpg) top center no-repeat #eeecd2;
        background-size: contain;
    }*/

    .jumbotron.agents {
        background: url(/Images/Inspector/bg_couple-sm.jpg) top center no-repeat;
    }

    .jumbotron.termsofuse {
        background: url(/Images/Inspector/bg_couple-sm.jpg) top center no-repeat;
    }

    .jumbotron.privacy {
        background: url(/Images/bg_family-sm.jpg) top center no-repeat;
    }

    /*.jumbotron.privacy {
        background: url(/Images/PrivacyPage/bg_couple-sm.jpg) top center no-repeat #eeecd2;
    }*/

    .jumbotron.contact {
        background: url(/Images/Contact/bg_house-sm.jpg) top center no-repeat;
    }

    /*.jumbotron.signup {
        background: url(/Images/SignUpPage/bg_norbert-sm.jpg) top center no-repeat #eeecd2;
    }*/

    .jumbotron.login {
        background: url(/Images/Login/bg_barbalis-lg.jpg) top center no-repeat;
    }

    .jumbotron.resetpw {
        background: url(/Images/ResetPWPage/bg_doyle-sm.jpg) top center no-repeat #eeecd2;
    }

    .jumbotron.termsofuse {
        background: url(/Images/TermsOfUsePage/bg_family-sm.jpg) top center no-repeat #eeecd2;
    }


    /*.jumbotron-home {
        padding-top: 40px;
    }

    .image-text {
        margin: 0;
        padding-top: 40px;
    }

    .connect {
        padding: 20px;
    }

    .button {
        margin: 30px 0;
    }

    .content {
        padding: 0 10px 20px;
    }

    .container {
        padding: 0;
    }

    .login-nav {
        padding: 10px;
        margin: 0 auto;
        float: none;
        text-align: center;
    }

    .navbar-nav {
        float: none;
        text-align: center;
        padding: 0;
        margin: 8px 0;
    }

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

    .steps {
        padding: 20px;
    }

    .apps img {
        margin: 10px 0;
        max-width: 300px;
        text-align: center;
    }

    .step1, .step2, .step3 {
        margin-bottom: 50px;
    }

    .bottom-footer, .sub-footer {
        padding: 10px;
    }

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

    .terms {
        margin: 15px auto;
        text-align: center;
        width: 300px;
    }

    .hideonmobile {
        display: none;
    }*/
}
/*@media only screen and (min-width : 1081px) {
    .jumbotron-home, image-text h1{
        padding-top:300px;
    }
    body {
        background-color: blue;
    }
}*/
/*@media only screen and (min-width : 960px) and (max-width : 1080px) {
    .jumbotron-home, image-text h1 {
        padding-top: 300px;
    }
    body {
        background-color: yellow;
    }
}*/
/*@media only screen and (min-width : 800px) and (max-width : 960px) {
    .jumbotron-home, image-text h1 {
        padding-top: 300px;
    }
    body {
        background-color: red;
    }
}*/
/*@media only screen and (min-width : 320px) and (max-width : 800px) {
    .jumbotron-home, image-text h1 {
        padding-top: 250px;
    }
    body {
        background-color: green;
    }
}*/

/*
    360×640 – 21.54%
    375×667 – 4.94%   
    1280×800 – 2.67%    
    1366×768 – 12.85%
    1440×900 – 3.32%   
    1920×1080 – 7.76%

    @media all and (max-width: 1690px) { ...}
    @media all and (max-width: 1280px) { ...}
    @media all and (max-width: 980px) { ... }
    @media all and (max-width: 736px) { ... }
    @media all and (max-width: 480px) { ... }
    
 

*/