@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url('https://fonts.googleapis.com/css?family=Lusitana');

@font-face {
    font-family: 'product-icons';
    src: url('/fonts/product-icons/icomoon.eot');
    src: url('/fonts/product-icons/icomoon.eot?#iefix') format('embedded-opentype'), url('/fonts/product-icons/icomoon.svg#icomoon') format('svg'), url('/fonts/product-icons/icomoon.woff') format('woff'), url('/fonts/product-icons/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* landmarks */
article, aside, footer, header, main, nav, section,

/* other HTML 5 elements that should (probably) 
be set to display:block */
audio, canvas, datalist, details, figcaption, 
figure, output, progress, summary, video {
   display:block;
}

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

body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #3C4A5D;
    background-color: #fff;
}

.banner {
    background: rgba(220, 226, 235, 0.70);  
    padding:0px 0px 30px 0px;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: -15px;
}


.btn {
    display: inline-block;
    padding: 13px 50px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 4px;
    transition: .2s ease-out;

}


.btn-default {
    color: #0369a7;
    font:bold 16px lato,arial, sans-serif;
    text-transform:capitalize; 
    background-color:transparent;
    border:2px solid #0369a7;
        width:250px;
        margin-bottom:10px;



}

.btn-default:focus, .btn-default:hover {
     color: #fff;
    background-color:#003764;
    border:2px solid #003764;

}

.btn-primary {
    color: #fff;
    font:bold 16px lato,arial, sans-serif;
    text-transform:capitalize; 
    background-color:#0369a7;
    border:2px solid #0369a7;
    width:250px;
    margin-top:10px;
    margin-bottom:5px;
}

.btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background-color:#003764;
    border:2px solid #003764;

}



.claims-divider {
    border-top: 1px solid #B2B2B3;
    padding: 40px 0px 0px 0px;
    margin: 40px 0px 0px 0px;

}

h1 {
    font: 40px 'lato', arial, sans-serif;
    padding-top:130px;
}

