@charset "utf-8";
/* CSS Document */
/* additional styles for 2023 update */
html {
    font: 1em/1.5 Roboto, sans-serif!important;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {padding-top: 10px;}
div.bkg {background:#fff!important;}

/* Nav Bar */
.navbar {border-bottom: 1px solid #f1f3f4;}
.navbar #logo {padding-top: 3px; font-size:2.4rem; font-family: Roboto, sans-serif!important; padding-left: 15px;}
.navbar #logo span {color:#F3970C;}

.navbar-default .navbar-nav > li > a {
    text-transform: uppercase;
    border-left-width: 0;
    padding-top:25px;
    padding-bottom: 25px;
    font-size:0.9rem;
    font-family: Roboto, sans-serif!important;
    border-bottom:4px solid #fff;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #000;
    border-bottom:4px solid #f1f3f4;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #da8607;
    border-bottom:4px solid #F3970C;
}

.navbar-default .navbar-nav > .last > a, .navbar-default .navbar-nav > .last > a:hover, .navbar-default .navbar-nav > .last > a:focus {
    border-right-width:0;
}

.navbar-toggle {
    background-color: #F3970C!important;
    background-image: none;
    border-width:0;
    border-radius: 5px;
    float: right;
    margin-bottom: 12px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 12px 10px;
    position: relative;
}
#collapse {margin:0; padding:0; border-width:0;}

/* Page Body */
#banner {display: none;}
#banner h1 {line-height:1.5; color:#fff;}
#banner p {color:#fff;}
#main h1 {
    font-size: 2.0rem;
    font-family: Roboto, sans-serif!important;
    text-align: left;
    color: #121212;
    font-weight:normal;
    margin:0;
    padding:30px 15px 10px;
    text-transform: uppercase;
}
#main h2 {
    font-size: 1.8rem;
    font-family: Roboto, sans-serif;
    text-align: left;
    color: #000000;
    font-weight:lighter;
    margin:0;
    padding:40px 15px 10px;
}
#main h3 {
    font-size: 1.1rem;
    font-family: Roboto, sans-serif!important;
    text-align: left;
    color: #555555;
    font-weight:normal;
    margin:0;
    padding:20px 15px 5px;
}
#main h3 a {
     font-size: 1.3rem;
     font-family: Roboto, sans-serif!important;
     text-align: right;
     color: #da8607;
     font-weight:normal;
     margin:0;
     float:right;
 }
#main h4 {
    font-size: 1.8rem;
    font-family: Roboto, sans-serif!important;
    text-align: left;
    color: #000000;
    font-weight:lighter;
    margin:0;
    padding:20px 15px 5px;
}
#about h4 {
    font-size: 1.2rem;
    font-family: Roboto, sans-serif!important;
    text-align: left;
    color: #979797;
    font-weight:400;
    margin:0;
    padding:15px 15px 5px;
}
#about h5 {
    font-size: 1.0rem;
    font-weight: 400;
    font-family: Roboto, sans-serif!important;
    text-align: left;
    color: #979797;
    margin:0;
    padding:20px 15px 10px;
}
#main p {
    font-size: 0.9rem;
    font-family: Roboto, sans-serif!important;
    line-height: 1.6;
    color:#717171;
    padding: 0;
    margin:5px 15px 15px;
    font-weight: 300;
}
/*#main p b {color: #000;}*/
#main span.about {
    display: block;
    font-size: 1.1rem;
    font-family: Roboto, sans-serif!important;
    font-weight:300;
    line-height: 1.4;
    padding: 0;
    margin:5px 15px;
    color:#121212;
}
#main span.about a {color:#121212;}
#main p span {display: block; font-weight: 300; color:#717171;}
#main ul {}
#main li {font-size: 1.0rem;
    font-family: Roboto, sans-serif!important;
    line-height: 2.0;
    color:#717171;
    padding: 0;
    margin:0;
    font-weight: 300;
}

#main b {font-weight: 400!important;}
#main img.main_img {max-width: none; height: auto; width:97%; display: block; margin: 30px 15px;}
#about img.about_img {max-width: 240px; height: auto; width:90%; margin:30px auto 20px; display: block;}
#main img.work {margin:10px 0 0; width:100%;}

#main div.work {padding:10px 0 20px;}
#main div.work h5 {font-size:18px; font-weight:bold; color:#616161;}
#main div.work h6 {font-size:18px; font-weight:normal; color:#616161;}

#about span {display: block; padding:2px 15px; color: #979797; line-height: 1.5; font-weight:300;}
#about div.hidden-xs {background: #fff;}

/* Page Footer */

footer {padding-top:50px;color:#717171; font-weight: 300;}
footer a {color:#717171;}
footer a:hover {color:#717171;}

/*
div.bkg.footer {padding-top: 30px; margin-top:60px; background: #101416!important;}
footer {color: #fff;background: #101416!important;}
footer #footer_email {text-align: left; line-height: 42px; font-size: 1.2rem;}
footer span {font-size: 1.6rem; padding-right: 20px;vertical-align: middle;}
footer a {color:#fff;}
footer a:hover {color:#fff;}
footer a img {}*/

/* media queries */

@media only screen and (max-width: 910px) and (min-width: 768px) {
    .navbar #logo {padding-top: 10px; font-size:2.0rem;}
    .navbar-default .navbar-nav > li > a {
        padding-top:25px;
        padding-bottom: 15px;
        font-size:0.9rem;
    }
}

@media only screen and (max-width: 767px) {
    .container-fluid {
        margin:0 0 0 12px;
    }
    .navbar-default .navbar-nav > li > a {
        color: #717171;
        border-width:0;
        background-color:#fff;
        border-bottom:1px solid #f1f3f4;
        text-align: center;
        padding-top:12px;
        padding-bottom: 12px;
        font-size: 1.1rem;
    }

    .navbar-default .navbar-nav > li > a:hover {
        border-width:0;
        border-bottom:1px solid #f1f3f4;
        color: #da8607;
        background-color:#fff;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #da8607;
        background-color:#fff;
        border-width:0;
        border-bottom:1px solid #F1F3F4;
    }

    .navbar-default .navbar-nav > .last > a, .navbar-default .navbar-nav > .last > a:hover, .navbar-default .navbar-nav > .last > a:focus {
        border-width:0;
        border-bottom:1px solid #f1f3f4;
    }

    nav .navbar-header {background-image: none!important; border-width:0!important;}

    .nav > li > a {
        padding-left:20px;
    }

    .navbar #logo {
        padding-top: 3px!important;
        padding-bottom: 10px;
    }

    #collapse ul {border-top: 1px solid #f1f3f4;}

    #main img.main_img {width:97%; margin: 3% 0 3% 2%; display:inline;}
	#main img.work {margin:10px 0 0; width:100%;}
    #main p {margin: 15px 0 15px 15px;}

    #main h1 {
        font-size: 1.8rem; line-height: 1.4;
    }
	
	#main div.work {}
	#main div.work h5 {text-align: center;}
	#main div.work h6 {text-align: center;}

    /*footer {padding-bottom: 30px;}
    footer span {font-size: 1.4rem; padding-right: 15px;}
    div.bkg.footer {padding-top: 20px; margin: 40px 0 0 12px;}*/

}

@media only screen and (max-width: 535px) {
    /*footer .col-xs-6 {width: 100%; text-align: center!important;}
    footer #footer_email {font-size: 1.5rem; padding-bottom: 15px;}*/

}

@media only screen and (max-width: 450px) {
    #main h3 a {
        font-size: 1.3rem;
        text-align: left;
        float:none;
        display:block;
        margin-top:15px;
    }
}