@charset "UTF-8";

/* LSC */

body {font-family: "Inter", sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Inter",sans-serif;
    font-weight: 900;
    color: #ababab;
}
.grid-container { max-width: 80rem;
    padding-right: 2rem;
    padding-left: 2rem;
}
#main {padding-bottom: 5rem;}
#nav a {font-weight: 200; color: #ababab }
#nav .mainitem a {font-weight: 700}

 #nav .menu {
    background-color: #f4f4f4;
} 

.jr {text-align: right;}
hr {

    height: 1px;
}
#header {
    top: 0;
    position: relative;
}
.homebg {/*background-image: url('/LSC/img/clock.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;*/
}

/** lrg and up **/
@media print,
screen and (min-width: 64em) {
 #nav .menu {
    background-color: transparent;
}   
}

.titlebar {background-image: url('/LSC/img/trans.png');
    background-repeat: repeat;
}

#header .wrap {
    box-shadow: none;
    padding: 27px 0;
    min-height: 90px;
    position: relative;
    background-color: transparent;
}
#header .grid-x {
    -ms-flex-align: center;
    align-items: center;
    
    position: relative;
    -ms-flex-pack: justify ;
    justify-content: space-between;
    -ms-flex-flow: row;
    flex-flow: row;
}
#footer {padding-bottom: 1rem; border-top: 1px solid #ababab}
#footer .credits .h3 { line-height: 100%;}
#footer .credits .h3 a {color: #ababab; font-weight: 700; font-size: 1rem; margin: 0 0 13px;}
#footer .text {color: #ababab; font-size: 0.8rem}
#footer .credits .text a {color: #00c1a6;}
.credits img {padding-right: 1rem}

/** lrg and up **/
@media print,
screen and (min-width: 64em) {
    #footer .h3 {margin: -4px 0 13px;}
    #footer {padding: 30px 0 0;}
    #footer .text {font-size: 0.9rem}
}

.footerbar {padding-top: 0; padding-bottom: 0;}
.social {
    list-style-type: none;
    padding: 10px 0;
    margin: 0;
}
.social li {display: inline-block; width: 2rem;}
.social-networks {
    display: -ms-flexbox;
    display: flex;
    border: none;
    list-style-type: none;
    padding: 10px 0;
    margin: 0 -14px;
    flex-direction: row;
    justify-content: flex-end;

}
#main {margin-top: -90px;
    padding-top: 90px;
}
.logo {position: relative}
.logo img {max-height: 7rem;}
.copyright {font-size: 0.7rem; padding: 15px 0}


.pnav .active a {background-color: #eeeeee;}
.pshadow {box-shadow: 0 0 4px 0 rgb(0 0 0 / 12%), 0 0 6px 0 rgb(0 0 0 / 12%);
}
.spacer {height: 2rem;}
.portfolio-band {overflow: hidden; height: 10rem;  display: flex;
  align-items: center;}
.portfolio-band img {max-height: 10rem; display: inline-block; max-width: 15rem; vertical-align: middle }
.serviceblocks {}
.sbhead {font-weight: 900; padding-bottom: 10px;}
.sbhead a {color: #00c1a6 }


ul.serviceblock {}

.serviceblock > li {font-size: 0.8rem; padding: 0; margin: 0; border-bottom: 1px #ababab solid;}