h2 {
    font: bold 25px 'lato', arial, sans-serif;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h3 {
    font: bold 21px 'lato', arial, sans-serif;
    padding-bottom: 0px;
    margin-bottom: 0px;
    text-align:left;
}

h4 {
    font: bold 17px 'lato', arial, sans-serif;
    padding-bottom: 0px;
    margin-bottom: 0px;
        margin-top: -5px;
    padding-top: 0px;
    text-align:left;
}

h5 {
    font: 15px/24px arial, sans-serif;
    padding: 0px;
    margin-bottom: 0px;
    text-align: left;
    color:#fff;
}

p {
    font: 15px/24px arial, sans-serif;
    padding: 6px 0;
    text-align:left;
}

a {
    color: #3a6f8f;
    text-decoration: none;
}

a:focus, a:hover {
    color: #2C546D;
    text-decoration: none !important;
}

.white-text {
    color:#fff !important;
}

/* FONT ICONS */
.flaticon-search-1:before {
    content: "\f100";
}

.flaticon-tools:before {
    content: "\f101";
}

.flaticon-operator:before {
    content: "\f102";
}

.flaticon-mail:before {
    content: "\f103";
}

.flaticon-file-1:before {
    content: "\f104";
}

.flaticon-envelope:before {
    content: "\f105";
}

.flaticon-telephone-1:before {
    content: "\f106";
}

.flaticon-phone:before {
    content: "\f107";
}

.flaticon-telephone:before {
    content: "\f108";
}

.flaticon-interface:before {
    content: "\f109";
}

.flaticon-graphic:before {
    content: "\f10a";
}

.flaticon-money-1:before {
    content: "\f10b";
}

.flaticon-store:before {
    content: "\f10c";
}

.flaticon-sign:before {
    content: "\f10d";
}

.flaticon-money:before {
    content: "\f10e";
}

.flaticon-shopping:before {
    content: "\f10f";
}

.flaticon-suitcase:before {
    content: "\f110";
}

.flaticon-right-arrow:before {
    content: "\f111";
}

.flaticon-file:before {
    content: "\f112";
}

.flaticon-medal:before {
    content: "\f113";
}

.flaticon-multimedia:before {
    content: "\f114";
}

.flaticon-microphone:before {
    content: "\f115";
}

.flaticon-plant:before {
    content: "\f116";
}

.flaticon-clipboard:before {
    content: "\f117";
}

.flaticon-backpack:before {
    content: "\f118";
}

.flaticon-education:before {
    content: "\f119";
}

.flaticon-message:before {
    content: "\f11a";
}

.flaticon-technology:before {
    content: "\f11b";
}

.flaticon-search:before {
    content: "\f11c";
}

.flaticon-edit:before {
    content: "\f11d";
}

.flaticon-settings:before {
    content: "\f11e";
}

.flaticon-internet:before {
    content: "\f11f";
}

.flaticon-star:before {
    content: "\f120";
}

.flaticon-idea:before {
    content: "\f121";
}

.flaticon-megaphone:before {
    content: "\f122";
}

.flaticon-computer:before {
    content: "\f123";
}

.flaticon-left-arrow:before {
    content: "\f124";
}

.flaticon-padlock:before { content: "\f103"; }
.flaticon-coins:before { content: "\f104"; }
.flaticon-operator:before { content: "\f107"; }

.video-icon:before { content: "\e900"; }




.icon-auto:before {
    content: "\e900";
}

.icon-boat:before {
    content: "\e903";
}

.icon-condo-contents:before {
    content: "\e903";
}

.icon-condo-high-rise:before {
    content: "\e904";
}

.icon-condo:before {
    content: "\e905";
}

.icon-fifthwheel:before {
    content: "\e906";
}

.icon-collectible:before {
    content: "\e902";
}

.icon-flood:before {
    content: "\e907";
}

.icon-golf-cart:before {
    content: "\e908";
}

.icon-home:before {
    content: "\e910";
}

.icon-landlord:before {
    content: "\e909";
}

.icon-smallbusiness:before {
    content: "\e913";
}

.icon-mobile:before {
    content: "\e90a";
}

.icon-motorcycle:before {
    content: "\e90d";
}

.icon-motorhome-1:before {
    content: "\e90c";
}

.icon-motorhome-2:before {
    content: "\e90b";
}

.icon-orv:before {
    content: "\e90e";
}

.icon-pwc:before {
    content: "\e90f";
}

.icon-seasonal:before {
    content: "\e912";
}

.icon-snowmobile:before {
    content: "\e914";
}

.icon-trailer:before {
    content: "\e916";
}

.icon-vacant:before {
    content: "\e917";
}

.icon-tinyhome:before {
    content: "\e915";
}

.icon-vacation:before {
    content: "\e918";
}

.icon-scooter:before {
    content: "\e911";
}


.interlocking-foremost-logo:before {
    content: "\e91e";
}

.icon-person:before {
    content: "\e900";
}



.socialmedia-icons .facebook:before {
    content: "\e605";
}

.icon-facebook:before {
    content: "\e605";
}



.homepage-icons {
    text-decoration: none;
    color: inherit;
}

    .homepage-icons a {
        text-decoration: none;
        color: inherit;
    }

        .homepage-icons h3 {
        text-decoration: none;
        color: #3a6f8f;
    }


    .homepage-icons span {
        font-family: 'fonticon',product-icons,foremost-logo-interlock;
        font-size: 60px;
        color:#fff;
    }

    .homepage-icons div {
margin-top: 30px;
    padding-top: 45px;
    border: 1px solid #0369a7;
    background-color: #0369a7;
    border-radius: 4px;
    height: 130px;
    text-align: center;
}


    .homepage-icons h3 {
        font-size: 16px;
        margin-top: -1%;
        padding-top: 0px;
        color: #fff;
    }



    .homepage-icons p {
        padding: 5px 35px;
    }

    .contactpage-icons {
        background:rgba(40,72,93,0.90);
        padding:15px;
    }

    .contactpage-icons span {
        font-family: 'fonticon',icomoon-social;
        font-size: 45px;
        color: #fff;
        position: relative;
        bottom: -12px;
    }

  
  
   

    .contactpage-icons p {
        color:#fff;
    }

    .contactpage-icons p, .contactpage-icons a  {
    padding: 0px 0 0 0;
    margin: 2px 0 0 0;
    text-align: left !important;
    color:#fff;
}


.contactpage-overlay   {
    margin-top: -34px;
    padding: 110px 0 0px;
    min-height: 592px;
    height: auto;
    /* Incase of overlay problems just increase the min-height*/
}

.contactpage-background {
    background: url('../Images/grand-rapids-map.jpg');
    background-size: cover;
    background-position: top center;
}



    .productpage-icons {
    text-decoration: none;
    color: inherit;
}

    .productpage-icons a {
        text-decoration: none;
        color: inherit;
    }

        .productpage-icons h3 {
        text-decoration: none;
        color: #2C546D;
    }


    .productpage-icons span {
        font-family: 'fonticon',product,foremost-logo-interlock;
        font-size: 55px;
        color: #2C546D;
        position: relative;
        top: 50%;
    }

    .productpage-icons div {
        margin-top: 30px;
        padding-top:55px;
        border: 1px solid #abbbc5;
        border-radius:4px;
        height: 150px;
        text-align: center;
  background: #fff;
    box-shadow: 5px 5px 5px rgba(137, 139, 142, 0.6);
    }



    .productpage-icons h3 {
        font-size: 15px;
        margin-top: -5px;
        padding-top: 5px;
        color:#2C546D;
    }

    .productpage-icons p {
        padding: 5px 35px;
    }


 .pattern-overlay {
        margin-top: -90px;
        min-height: 900px;
        height: auto;
        /* Incase of overlay problems just increase the min-height*/
        /*background: rgba(80, 80, 80, 0.20);*/

    }

 .dark-blue-banner {
     background: rgba(0, 95, 151, 0.65);
     margin-top:130px;
     padding:20px;
     margin-bottom:20px;
     color:#fff;
 }

  .dark-blue-banner h2 {
    font: bold 23px 'lato', arial, sans-serif;
   }

   .dark-blue-banner h3 {
    font: bold 30px 'lato', arial, sans-serif;
    margin-top:5px;
   }

     .dark-blue-banner p {
    margin-top:0px;
    padding-bottom:15px;
   }

  .white-banner {
     background: rgba(255, 255, 255, 0.88);
          padding:30px 20px;

 }

   .white-banner h3 {
       margin-top:10px; 
       padding-top:0px;
   }

   .white-banner p {
       padding:0px;
       margin:0px;
   }

.homepage-banner {
    background-image: url('../images/einsurance/background-mobile.jpg');
    background-attachment:scroll;
    background-position:65% 50%;
    height: 728px;
}

.background-banner {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


.background {
    padding: 35px 0;
}

.background:nth-of-type(odd) {
    background: #e3eced;
}

.background:nth-of-type(even) {
    background: #fff !important;
}

.claims-carriers img {
    margin-top:15px;
}

.red {
    color:red;

}

/* HEADER & NAVIGATION STYLES */

.navbar-inverse {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .1);
    border-color: #fff;
    padding: 20px 0px;
}

    .navbar-inverse .navbar-nav > li > a {
        color: #474a4e;
        font: bold 15px lato, arial, sans-serif;
        text-transform: capitalize;
        position: relative;
        top: 0px;
        padding-top: 10px;
        padding-bottom: 10px;

    }


        .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
            color: #2C546D;
            background-color: transparent;
        }


