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

body {
    padding-top: 54px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 2em;
}

a {
    color: #0F218B;
}

    a:hover {
        color: #FF0000;
        text-decoration: none;
    }


h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

h4 {
    margin-top: 1.33em;
}

.logo {
    height: 100px;
}

.btn {
    min-width: 120px;
}

.btn-primary {
    background-color: #2a4390;
    border-color: #2a4390;
}

.btn-primary:Hover {
    background-color: #c20016;
    border-color: #c20016;
}

.submenu-sm {
    display:none; 
}

.button {font-weight:bold; color: #ffffff; background-color: #2a4390; border: 1px solid; border-color: #2a4390; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; line-height: 1.42857143; padding: 8px 32px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border-radius: 4px;}
.button-reset {font-weight:bold; color: #69666D; background-color: #eeeeee; border: 1px solid; border-color: #cccccc; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; line-height: 1.42857143; padding: 8px 32px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border-radius: 4px;}


li.subform {cursor: pointer;}
li.subform:hover {text-decoration: underline;}
li.subformselected {cursor: default;}
li.subformselected:hover {text-decoration: none;}
ol.legal {list-style-type: lower-alpha;}
ol.legal li {font-family: roboto_slab; margin-bottom: 10px;}
ol.legal li  p {font-size: 14px;}
div.formtab {display: none}
label.error {color: red; padding-left: 5px;}
input.error {border: 1px solid red;}
p.formnav {text-align: center}
p.formnav button {margin: 20px;}



.pool-box {
    text-align: center;
    padding: 10px;
    border: 0;
    /*border: 3px solid #ff0000;*/
    /*border: 1px solid #ccc;*/
    border-radius: 10px 10px 10px 10px;
    height: 100%
}
.pool-div1 {
    min-height: 185px;
}
.pool-img {
    width: 100%;
    border: 1px solid #999;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.pool-div2 hr {
    margin: 10px 10px;
    height: 2px;
    color: #FF0000; /* old IE */
    background-color: #FF0000;
}

.pool-div2 p {
    font-size: 0.75em;
    color: #212529; /*#999;*/
    line-height: 1.2;
}


@media (min-width: 992px) {
    body {
    padding-top: 56px;
  }
}

.business-header {
    height: 50vh;
    min-height: 300px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    margin-top:70px;
}

.cafa-header {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    text-shadow: 1px 1px 5px #333;
    text-transform:uppercase;
}


.card {
    height: 100%;
}

.nav-link {
    color: #212529!important;
}

.nav-link:hover {
    text-decoration: none; /*underline;*/
    color: #FF0000 !important;
}

.active > .nav-link {
    font-weight: bold;
    color: #2a4390 !important;
}

    .active > .nav-link:hover {
        font-weight: bold;
        color: #FF0000 !important;
    }

.lhs-menu {
    margin-top:32px;
    text-align:right; 
}

.lhs-menu a {
    color: #212529;
}

.lhs-menu a:hover {
    color: #FF0000;
}

.lhs-menu a .blue {
    color: #2a4390;
}

.lhs-menu a .yellow {
    color: #FFFF00;
}




@media (max-width: 1199px) {
    .business-header {
        height: unset;
    }
}

@media (max-width: 992px) {
    .logo {
        height: 70px;
    }
    .lhs-menu {
        display:none; 
    }
    .submenu-sm {
        display:block; 
    }
    .business-header {
        min-height: 290px;
    }
}

@media (max-width: 768px) {
    .display-3 {
        font-size: 2.5rem;
    }
    .business-header {
        min-height: 176px;
    }
}

@media (max-width: 575px) {
    .pool-div1 {
        /*height: 270px;*/
    }
}