body {font-family: Helvetica Neue,Helvetica,Arial,sans-serif; color:#4C4845;font-size:13px;}
.header {width:100%; border-bottom: 1px solid #4C4845; xposition:relative;}
.header img {opacity:.6;filter:alpha(opacity=60);}
.header .title {position:fixed; top:0px; left:0px; width:100%; margin-top:0px; padding:20px 10px 10px 20px;text-align:center;}
.scrolled .header .title {
    background-color: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-bottom: 2px solid #333 !important;
    z-index:1001;
    text-shadow: none;
}
.header .title h1 {color:#E86746;font-weight:bold;font-size:42px;font-size:3.0vw; text-shadow: 1px 1px #4C4845;}
.announcement h3 {
    color: #E86746;
    font-weight: bold;
    font-size: 20px;
    font-size: 2.0vw;
    text-shadow: none;
}
.announcement h4 {
    color: #4C4845;
    font-weight: bold;
    font-size: 15px;
    font-size: 1.5vw;
    text-shadow: none;
}
.announcement a h4 {
    color: #4C4845;
    font-weight: bold;
    font-size: 15px;
    font-size: 1.5vw;
    text-shadow: none;
}
.announcement a {
    color: #4C4845;
    font-weight: bold;
    text-decoration: underline
}

.scrolled .header .title h1 {text-shadow: none;}

.header .title .navbar {display:inline-block;float:none;margin-left:auto; margin-right:auto;margin-bottom:0px; min-height:25px;}
.header .title .navbar .nav > li {float:left;border-right:1px solid dimgrey;padding: 0px 10px;}
.header .title .navbar .nav > li.dropdown, .header .title .navbar .nav > li.last {border:none;}
.header .title .nav a {color:#4C4845;}
.header .title .nav > li > a {padding-top:0px; padding-bottom:0px;font-weight:bold;}
.header .title .nav > li > a:hover {color:#E86746;background:transparent !important;text-decoration:underline;}

.header .title .nav > li.active a {color:#E86746;}

.header .title .nav > li.top {visibility:hidden;}
.scrolled .header .title .nav > li.top {visibility:visible;}

.header .title .navbar-nav .open .dropdown-menu {background-color:white; position:absolute;float:right;border:1pt solid lightgrey;}


.container {padding-right:20px;}
.links, .description, .documents, .contacts {padding:0px 10px 10px 10px;}
h2 {font-size:2.2vw; border-bottom:1px solid #4C4845;margin-top:30px;}
h4 { margin-top:20px;}

.faqs {padding:20px 10px 10px 10px;}
.faqs h2 {font-size:2.2vw; border-bottom:1px solid #4C4845;}
.faqs .faq {margin-bottom:12px;}
.faqs .faq .question {font-weight:bold;margin-left:18px;text-indent:-18px;}
.faqs .faq .question:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 11px;
    font-weight: 900;
    position: relative;
    margin-right: 5px;
    top: 0px;
    color: #696969;
    content: "\f054";
}
.faqs .faq .answer {padding-left:18px;}

.footer {width:100%; border-top: 1px solid #4C4845; margin-top:20px;}
.footer img {padding:15px 10px;}

.qtip {max-width:75%;font-size:14px;}
.qtip .qtip-content h2 {margin-top:4px;}
.qtip .qtip-content div.title {font-weight:bold; font-size:14px;}
.qtip .qtip-content div.organization {font-style:italic; font-size:13px;}
.qtip .qtip-content div.expertise {padding-top:10px; padding-bottom:15px;}
.qtip .qtip-content div.expertise strong {display:block;}

.qtip .qtip-content div.summary-title {font-weight:bold; font-size:18px;border-bottom:1pt solid dimgrey;margin-bottom:4px;}
.qtip .qtip-content p.summary-link {font-size:11px;font-style:italic;}

/*.summary p.item {padding-left:25px;text-indent:-16px;}*/

.no-wrap {white-space:nowrap;}

ol.summary {margin-top:2px;}
ol.summary a { color:#4C4845;text-decoration:none;}
ol.summary a:hover {text-decoration:underline;}

.team h5 {font-weight:bold;margin-bottom:2px;border-bottom:1pt solid dimgrey;}
.team ul { list-style-type:none;padding:0px;padding-left:4px;margin-top:2px;margin-bottom: 2px;}
.team ul li:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 11px;
    font-weight: 900;
    position: relative;
    margin-right: 5px;
    top: 0px;
    color: #696969;
    content: "\f406";
}
.team ul a { color:#4C4845;text-decoration:none;}
.team ul a:hover {text-decoration:underline;}

.links h5 {font-weight:bold;margin-bottom:2px;border-bottom:1pt solid dimgrey;}
.links ul { list-style-type:none;padding:0px;padding-left:4px;margin-top:2px;margin-bottom: 2px;}
.links ul li:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 11px;
    font-weight: 900;
    position: relative;
    margin-right: 5px;
    top: 0px;
    color: #696969;
    content: "\f35d";
}
.links ul a { color:#4C4845;text-decoration:none;}
.links ul a:hover {text-decoration:underline;}


.documents ul { list-style-type:none;padding:0px;padding-left:4px;margin-top:2px;margin-bottom: 2px;}
.documents ul li {padding-top:2px; padding-bottom:2px;}
.documents ul li:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 11px;
    font-weight: 900;
    position: relative;
    margin-right: 5px;
    top: 0px;
    color: #696969;
    content: "\f02d";
}
.documents ul a { color:#4C4845;text-decoration:none;}
.documents ul a:hover {text-decoration:underline;}

.contacts h4 {background-color: #eb7c60; color:whitesmoke;text-align:center; padding:4px 10px;font-weight:bold; }
.contacts p.phone {text-align:center;font-weight:bold; font-size:18px;}

.contacts .note {margin-top:40px;text-align:center;}
.contacts .note span {white-space:nowrap;}

.form-group {margin-bottom:0px;}
.form-group .help-block {visibility:hidden;}
.form-group span.glyphicon {display:none;}
.form-group.has-success span.glyphicon-ok {display:block;}
.form-group.has-error span.glyphicon-remove {display:block;}
.form-group.has-error  .help-block {visibility:visible;}

#btn-send {margin-top: 20px;}

.sweet-alert h2 {font-size: 1.4vw;}
.sweet-alert p.lead {font-size: 16px;}

/* Mirrors .no-gutters in Bootstrap 4. Custom for my scenario; not worried about margin-right or the padding for the immediate child cols */
.no-left-gutter {margin-left: 0;}

.centered {
    position: absolute;
    width: 70%;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
}
    /*.centered {
    position: relative;
    margin-top: 150px;
    width: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/

    @media (max-width: 500px) {
        .header .title h1 {
            font-size: 22px;
            color: #4C4845;
            text-shadow: none;
            margin-top: 10px;
            margin-bottom: 0px;
        }

        h2 {
            font-size: 16px !important;
        }

        h3 {
            font-size: 15px !important;
        }

        h4 {
            font-size: 14px !important;
        }

        h5 {
            font-size: 12px !important;
        }

        .centered-scale {
            display: block;
            margin-top: 5px
        }

        .centered {
            display: none
        }
    }

    @media (max-width: 900px) {
        .header img {
            height: 90px;
        }

        .header img {
            opacity: .4;
            filter: alpha(opacity=40);
        }

        .header .title {
            padding-top: 0px;
        }

            .header .title h1 {
                font-size: 22px;
                color: #4C4845;
                text-shadow: none;
                padding-top: 0px;
            }

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

        h3 {
            font-size: 15px !important;
        }

        h4 {
            font-size: 14px !important;
        }

        h5 {
            font-size: 14px !important;
        }

        .qtip {
            max-width: 96%;
            margin-left: 2%;
        }

        .centered-scale {
            display: block;
            margin-top: 5px
        }

        .centered {
            display: none
        }
    }

    @media (max-width: 568px) {
        .header img {
            height: 120px;
        }

        .centered-scale {
            display: block;
            margin-top: 5px
        }

        .centered {
            display: none
        }
    }

@media (min-width: 1500px) {
    .centered-scale {
        display: none
    }

    .centered {
        position: absolute;
        width: 70%;
        top: 35%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block
    }
}
    @media (min-width: 1200px) and (max-width:1500px){
        .centered-scale {
            display: none
        }

        .centered {
            position: absolute;
            width: 70%;
            top: 25%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: block
        }
    }

    @media (min-width:900px) and (max-width:1200px) {
        .centered-scale {
            display: none
        }

        .centered {
            position: absolute;
            width: 70%;
            top: 25%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: block
        }
    }

    @media screen and (max-width: 320px) {
        #rc-imageselect, .g-recaptcha {
            transform: scale(0.80);
            -webkit-transform: scale(0.80);
            transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
        }
    }