.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    text-align: center;
}

    /* NAVIGATION ACTIVE STATE STYLE */
    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #2C546D;
    }
    /* NAVIGATION ACTIVE STATE STYLE */

    /* MOBILE MENU STYLE */
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle {
        color: #2C546D;
        border-color: #676767;
    }

    .navbar-inverse .navbar-toggle {
        background: rgba(44, 84, 109, 0.90);
    border-color: #2C546D;
}
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
     color: #2C546D;
     background-color: black;

}


    /* MOBILE MENU STYLE */

.navbar-appointed-btn span
{
   font-family: 'icomoon-person',product;
    font-size: 17px;
    position: absolute;
    top: 12px;
    left:17px;
}   

.navbar-appointed-btn {
    font: bold 15px lato, arial, sans-serif,icomoon-person;
    border: 1px solid #2C546D;
    border-radius:4px;
    background-color: #2C546D !important;
    width:150px;
    color:#fff !important;
}

    .navbar-appointed-btn:focus, .navbar-appointed-btn:hover, .navbar-appointed-btn:active {
        color: #fff;
        background-color: #2C546D !important;
    }

.navbar .navbar-nav {
    float: none;
    vertical-align: top;
}

.nav>li>a {
    position: relative;
    display:inline-grid;
    padding: 10px 15px;
}



.nav-tabs .nav-link>li:before {
    font-family: 'product';
    font-size: 40px;
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #2C546D;
}

.contactInfo-getappointed {
    background:rgba(44,84,109, 0.90); 
    padding: 3px;
    color: #fff;
    margin-bottom: -120px;
    margin-top: 20px;
}

.contactInfo-getappointed p {
    padding-bottom:0px;
}



.whyforemost-icons span {
    font-family: product;
    font-size: 50px;
    position: relative;
}

.tabicons span {
    font-family: product;
        font-size: 60px;
    color: #3C4A5D;

    }

    .tabicons div {
        text-align: center;
    }

.tab-content {
    padding:0 30px;
}

.nav-tabs {
    border-bottom: 1px solid #B2B2B3;
}



.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #3C4A5D;
    border: 1px solid #B2B2B3;
    border-bottom-color: transparent;
}


.form-group {
    margin-bottom: 5px;
}

.form-group-sm .form-control {
    height: 42px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
    margin: 3px 0px;
}

.form-group-sm .control-label {
    padding-top: 6px;
    font: 16px/24px lato, arial, sans-serif;
    font-weight: bold;
    text-align: right;
}

.form-group-sm select.form-control {
    height: 48px;
    line-height: 30px;
}

.form-control {

    height:48px;

}


   /* NAV BAR COLLAPSE BREAKPOINT */
@media (max-width: 1200px) {
.navbar-header {
    float: none;
}
.navbar-left,.navbar-right {
    float: none !important;
}
.navbar-toggle {
    display: block;
}
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #007ac3;
        border: 0px;
    }

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.navbar-collapse.collapse {
    display: none!important;
}
.navbar-nav {
    float: none!important;
    margin-top: 7.5px;
}
.navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.collapse.in{
    display:block !important;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 450px;
}

}




.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 500px;
    padding: 15px 15px 35px 15px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background: rgba(255, 255, 255, 0.98);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-divider {
    border-top:1px solid #C0C0C0;
    margin-top:25px;

}

.dropdown-icons span
{
   font-family: product;
    font-size: 60px;
    color:#007ac3;
    position:absolute;
    top:40px;

}   


.dropdown-menu h3 {
    font: bold 18px 'lato', arial, sans-serif;
    text-transform: uppercase;
    padding-bottom: 0px;
    padding-top:0px;
    margin-bottom: 0px;
    text-align: left;
}

.dropdown-menu p {
    font: 15px/24px arial, sans-serif;
    color: #474a4e;
    padding: 6px 0;
    padding-top: 0px;
    text-align: left;
}

.quoting-btn, .quoting-btn:hover, .quoting-btn.active, .quoting-btn.active:focus {
    color: #fff;
    background-color: #ed8c01 !important;
    border-color: #ed8c01 !important;
    font: 15px lato, arial, sans-serif;
    text-transform: capitalize;
    padding: 8px 15px;
    margin-top:-10px;
}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow:none; 
    box-shadow:none;;
}

/* FOOTER STYLES */

.footer {
	background-color:#424242;
    width: 100%;
    padding-bottom: 90px;
    padding-top: 30px;
}

    .footer p, .footer a {
        color: #fff;
        font: 15px/23px lato, arial, helvetica, sans-serif;
    }

        .footer .navbar-nav > li > a {
        color: #fff;
        font: bold 15px lato, arial, sans-serif;
        text-transform: capitalize;
        position: relative;
        top: 0px;
        padding-top: 10px;
        padding-bottom: 10px;

    }

       .footer .navbar-nav > li > a:focus, .footer .navbar-nav > li > a:hover, .footer .navbar-nav > li > a:active {
        color: #2C546D;
        background-color:#fff;

    }

          .footer-icons {
        padding:15px;
    }

                        .footersocial-icons {
        background:rgba(29,37,45,0.25);
        padding:0px 0px 15px 15px;
    }

                .footersocial-icons span {
                    font-family: 'fonticon',icomoon-social;
                    font-size: 40px;
                    color: #fff;
                    position: relative;
                    bottom: -12px;
                }


              .footer-icons {
        background:rgba(29,37,45,0.25);
        padding:15px 0px 0px 15px;
    }

                .footer-icons span {
                    font-family: 'fonticon',icomoon-social;
                    font-size: 40px;
                    color: #fff;
                    position: relative;
                    bottom: -20px;
                }
    
    .fb-social-link a {
        font-size: 20px;font-weight:bold;color:#2C546D;font-family: lato;
    }

      .fb-social-link p {
        padding-bottom:0px; margin-bottom:0px;padding-top: 0px;
    margin-top: 0px;
    }



   

    .contactpage-icons p {
        color:#fff;
    }

    .footer ol li {
        color: #696969;
        font: 14px arial, helvetica, sans-serif;
        line-height: 150%;
        text-align: left;
    }


    .footer h2 {
        color: #fff;
        font: bold 15px lato, helvetica, sans-serif;
        text-align: left;
        padding-left: 0px;
        margin-bottom: 5px;
    }

.footer-social {
    background:#B6CED0;
    padding-top: 10px;
    padding-bottom: 0px;
}

.footer-social ul {
    list-style: none;
    text-align: left;
    padding-left: 0px;
    margin-bottom: 20px;
}

.footer-social li {
    float: left;
    margin: 0 2px 2px;
    padding: 6px 8px;
    font: 16px arial, sans-serif;
    list-style: none;
}

.footer-social ul li a {
    display: block;
    outline: none;
    font: 36px 'icomoon-social';
    text-decoration: none;
}

.footer-social .facebook:before {
    content: "\e605";
    color: #d7d7d7;
}

.footer-social .twitter:before {
    content: "\e606";
    color: #d7d7d7;
}

.footer-social .instagram:before {
    content: "\e604";
    color: #d7d7d7;
}

.footer-social .youtube:before {
    content: "\e607";
    color: #d7d7d7;
}

.footer-social .linkedin:before {
    content: "\e608";
    color: #d7d7d7;
}

.footer-navigation h3 {
    font: 17px Lato, arial, sans-serif;
    text-align: left;
    padding: 0px 0px;
    font-weight: bold;
}

.footer .footer-navigation ul {
    list-style: none;
    text-align: left;
    padding-left: 0px;
}

.footer .footer-navigation li {
    margin: 0 5px 0;
    font: 14px arial, sans-serif;
    text-align: left;
}

    .footer .footer-navigation li:before {
        font: 18px 'icomoon-social';
        content: "\e610";
        color: #fff;
        position: relative;
        top: 2px;
        padding: 0 4px 0 0;
    }



.footer .phone {
    font: bold 19px Lato, arial, sans-serif;
}

.contact-map {
    padding-top: 20px;
    text-align: left;
}


.about-us-img {
    padding-top:18px;
}

.contact h3 {
    padding: 15px 0 5px 0;
    margin: 2px 0 0px 0;
    text-align: left;
}

.contact p {
    padding: 0px 0 0 0;
    margin: 2px 0 0 0;
    text-align: left !important;
}

.btn-contact {
    color: #fff;
    padding: 10px 15px;
    width:130px;
    font: 15px bold lato,arial, sans-serif;
    background-color: #2C546D;
    border: 2px solid #2C546D;
}

.btn-contact:focus, .btn-contact:hover {
    color: #2C546D;
    background-color:transparent;
    border:2px solid #32607c;

}
.modal-header {
    padding: 15px 15px 0px 15px;
  border-bottom: 0px solid #e5e5e5;
}

.modal-body {
    position: relative;
    padding: 0px;
}


.modal-footer {
    padding: 0px;
    text-align: right;
    border-top: 0px solid #e5e5e5;
}

.underline {
    text-decoration:underline;
}

.close {
    float: right;
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity:unset;
}


/* X-SMALL Devices */
@media (max-width: 767px) {

 h1 {
    font: 35px 'lato', arial, sans-serif;
    padding-top:130px;
    color:#fff;
}


    .homepage-icons {
    text-decoration: none;
    color: inherit;
}

    .homepage-icons a {
        text-decoration: none;
        color: inherit;
    }

        .homepage-icons h3 {
        text-decoration: none;
        color: #fff;
    }


    .homepage-icons span {
        font-family: 'fonticon',product-icons,foremost-logo-interlock;
        font-size: 70px;
        color: #fff;
    }

    .homepage-icons div {
margin-top: 30px;
    padding-top: 45px;
    border: 1px solid #0369a7;
    background-color: #0369a7;
    border-radius: 4px;
    height: 130px;
    text-align: center;
}




 

.homepage-banner {
    background-image: url('../Images/western-star-hero-overaly-mobile.jpg');
    background-attachment:scroll;
    background-position:50% -65%;
    height: 750px;
    width:auto;


}

.banner {
    background: rgba(220, 226, 235, 0.80);  
    padding:0px 0px 30px 0px;
}


    

    .claims-carriers {
        margin-left:25px;
    }

}

@media (max-width: 1200px) {

    .navbar-header {
    float: none;
    padding-left: 20px;
}

.header-text {
        font: bold 22px 'lato', arial, sans-serif;

}

 h1 {
    font:45px 'lato', arial, sans-serif;
   padding:120px 10px 0 10px;
   text-align:left;

}

 h3 {
    font: bold 16px 'lato', arial, sans-serif;
    padding-bottom: 0px;
    margin-bottom: 0px;
    text-align: left;
}



 
 
    p {
        text-align:left;
        font-size:15px;
        padding:0 10px;
    }

       .btn {
    display: inline-block;
    padding: 13px;
    text-align: center;
    white-space:pre-wrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 4px;
    transition: .2s ease-out;

}

    .btn-default {
    color: #0369a7;
    font:bold 16px lato,arial, sans-serif;
    text-transform:capitalize; 
    background-color:transparent;
    border:2px solid #0369a7;
        margin-bottom:10px;
            width:200px;




}

.btn-default:focus, .btn-default:hover {
     color: #fff;
    background-color:#003764;
    border:2px solid #003764;

}

.btn-primary {
    color: #fff;
    font:bold 16px lato,arial, sans-serif;
    text-transform:capitalize; 
    background-color:#015683;
    border:2px solid #015683;
    margin-top:10px;
    margin-bottom:5px;
    text-wrap:normal;
    width:200px;
            

}

.btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background-color:#003764;
    border:2px solid #003764;

}

.homepage-banner {
    background-image: url('../images/einsurance/background-mobile.jpg');
    background-attachment:scroll;
    background-repeat:no-repeat;
    background-position:50% 60%;
    height: 820px;
}

.dark-blue-banner h2 {
    font: bold 23px 'lato', arial, sans-serif;
   }

   .dark-blue-banner h3 {
    font: bold 25px 'lato', arial, sans-serif;
    margin-top:5px;
   }

     .dark-blue-banner p {
    margin-top:0px;
    padding-bottom:15px;
   }


}

@media (max-width: 992px) {

    .navbar-header {
    float: none;
    padding-left: 20px;
}

.header-text {
        font: bold 22px 'lato', arial, sans-serif;

}

 h1 {
    font:bold 40px 'lato', arial, sans-serif;
   padding:120px 10px 0 10px;
   text-align:center;
   color:#fff;

}

 h3 {
    font: bold 21px 'lato', arial, sans-serif;
    padding-bottom: 0px;
    margin-bottom: 0px;
    text-align: center;
}

    h2 {
    font: bold 25px 'lato', arial, sans-serif;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 15px;
    text-align:center;
}
 
    p {
        text-align:center;
        font-size:16px;
        padding:0 10px;
    }

      .dark-blue-banner {
     background: rgba(0, 95, 151, 0.65);
     margin-top:50px;
     padding:20px;
     margin-bottom:20px;
     color:#fff;
 }

  .white-banner {
     background: rgba(255, 255, 255, 0.85);
          padding:30px;

 }

   .white-banner h3 {
       margin-top:10px; 
       padding-top:0px;
   }

   .white-banner p {
       padding:0px;
       margin:0px;
   }

 

.homepage-banner {
    background-image: url('../images/einsurance/background-mobile.jpg');
    background-attachment:scroll;
    background-repeat:no-repeat;
    background-position:50% 60%;
    height: 820px;
    margin-bottom:40px;
}

}

/* X-SMALL DEVICES*/


@media (max-width: 430px) {

    .homepage-banner {
    background-image: url('../images/einsurance/background-mobile.jpg');
    background-attachment:scroll;
    background-repeat:no-repeat;
    background-position:50% 60%;
    height: 900px;
    margin-bottom:40px;
}
 
}

/* X-SMALL DEVICES*/


@media (max-width: 375px) {

    .homepage-banner {
    background-image: url('../images/einsurance/background-mobile.jpg');
    background-attachment:scroll;
    background-repeat:no-repeat;
    background-position:50% 60%;
    height: 950px;
    margin-bottom:40px;
}

    .btn {
    display: inline-block;
    padding: 13px;
    text-align: center;
    white-space:pre-wrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 4px;
    transition: .2s ease-out;

}

    .btn-default {
    color: #0369a7;
    font:bold 16px lato,arial, sans-serif;
    text-transform:capitalize; 
    background-color:transparent;
    border:2px solid #0369a7;
        margin-bottom:10px;
            width:200px;




}

.btn-default:focus, .btn-default:hover {
     color: #fff;
    background-color:#003764;
    border:2px solid #003764;

}

.btn-primary {
    color: #fff;
    font:bold 16px lato,arial, sans-serif;
    text-transform:capitalize; 
    background-color:#0369a7;
    border:2px solid #0369a7;
    margin-top:10px;
    margin-bottom:5px;
    text-wrap:normal;
    width:200px;
            

}

.btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background-color:#003764;
    border:2px solid #003764;

}

  .dark-blue-banner {
     background: rgba(0, 95, 151, 0.65);
     margin-top:50px;
     padding:30px 10px;
     margin-bottom:20px;
     color:#fff;
 }

  .white-banner {
     background: rgba(255, 255, 255, 0.85);
          padding:30px 10px;

 }

 
}


/* SMALL DEVICES*/

@media (max-width: 768px) {


 
}
/* MEDIUM DEVICES*/

@media (min-width: 992px) {
  
}
/* LARGE DEVICES*/

@media (min-width: 1200px) {
 
}