html {
    height:100%;
}
.mobileOnly {
    display:none;
}
body {
    margin:0;
    padding-left:0 !important;
    padding-right:0 !important;
    background:#fff;
    font-family: 'Open Sans', sans-serif;
    color:#aaa;
    height:100%;
}
body.homePage { /*fix bug with home page off 10px from top*/
    margin: -10px 0 0 0;
    padding-top: 0 !important;
}
.loadOverlay {
    transition:opacity 400ms linear;
    position:fixed;
    left:0;top:0;right:0;bottom:0;
    width:100%;
    background:#fff;
    pointer-events:none;
    opacity:0;
    z-index:999999;
}
.loadOverlay.loading {
    transition:opacity 400ms linear;
    opacity:1;
}
video#backgroundVid {
    animation:bgFadeIn 1000ms linear;
    -webkit-animation:bgFadeIn 1000ms linear;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}
@keyframes bgFadeIn {
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes bgFadeIn {
    from {opacity:0;}
    to {opacity:1;}
}
a {
    color:#021662;
    text-decoration:none;
    border: 0 none;
}
a:hover {
    border:0 none !important;
}
.item-page .contentArea a {
    color: #ccc;
    text-decoration:none;
}
.item-page .contentArea a:hover {
    color: #fff;
    text-decoration:underline;
}
img {
    max-width:100%;
}
h1 {
    font-size:2em;
}
h2 {
    font-size:1.6em;
}
.contentArea h2 {
    color:#A2A3A6;
}
h3 {
    font-size:1.3em;
}
h1, h2, h3 {
    margin: 10px 0;
    color:#063357;
    font-weight:bold;
}
h1, h2, h3, h4, h5 {
    font-family: 'Oswald', sans-serif;
}
.headerWrapper {
    width: 100%;
    background: rgba(0,0,0,.8);
    position: fixed;
    z-index: 9;
}
.slide {
    width:100%;
}
.header {
    margin:0 1%;
}
.mainWrapper {
    width:100%;
    min-height:240px;
    margin-bottom: 200px;
}
.interiorPage .main {
    margin:100px 0 60px 0;
}
.catPage .main {
    margin: 150px 50px 60px;
}
.interiorPage .content {
    margin-top: 40px;
}
.footerWrapper {
    width:100%;
}
.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
}
.homePage .footer {
    margin-top:0;
}
/*------------- header & main menu------------- */

/* ---------------- ETC --------------------- */
.page-header>h1 {
    color: #4E5357;
    text-shadow: 1px 1px 1px #EDEDED;
}
h1.contentheading {
    display:none;
}
.content div#cbEditableWrapper1 {
    text-align: center;
    background: #fff;
    width: 346px;
    padding: 20px;
    margin: 0 auto;
    border: 2px solid #000;
    border-radius: 5px;
    color: #000;
    font-weight: bold;
}
.content div#cbEditableWrapper1 br {
    display:none;
}
.content div#cbEditableWrapper1 .control-group.form-inline {
    margin: 5px 0;
    background: #eee;
    padding: 8px;
    border: 1px solid #ccc;
}
a.bwWrapper {
    width:100%;
    height:240px;
    display:block;
}
.chrono_credits {
    display:none;
}
.articleBackground {
    position:fixed;top:0;left:0;width:100%;min-height:1500px;z-index:-99999;
}
.subcatBackground {
    position:fixed;
    top:0;left:0;
    min-height:1500px;
    width:100%;
    z-index:-99999;
    background-repeat:no-repeat;
    background-size: 100% 100%;
    opacity:.4;
    -moz-opacity:.4;
    -webkit-opacity:.4;
    -o-opacity:.4;
}
.articleImageWrap {
    border: 10px solid #bfbfbf;
    margin: 20px auto;
    box-shadow: 0 0 5px 1px #000;
}
.articleImage {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.articleImage h1 {
    margin: 0 !important;
    color: #000;
    text-shadow: 1px 1px 1px #FFF;
    font-size: 4vw;
    opacity: .5;
    background: #fff;
    border-bottom: 1px solid #aaa;
}
.contentArea {
    padding: 1px 20px 20px 20px;
    background: rgba(0,0,0,.7);
}
.contentArea h1 {
    color: #A2A3A6;
    text-shadow: 1px 1px 0px #000;
    font-size: 2em;
    margin-top:0;
    padding: 5px 0 0 0;
}
.contentArea>div {
    /*
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    text-align:center;
    */
}
.contentArea .jg_row {
    display:inline-block;
    overflow: hidden;
    height: auto !important;
    padding: 0;
    width:auto;
    text-align: center !important;
    vertical-align: top;
    float:none;
    flex-grow:1;
}
.contentArea .jg_row img {
    width:100%;
}
.contentAreaBlock {
    background: rgba(0,0,0,.7);
    margin: 10px 20px 20px 20px;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #444;
}
.halfBlock {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.thirdBlock {
    width:33%;
    display:inline-block;
    vertical-align:top;
}
.gbs3 .contactForm .form-control {
    background-color: #383838;
    border: 0 none;
    color:#bbb;
}
.gbs3 .contactForm label {
    color:#bbb;
}
div#contactLeft, div#contactRight {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    padding: 20px 30px;
}
div#form-row-fld4 {
    display: inline-block;
    margin-right: 50px !important;
}
div#form-row-button14 {
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
}
input#button14 {
    font-size: 30px;
    height: 50px;
    padding: 0 70px;
    box-shadow: 0 0 10px 3px #fff;
}
input#button14:hover {
    box-shadow:0 0 10px 5px #ccc;
}
div#contactBottom {
    text-align: center;
    padding-top: 20px;
}
div#form-row-email {
    padding: 8px 0;
}
.jg_back {
    display:none;
}

/* ------------- INTRO ------------------------ */
.interiorOnly {
    display:block;
}
#mainMenuMobile {
    display:none;
}
/*--------------------------------------------------------------------*/

#cboxContent .login, #cboxContent .registration {
    color:#000;
}
.icons {
    position:absolute;
    top:150px;
}

/*------------------------------ FOOTER & BOTTOM CONTENT STUFF ---------------------------------- */
.footer a.maximenuck {
    margin: 0 !important;
    padding: 4px !important;
    color: #6EA2F0 !important;
    text-shadow: 1px 1px 1px #000;
}
.footer a.maximenuck:hover, .footer a.maximenuck:hover {
    color:#E9F0FC !important;
    border-bottom: 1px solid #505050 !important;
}
.footer li.maximenuck.level1>span:hover {
    border-bottom: 1px solid #505050 !important;
}
ul.adminMenu li.current.active a {   /* REMOVE !!!!!!!!!!!!!!!!!!!!! */
    background: #6d6d6d; /* Old browsers */
    background: -moz-linear-gradient(top, #6d6d6d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6d6d6d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6d6d6d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6d6d6d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #6d6d6d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.footer span.nav-header>span {
    font-size: 18px !important;
    color: #FFF;
    text-transform: uppercase !important;
    margin-left: 10px !important;
}
@-webkit-keyframes glowAlert {
    0% {box-shadow:none;}
    50% {box-shadow:0 0 10px 10px #fff;}
    100% {box-shadow:none;}
}
@-moz-keyframes glowAlert {
    0% {box-shadow:none;}
    50% {box-shadow:0 0 10px 10px #fff;}
    100% {box-shadow:none;}
}
@-o-keyframes glowAlert {
    0% {box-shadow:none;}
    50% {box-shadow:0 0 10px 10px #fff;}
    100% {box-shadow:none;}
}
@keyframes glowAlert {
    0% {box-shadow:none;}
    50% {box-shadow:0 0 10px 10px #fff;}
    100% {box-shadow:none;}
}
.footer form#login-form {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99;
    margin: 0;
    color: #fff;
}
.footer form#login-form div {
    display: inline-block;
    margin: 7px;
}
/*
.blog h2>a {
    color: #aaa;
}
.blog>div.items-row {
    display: inline-block;
    text-align: center;
    background: rgba(0,0,0,.7);
    margin: 0 4%;
}
.blog>div.items-row:hover {
    background:rgba(0, 22, 107, 0.7);
}
.blog {
    text-align: center;
}
*/
.bottomContentWrapper {
    width: 100%;
    background: rgba(0,0,0,.9);
    /*border-top: 2px solid #333;
    border-bottom: 2px solid #333;*/
    margin: 12px 0;

}
.homePage .bottomContentWrapper {
    margin: 0;
}
.bottomContent {
    text-align:center;
}
.back {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    zoom:1;
    margin: 5px;
}
a.backButton {
    width:50px;
    height:50px;
    display:block;
    background:url('/images/back-arrow.png')top center;
    cursor:pointer;
}
a.backButton:hover, a.backButton:focus {
    background:url('/images/back-arrow.png')bottom center;
}
a.backText {
    display:block;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    color:#bbb;
    cursor:pointer;
}
a.backText:hover,a.backText:focus,.back:hover a.backText, .back:focus a.backText {
    color:#fff;
}
.galleryPage a.backButton {
    background:url('/images/back-project.png')top center;
}
.galleryPage a.backText {
    color:#7b7b7b;
}
ul.catMod {
    display:inline-block;
    margin:0;
    padding:0;
}
.mod-articles-category-title {
    text-transform: uppercase;
    color: #bbb;
    font-size: 12px;
    font-weight: bold;
}
ul.catMod li {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    zoom:1;
    list-style-type:none;
    margin:0 5px;
}
ul.catMod li a {
    padding:2px 0 1px 24px;
    background: url('/images/circle-plus.png') top left no-repeat;
    display: block;
}
ul.catMod li a:hover {
    background: url('/images/circle-plus.png') bottom left no-repeat;
    color:#fff;
}
.bottomContent .moduletable {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    zoom:1;
    text-align:left;
}
.catMod>h3 {
    font-size: 16px;
    text-transform: uppercase;
    color: #ddd;
    margin-left: 5px;
}
.moduletable.catMod {
    max-width: 85%;
    padding:5px 0;
}
.moduletable.backMod {
    padding-right:12px;
    margin:5px;
}
.socials a {
    display:inline-block;
    vertical-align:top;
    *display:inline;
    zoom:1;
    height:60px;
    width:60px;
    background-position:center;
    background-repeat:no-repeat;
    transition:background-size 500ms ease-out,border-radius 300ms linear;
    -webkit-transition:background-size 500ms ease-out,border-radius 300ms linear;
    background-size:100% 100%;
    border-radius: 10%;
    border: 1px solid #fff;
}
.socials a:hover {
    transition:background-size 500ms ease-out,border-radius 300ms linear;
    -webkit-transition:background-size 500ms ease-out,border-radius 300ms linear;
    background-size:120% 120%;
    border-radius:50%;
    border:1px solid #fff !important;
}
.socials a#fbIcon {
     background-image:url('/images/fbIcon.png');
 }
.socials a#twIcon {
    background-image:url('/images/twIcon.png');
}
.socials a#liIcon {
    background-image:url('/images/liIcon.png');
}
/*
.socials a#igIcon {
    background:url('/images/ig-icon.png') no-repeat top center;
}
.socials a#igIcon:hover {
    background:url('/images/ig-icon.png') no-repeat bottom center;
}
.socials a#gIcon {
    background:url('/images/g-icon.png') no-repeat top center;
}
.socials a#gIcon:hover {
    background:url('/images/g-icon.png') no-repeat bottom center;
}
.socials a#ytIcon {
    background:url('/images/yt-icon.png') no-repeat top center;
}
.socials a#ytIcon:hover {
    background:url('/images/yt-icon.png') no-repeat bottom center;
}
*/
.copy {
    display:none;
    /*
    bottom: 0;
    height: 54px;
    position:fixed;
    z-index: 9;
    width:100%;
    color: #ccc;
    padding: 0;
    background: #000000;
    background: -moz-linear-gradient(top, #000000 0%, #bbbbbb 100%);
    background: -webkit-linear-gradient(top, #000000 0%,#bbbbbb 100%);
    background: -o-linear-gradient(top, #000000 0%,#bbbbbb 100%);
    background: -ms-linear-gradient(top, #000000 0%,#bbbbbb 100%);
    background: linear-gradient(to bottom, #000000 0%,#bbbbbb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#bbbbbb',GradientType=0 );
    */
}
.catPage .copy {
}
.copyRight {
    font-size:13px;
    margin-top: 20px;
    color: #ddd;
}
.footerCities {
    font-size:1.4em;/*14px*/
}
.footerTowns {
    font-size:1.1em;/*13px;*/
}
.footerCities>span, .footerTowns>span {
    padding: 0 10px;
    /*background-image: url(/images/loc.png);
    background-size: 1.4em;
    background-repeat: no-repeat;
    background-position: 0 2px;*/
    display: inline-block;
}
/*---------------- GALLERIES ------------------ */

.galleryPage .main {
    margin:150px 0 0 0;
}
.galleryPage .jg_subcat {
}
.jg_subcat {
    text-align: center;
}
.galleryPage>.category .gallery {
    margin-top:50px;
}
.well.well-small.jg-header {
    font-size: 2.5em;
    text-shadow: 1px 1px 1px #000;
}
.jg_row {
    overflow: hidden;
    height: auto !important;
    padding: 0;
    width:20%;
    text-align: center !important;
    float:left;
    vertical-align: top;
    max-height:264px;
}
.aboutPage .aboutGrid {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    align-items: center;
    justify-items: center;
}
.aboutPage .jg_row {
    float: none;
    width: 90%;
}
.galleryPage .jg_row {
    max-height:240px;
}
.jg_subcatelem_cat, .jg_subcatelem_cat_r {
    width:100%;
}
.jg_subcatelem_cat {

}
.jg_category {
}
.jg_subcat img.jg_photo, .jg_minis a img {
    max-height: 345px;
    border: 0 none;
    background-color: #000;
    margin:0;padding:0;
    width:100%;
}
.galleryPage .gallery>.jg_category {
    margin-top:-40px;
}
/*
.jg_subcat img.jg_photo {
    width:100%;
    display:none;
}
.jg_subcat img.jg_photo:hover {
    width:100%;
    display:block;
}
.jg_subcat img.jg_photoCover {
    width:100%;
    display:block;
}
.jg_subcat img.jg_photoCover:hover {
    width:100%;
    display:none;
}
*/
img.jg_photo, .jg_minis a img {
    border: 0 none !important;
    background:transparent;
    padding: 1.5px 0px;
    margin: 0;
    width: 100%;
}
a:hover img.jg_photo, .jg_minis a:hover img {
    border: 0 none;
}

.jg_row .jg_subcatelem_txt {
    position: absolute;
    width:20%;
    z-index: 9;
    overflow:hidden;
}
.jg_subcatelem_txt h2 {
    margin:0 !important;
    max-height: 1.4em;
    overflow: hidden;
}
.jg_subcatelem_txt h2>a {
    transition: color 200ms ease-in-out;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    color: #5A5A5A;
    font-size:18px;
}
.jg_subcatelem_txt h2>a:hover {
    transition:color 200ms ease-in-out;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    color:#3259AE;
}
.galleryPage img.jg_icon {
    width: 14%;
    height: auto;
    border: 0;
    margin: -52px 0 0 0;
    position: relative;
    border-radius: 20%;
    -moz-border-radius: 20%;
    -webkit-border-radius: 20%;
    -o-border-radius: 20%;
}
img.jg_icon:hover {
    webkit-transition: background 300ms ease-in-out,-webkit-box-shadow 300ms ease-in-out !important;
    -moz-transition: background 300ms ease-in-out,-moz-box-shadow 300ms ease-in-out !important;
    -o-transition: background 300ms ease-in-out,-o-box-shadow 300ms ease-in-out !important;
    transition: background 300ms ease-in-out,box-shadow 300ms ease-in-out !important;
    box-shadow: 0 0 25px 20px #fff;
    -webkit-box-shadow: 0 0 25px 20px #fff;
    -moz-box-shadow: 0 0 25px 20px #fff;
    -o-box-shadow: 0 0 25px 20px #fff;
    background: #fff;
}
.jg_subcatelem_txt p {
    color: #414141;
    font-size: 13px;
    margin: 5px 0;
    padding: 5px 5px 0 5px;
    height: 106px;
    overflow: hidden;
    line-height:15px;
}
.aIcon>a {
}
img.pngfile.jg_icon.jg-icon-star {
    width: auto;
}
#imageList img.pngfile.jg_icon {
    width: 20px;
}
.jg_imgalign_catimgs img.jg_photo:hover, .jg_minis a img:hover {
    opacity:.8;
    -webkit-opacity:.8;
    -moz-opacity:.8;
    -o-opacity:.8;
}
.projectsReadmore>p {
    padding:0;
    margin:0;
    height:auto;
}
.projectsReadmore>p>a {
    font-size: 14px;
    font-weight: bold;
}
/*-------------- CATEGORY PAGE --------------- */

.catPage .main .blog {
    text-align: center;
    margin: 100px 0;
}
.blog.catPage .page-header>h2 {
    margin:5px 0;
    font-size: 1.6vw;
}
.productItem {
    height: auto !important;
    padding: 0;
    width:30%;
    max-width: 420px;
    text-align: center !important;
    display:inline-block;
    vertical-align: top;
    background:#333;
    margin:0 10px 26px 10px;
    position:relative;
}

.catPage .productItem .item-image>img {
    height: 100%;
    width: 100%;
}
.catPage .productText>p>a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
.catPage .productText>p>a:hover {
    color:#7799ff
}
.catPage .productText {
    color: #fff;
    font-size: 13px;
    margin:0;
    padding:0;
    overflow: hidden;
    z-index: 9;
    position:absolute;
    width:100%;
    max-width:420px;
    background:#333;
}
.catPage .page-header h2>a {
    transition: color 200ms ease-in-out;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    color: #fff;
    font-size: 1em;
}
.catPage .page-header h2>a:hover {
    transition:color 200ms ease-in-out;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    color:#3259AE;
}
.catPage .productItem img.jg_icon {
    box-shadow:0 0 0 #fff;
    -moz-box-shadow:0 0 0 #fff;
    -webkit-box-shadow:0 0 0 #fff;
    -o-box-shadow:0 0 0 #fff;
    border-radius: 30px 30px 0 0;
    width: 50px;
    height: auto;
    border: 0;
    margin: -52px 0 0 0;
    position: relative;
    z-index:99;
    border-radius:30px 30px 0 0;
    -webkit-border-radius: 30px 30px 0 0;
    -moz-border-radius: 30px 30px 0 0;
    -o-border-radius: 30px 30px 0 0;
}

.catPage .productItem img.jg_icon:hover {
    -webkit-transition:background 100ms ease-in-out,-webkit-box-shadow 300ms ease-in-out !important;
    -moz-transition:background 100ms ease-in-out,-moz-box-shadow 300ms ease-in-out !important;
    -o-transition:background 100ms ease-in-out,-o-box-shadow 300ms ease-in-out !important;
    transition:background 100ms ease-in-out,box-shadow 300ms ease-in-out !important;
    box-shadow: 0 0 25px 20px #fff;
    -webkit-box-shadow: 0 0 25px 20px #fff;
    -moz-box-shadow: 0 0 25px 20px #fff;
    -o-box-shadow: 0 0 25px 20px #fff;
    background:#fff;
}
.productItem .item-image {
    margin-bottom:-27px;
}
.catPage .item-image {
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.productItem .item-image>img {
    display:none;
} /* wednesday */

.googleMap {
    margin:0 auto;
}
a.plusMore>img {
    position: absolute;
    margin-top: 220px;
    margin-left: -30px;
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    -o-opacity: .7;
    width: 60px;
    background: #fff;
    border-radius: 100%;
}
.productItem:hover a.plusMore>img {
    -webkit-transition:margin-top 200ms ease-in-out,width 200ms ease-in-out,margin-left 200ms ease-in-out;
    -moz-transition:margin-top 200ms ease-in-out,width 200ms ease-in-out,margin-left 200ms ease-in-out;
    -o-transition:margin-top 200ms ease-in-out,width 200ms ease-in-out,margin-left 200ms ease-in-out;
    transition:margin-top 200ms ease-in-out,width 200ms ease-in-out,margin-left 200ms ease-in-out;
    /*opacity:0;
    -webkit-opacity:0;
    -moz-opacity:0;
    -o-opacity:0;*/
    margin-top:290px;
    width:0;
    margin-left:0;
}
.bwWrapper>img {
    height:100%;
}
.fieldReport label.gcore-label-left, .fabReport label.gcore-label-left, .pmReports label.gcore-label-left  {
    text-align: right !important;
}
.pmReports .gcore-subinput-container {
    margin-top:14px;
}
div#employees-container h4.panel-title>a {
    width: 100%;
    display: block;
    padding: 4px 8px;
}
div#employees-container h4.panel-title>a:hover {
    width: 100%;
    background: #fff;
    display: block;
    padding: 4px 8px;
    background: #e9e9e9; /* Old browsers */  background: -moz-linear-gradient(top, #e9e9e9 0%, #2989d8 24%, #2989d8 24%, #207cca 75%, #e9e9e9 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(24%,#2989d8), color-stop(24%,#2989d8), color-stop(75%,#207cca), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top, #e9e9e9 0%,#2989d8 24%,#2989d8 24%,#207cca 75%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top, #e9e9e9 0%,#2989d8 24%,#2989d8 24%,#207cca 75%,#e9e9e9 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top, #e9e9e9 0%,#2989d8 24%,#2989d8 24%,#207cca 75%,#e9e9e9 100%); /* IE10+ */  background: linear-gradient(to bottom, #e9e9e9 0%,#2989d8 24%,#2989d8 24%,#207cca 75%,#e9e9e9 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */;
}
div#quantity-container {
    margin-top: 10px;
}
ul.breadcrumb {

}
ul.breadcrumb li {
    list-style-type:none;
    display:inline-block;
    *display:inline;
    zoom:1;
}
.productArea {
    background: #555;
    padding: 1px 10px 10px;
    margin: 0 0 10px;
}
/*------------------ UNIQUE STYLES PER CAT IMAGE ---------------------------- */

/*-- commercial products & services --*/
.comCatPage #item0 .item-image {
    background-image: url('/images/cats/commercial-products/curtain-walls/cat/front.jpg');
}
.comCatPage #item1 .item-image {
    background-image: url('/images/cats/commercial-products/aluminum-storefronts/cat/front.jpg');
}
.comCatPage #item2 .item-image {
    background-image: url('/images/cats/commercial-products/all-glass-entry/cat/front.jpg');
}
.comCatPage #item3 .item-image {
    background-image: url('/images/cats/commercial-products/bifold-doors/cat/front.jpg');
}
.comCatPage #item4 .item-image {
    background-image: url('/images/cats/commercial-products/glass-handrail/cat/front.jpg');
}
.comCatPage #item5 .item-image {
    background-image: url('/images/cats/commercial-products/security-glass/cat/front.jpg');
}

.resCatPage #item0 .item-image {
    background-image: url('/images/cats/residential-products/custom-showers/cat/front.jpg');
}
.resCatPage #item1 .item-image {
    background-image: url('/images/cats/residential-products/bifold-sliding-doors/cat/front.jpg');
}
.resCatPage #item2 .item-image {
    background-image: url('/images/cats/residential-products/glass-railing/cat/front.jpg');
}
.resCatPage #item3 .item-image {
    background-image: url('/images/cats/residential-products/window-door-replacement/cat/front.jpg');
}
.resCatPage #item4 .item-image {
    background-image: url('/images/cats/residential-products/window-repair/cat/front.jpg');
}
.resCatPage #item5 .item-image {
    background-image: url('/images/cats/residential-products/mirrors/cat/front.jpg');
}

.metalsCatPage #item0 .item-image {
    background-image: url('/images/cats/architectural-metals/ACM/cat/front.jpg');
}
.metalsCatPage #item1 .item-image {
    background-image: url('/images/cats/commercial-products/aluminum-storefronts/cat/front.jpg');
}
.metalsCatPage #item2 .item-image {
    background-image: url('/images/cats/architectural-metals/fiber-cement/cat/front.jpg');
}
.metalsCatPage #item3 .item-image {
    background-image: url('/images/cats/architectural-metals/infill-panels/cat/front.jpg');
}
.metalsCatPage #item4 .item-image {
    background-image: url('/images/cats/architectural-metals/longboard-panels/cat/front.jpg');
}
.metalsCatPage #item5 .item-image {
    background-image: url('/images/cats/architectural-metals/screen-walls/cat/front.jpg');
}
.metalsCatPage #item6 .item-image {
    background-image: url('/images/cats/architectural-metals/soffit-panels/cat/front.jpg');
}
.metalsCatPage #item7 .item-image {
    background-image: url('/images/cats/architectural-metals/sun-shades/cat/front.jpg');
}
/*---------------------------------------------------------------------------- */
.profile li.btn-group {
    display:none;
}
.greyed {
    color: #999;
    font-style: italic;
}
div#homeBoxes, div#twoBoxes {
    display: table;
    width: 100%;
    text-align: center;
}
div#homeBoxes {
    margin:70px 0px 50px;
}
.homeBox {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1%;
    height:100%;
}
.twoBoxesWrapper {
    width:46%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1%;
    height:100%;
}
.twoBoxesWrapper #box1, .twoBoxesWrapper #box2 {
    height: 300px;
}
.homeBox h1, .twoBoxesWrapper h1 {
    -webkit-transition:background 200ms linear, color 200ms linear;
    background:#e2e2e2;
    color:#0000ff;
    text-shadow:1px 1px 1px #fff;
}
.homeBox:hover h1, .twoBoxesWrapper h1 {
    -webkit-transition:background 200ms linear, color 200ms linear;
    background:#0000ff;
    color:#fff;
    text-shadow:1px 1px 1px #000;
}
div.homeBoxLinks {
    padding:  3% 1%;
}
#box7 div.homeBoxLinks {
    padding:0;
}
div.homeBoxLinks>a {
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    width: 49%;
    text-align: center;
    margin: 5px 0;
}
#liveLove {
    display: block;
    margin: 0 auto;
}
.homePage .homeA {
    /*display:none;*/
}
.homeA {
    margin-top: 15px;
}
.homeA a {
    color: #ddd !important;
    min-width: 70px !important;
}
.homeA img {
    height: 50px;
}
.partnerPage .gallery {
    display: table;
    background: #777;
    border-radius: 20px;
    text-align: center;
}
.partnerPage .jg_row {
    height: 100px !important;
    width: auto !important;
    display: inline-block;
    vertical-align: top;
    max-height: 100px;
    float: none;
    margin: 5px;
    border:2px solid #000;
}
.partnerPage .jg_row>div, .partnerPage .jg_row>div>div, .partnerPage .jg_row>div>div>a, .partnerPage .jg_row>div>div>a>img {
    height:100px !important;
    width:auto !important;
}
.partnerPage .jg_row>div>div>a>img {
    padding:0;
}
.partnerPage .jg_category {
    display: none;
}
.partnerPage .gallery>h2 {
    color: #A2A3A6;
    text-shadow: 1px 1px 0px #000;
    font-size: 2.5vw;
    margin-top: 0;
    padding: 5px 0 0 0;
}
.pmReports div#employees-container {
    margin-bottom: 15px;
}
.partnerPage a.jg_catelem_photo.jg_catelem_photo_align.thickbox {
    pointer-events: none;
}
.userMenuItem a#signup {
    display: none;
}
div#hppTable {
    color: #fff;
    margin-top: 30px;
    border: 3px solid #fff;
    border-radius: 5px;
}
.hppHeaders {
    padding: 0 0 4px 6px;
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: 2px solid #fff;
}
.hppHeaders>div, .hppRows div.dataColumn {
    display:inline-block;
    vertical-align:top;
    width:30%;
}
.hpRow0 {
    background: #555;
}
.hpRow1 {
    background: #444;
}
.hppRows>div {
    padding: 4px 6px;
}
.dataColumn.stateYES, .dataColumn.stateNO {
    margin-left: 10px;
}
.dataColumn.stateYES {
    color:#00ff00;
}
.dataColumn.stateNO {
    color:#ff0000;
}
.hppMessage {
    color: #fff;
    font-style: italic;
    background: #999;
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
}
div.dataColumn select {
    border-radius: 4px;
    box-shadow: 1px 1px 1px #000 inset;
    padding: 2px;
}
div.dataColumn input[type="submit"] {
    border-radius: 5px;
    box-shadow: 1px 1px 1px #000;
    background: #66b1ff;
}
.moduletable.hppDisplay {
    margin: 40px 0 0 0;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,.8);
    padding: 5px 0 35px;
}
.moduletable.hppDisplay>h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4em;
    margin: 0 0 5px 0 !important;
}
.moduletable.hppDisplay div.proJect {
    display: inline-block;
    vertical-align: top;
    width: 23.75%;
    background: #000;
    height: 140px;
}
.moduletable.hppDisplay div.proJect a {
    transition:opacity 300ms linear;
    -webkit-transition:opacity 300ms linear;
    height: 100%;
    width: 100%;
    display: block;
    opacity:1;
}
.proJect h3 {
    transition:opacity 300ms ease-in,margin-top 300ms linear;
    -webkit-transition:opacity 300ms ease-in,margin-top 300ms linear;
    color: #fff;
    text-align: center;
    opacity: 0;
    margin-top:-6% !important;
    position: absolute;
    width: 24%;
    pointer-events:none;
}
.moduletable.hppDisplay div.proJect:hover a {
    transition:opacity 300ms linear;
    -webkit-transition:opacity 300ms linear;
    opacity:.3;
}
.proJect:hover h3 {
    transition:opacity 300ms ease-in,margin-top 300ms linear;
    -webkit-transition:opacity 300ms ease-in,margin-top 300ms linear;
    opacity:1;
    margin-top:-8% !important;
}
.proJect h3>img {
    width: 50px;
}
div#maximenuck123 ul.maximenuck li.maximenuck.level1 {
    padding: 0 4px 0 2px;
}
.homePhone {
    text-align:center;
}
.homePhone>a {
    color: #ffffff;
    font-size: 1.5em;
    background: rgba(0,0,255,.7);
    border-radius: 20px;
    padding: 3px 10px;
    border: 2px solid #fff;
}
.homePhone>a:hover {
    border:2px solid #ddd !important;
}
a.maximenuck.phoneIcon>img {
    float: left;
    height: 15px;
    margin: 5px 0 0 0 !important;
}
a.maximenuck.phoneIcon span.titreck {
    font-size:12px !important;
}
.toolBoxTopics {
    text-align:center;
}
.toolBoxTopics>a {
    display: inline-block;
    margin: 4px;
    border-radius: 5px;
    border: 3px solid #0000ff;
    padding: 5px 10px 5px 40px;
    background: url(/images/tb.png) 5px center no-repeat #fff;
    background-size: auto 83%;
    box-shadow: 0 0 10px inset;
    text-transform: capitalize;
}
.toolBoxTopics>a:hover {
    background: url(/images/tb-red.png) 5px center no-repeat #fff;
    border: 3px solid #ff0000 !important;
    background-size: auto 83%;

}
/*---------- ADMIN OVERVIEW --------------*/
.overViewContainer {
    display: flex;
    text-align: center;
}
.ovBox {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1% 20px;
    min-height: 380px;
    border-radius: 20px;
    box-shadow: 0 0 10px #000 inset;
    background: #cfe7fa;
    background: -moz-linear-gradient(top, #cfe7fa 0%, #6393c1 100%);
    background: -webkit-linear-gradient(top, #cfe7fa 0%,#6393c1 100%);
    background: linear-gradient(to bottom, #cfe7fa 0%,#6393c1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 );
}
.ovBox h2 {
    border-radius:10px 10px 0 0;
    color: #fff;
    background: #7d95aa;
    background: -moz-linear-gradient(left, #7d95aa 0%, #000000 15%, #000000 87%, #7d95aa 100%);
    background: -webkit-linear-gradient(left, #7d95aa 0%,#000000 15%,#000000 87%,#7d95aa 100%);
    background: linear-gradient(to right, #7d95aa 0%,#000000 15%,#000000 87%,#7d95aa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d95aa', endColorstr='#7d95aa',GradientType=1 );
}
.ovBox a {
    transition:background 200ms linear;
    -webkit-transition:background 200ms linear;
    color: #fff;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 10px;
    display: block;
    box-shadow: 0 0 3px 0px #000 inset;
    margin: 5px 2%;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #0000ff 39%, #0000ff 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#0000ff 39%,#0000ff 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#0000ff 39%,#0000ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0000ff',GradientType=0 );
}
.ovBox a:hover {
    text-decoration: none !important;
    transition:background 200ms linear;
    -webkit-transition:background 200ms linear;
    background: #526ff2;
    background: -moz-linear-gradient(top, #526ff2 0%, #0000ff 100%);
    background: -webkit-linear-gradient(top, #526ff2 0%,#0000ff 100%);
    background: linear-gradient(to bottom, #526ff2 0%,#0000ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#526ff2', endColorstr='#0000ff',GradientType=0 );
}
div.cta {
    text-align: center;
}
.cta>div.ctAnchor>span {
    margin-bottom: -10px;
    display: block;
}
.cta>div.ctAnchor {
    transition:width 800ms ease-out,height 800ms ease-out,border-radius 800ms ease-out;
    -webkit-transition:width 800ms ease-out,height 800ms ease-out,border-radius 800ms ease-out;
    width: 250px;
    height: 50px;
    display: inline-block;
    color: #ffffff;
    font-size: 1.5em;
    background: rgba(0,0,255,.7);
    border-radius: 40px;
    padding: 3px 10px;
    border: 2px solid #ccc;
    overflow: hidden;
}
.cta>div.ctAnchor:hover {
    border:2px solid #fff !important;
}
div.cta.clicked>div.ctAnchor {
    transition:width 400ms ease-out,height 400ms ease-out 400ms,border-radius 400ms ease-out 400ms;
    -webkit-transition:width 400ms ease-out,height 400ms ease-out 400ms,border-radius 400ms ease-out 400ms;
    width: 80%;
    border: 2px solid #fff !important;
    border-radius: 0;
    height:250px;
    cursor: default;
}
form#ctaForm .formRow {
    display: flex;
}
form#ctaForm input {
    display: inline-block;
    border-radius: 5px;
    font-size: .8em;
}
.ctaRow1>input {
    width:24%;
    margin:1%;
}
.formRow.ctaRow2 {
    margin-bottom: -10px;
}
.ctaRow2>.g-recaptcha {
    margin: 20px 0 0 40px;
}
.g-recaptcha iframe {
    height: 55px;
    border-radius: 5px;
}
.ctaRow2>textarea {
    width:68%;
    margin: 1%;
    height: 50px;
    border-radius: 5px;
}
input#fileToUpload:after {
    content: 'Upload Photo/Plans *optional';
    display: block;
    font-size: .9em;
}
input.ctaSubmit {
    cursor: pointer;
    padding: 4px 8px;
    /*opacity:.3;
    pointer-events:none;*/
}
input.ctaSubmit.show {
    opacity:1;
    pointer-events:all;
}
.cta.clicked .ctaArrow {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}
.arrowAnchor {
    cursor:pointer;
}
.busTypes {
    text-align: center;
}
.typeBox {
    width: 31%;
    margin:0 1%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.typeBox>a {
    display: block;
    width: 100%;
    height: 200px;
    border-radius: 5px;
    border: 2px solid #e6e6e6;
    box-shadow: 0 0 0 2px #777;
    background-position: center center;
    background-size: cover;
}
.typeBox>a:hover {
    border: 2px solid #0000ff !important;

}
ul.selectedGals {
    margin: 0;
    padding: 0;
    text-align: center;
}
ul.selectedGals>li {
    list-style-type: none;
    width: 21%;
    display: inline-block;
    margin: 10px 1%;
    text-align: center;
    font-weight: bold;
    vertical-align: top;
}
ul.selectedGals a.galImage {
    border-radius: 5px;
    border: 2px solid #eee;
    box-shadow: 0 0 0 2px #777;
    display:block;
    width:100%;
    height:170px;
    background-position:center;
    background-size:cover;
}
ul.selectedGals a.galImage:hover {
    border:2px solid #0000ff !important;
}
img.menuImg {
    display: block;
    margin: 0 auto;
}
.contactPage .gtooltip {
    display: none !important;
}
div#recaptcha {
    display: inline-block;
}
.contactPage .g-recaptcha iframe {
    height: 80px;
}
div#antiSpam {
    display: inline-block;
}
.contactPage div#antiSpam>label {
    text-align: right !important;
    margin-left: -100px;
}
div#antiSpam>input {
    max-width: 60px;
    float: right;
}
.homePage div#antiSpam>input {
    margin: 3px;
}
/*----------------- MAY 2017 ----------------------*/
.homePage .copy {
    display: none;
}
div.stickyHeader {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    text-align: right;
    padding: 0 1%;
    background: rgba(255,255,255,.75);
    z-index: 99;
}
body.interiorPage div.stickyHeader {
    position:fixed;
    top:0;
    bottom:auto;
}
div.stickyHeader ul.menu {
    margin:0;
    padding:0;
    position:relative;
}
div.stickyHeader ul.menu>li {
    list-style-type:none;
    display:inline-block;
    vertical-align: top;
}
div.stickyHeader ul.menu>li>ul {
    position:absolute;
    left:0;
    right:0;
    text-align:right;
}
div.stickyHeader ul.menu>li>ul>li {
    display:none;
}
div.stickyHeader ul.menu>li.current.level1>ul>li {
    list-style-type:none;
    display:inline-block;
    vertical-align: top;
    margin:0 10px;
}
div.stickyHeader ul.menu>li>a {
    text-decoration:none;
    color: #004484;
    font-size:1.5em;
    text-transform:uppercase;
}
div.stickyHeader ul.menu>li>ul>li>a {
    color:#fff;
    font-size:.9em;
    text-transform:uppercase;
}
div.stickyHeader a.bigItem>span {
    font-family: 'Oswald', sans-serif;
    font-size: 1.3em;
}
div.stickyHeader a.smItem>span {
    font-family: 'Open Sans', sans-serif;
    font-size: .7em;
}
div.stickyHeader a.bigItem {
    margin: 0 20px;
}
div.stickyHeader li.item101>a.bigItem {
    margin-left:0;
}
div.stickyHeader a.smItem {
    margin: 0 10px;
}
div.stickyHeader ul.menu>li.maximenuck.item122.level1 {
    margin-left: 5%;
}
#mainMenu {
    margin-top:45px;
    float:right;
    width: 72%;
}
#mainMenu li.item122, li.item121, li.item322, li.item338 {
    vertical-align:top;
}
a.menuLogo {
    float: left;
    margin-top: 10px;
    width: 28%;
    text-align: left;
}
.topHome {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background:#000;
}
div.stickyHeader.affix {
    position:fixed;
    top:0;
    bottom:auto;
}
li.item338 {
    border: 1px solid #fff;
    margin-top: -1px;
}
li.item338:hover {
    border: 1px solid #8c8cff;
    margin-top: -1px;
}
.homeLogo {
    POSITION: absolute;
    top: 10%;
    bottom: 25%;
    left: 1%;
    border-left: 1px solid #fff;
    color: #fff;
}
.topHL {
    font-size:4.5em;
    font-weight: 300;
    border-bottom: 1px solid #fff;
}
.topHL>span {
    padding: 10% 0 10px 20px;
    display: inline-block;
}
.botHL {
    font-size: .9em;
}
.botHL>span {
    display: inline-block;
    padding: 10px 0 100% 20px;
}
.bottomHome {
    margin-top:10px;
}
.bigBoxes {
    display: flex;
    margin: 0 10px;
}
.bigBox {
    height: 50vh;
    min-height: 300px;
    width: 100%;
    margin: 10px;
    position: relative;
    overflow: hidden;
}

.bigBox>h2 {
    font-family: "Open Sans", sans-serif;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color:#fff;
    text-shadow:0 0 1px #000;
    font-weight: 500;
    font-size: 2em;
    text-transform: uppercase;
}
.homePage .bbPic {
    -webkit-transition:-webkit-filter 800ms linear;
    transition:filter 800ms linear;
    background-size:cover;
    background-position:center top;
    height:100%;
    width:100%;
    background-repeat:no-repeat;
    -webkit-filter: blur(0);
    filter: blur(0);
}
.homePage .bigBox:hover>.bbPic, .homePage .bigBox:focus>.bbPic {
    -webkit-transition:-webkit-filter 50ms linear;
    transition:filter 50ms linear;
    -webkit-filter: blur(3px);
    filter: blur(3px);
}
#box1>.bbPic {
    background-image:url('/images/hb-commercial.jpg');
}
#box2>.bbPic {
    background-image:url('/images/hb-team.jpg');
}
#box3>.bbPic {
    background-image:url('/images/hb-concept.jpg');
}
#box4>.bbPic {
    background-image:url('/images/hb-archmets.jpg');
}
#box5>.bbPic {
    background-image:url('/images/hb-custom.jpg');
}
#box6>.bbPic {
    background-image:url('/images/hb-contact.jpg');
}
#box7>.bbPic {
    background-image:url('/images/hb-fab-services.jpg');
}
.homePage .bbContent {
    position: absolute;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    padding: 20px;
    background: rgba(100,100,100,.85);
    color: #fff;
    text-shadow:0 0 1px #000;
}
#box6 .bbContent {
    background:transparent;
}
.bbContent.left {
    transition:margin 150ms linear;
    -webkit-transition:margin 150ms linear;
    margin:0 -100% 0 100%;
}
.bbContent.right {
    transition:margin 150ms linear;
    -webkit-transition:margin 150ms linear;
    margin:0 100% 0 -100%;
}
.bbContent.center {
    transition:margin 150ms linear;
    -webkit-transition:margin 150ms linear;
    margin:100% 0 -100% 0;
}
.homePage .bigBox:hover>.bbContent, .homePage .bigBox:focus>.bbContent {
    transition:margin 150ms linear;
    -webkit-transition:margin 150ms linear;
    margin:0 0 0 0;
}
.bigHP, .topTopRight, .botTopRight, .botHP>div, .bigBottomHP {
    transition:background-size 1000ms linear;
    -webkit-transition:background-size 1000ms linear;
    background-size:100% 100%;
    background-position:center top;
    height:100%;
    width:100%;
    background-repeat:no-repeat;
    background-color:#888;
    position: relative;
}
.bigHP:hover, .topTopRight:hover, .botTopRight:hover, .botHP>div:hover, .bigBottomHP:hover, .bigHP:focus, .topTopRight:focus, .botTopRight:focus, .botHP>div:focus, .bigBottomHP:focus {
    transition:background-size 1000ms ease-out;
    -webkit-transition:background-size 1000ms ease-out;
    background-size:120% 120%;
}
/* home projects background images */
.proj1 {
    background-image:url('/images/hp-automotive.jpg');
}
.proj2 {
    background-image:url('/images/hp-acm.jpg');
}
.proj3 {
    background-image:url('/images/hp-church.jpg');
}
.proj4 {
    background-image:url('/images/hp-education.jpg');
}
.proj5 {
    background-image:url('/images/hp-government.jpg');
}


.proj6 {
    background-image:url('/images/hp-hospitality.jpg');
}
.proj7 {
    background-image:url('/images/hp-handrails.jpg');
}
.proj8 {
    background-image:url('/images/hp-healthcare.jpg');
}
.proj9 {
    background-image:url('/images/hp-metalinfill.jpg');
}
.proj10 {
    background-image:url('/images/hp-multifamily.jpg');
}


.proj11 {
    background-image:url('/images/hp-retail.jpg');
}
.proj12 {
    background-image:url('/images/hp-office.jpg');
}
.proj13 {
    background-image:url('/images/hp-sunshades.jpg');
}
.proj14 {
    background-image:url('/images/hp-other.jpg');
}
.proj15 {
    background-image:url('/images/projects.jpg');
}
.meetFam {
    background-image:url('/images/action.jpg');
}
.homeProjects a {
    background:transparent;
    display:none;
    color: #fff;
    font-weight: 300;
    border: 2px solid #fff;
    padding: 4px 10px;
    font-family: 'Oswald';
    font-size: .8em;
    text-transform:uppercase;
}
.homeProjects a:hover, .homeProjects a:focus {
    border:2px solid #fff !important;
    background:#0000ff;
}
.homeProjects .bigHP:hover a, .homeProjects .topTopRight:hover a, .homeProjects .botTopRight:hover a, .homeProjects .botHP>div:hover a, .bigBottomHP a, .homeProjects .bigHP:focus a, .homeProjects .topTopRight:focus a, .homeProjects .botTopRight:focus a, .homeProjects .botHP>div:focus a, .bigBottomHP a {
    display:inline-block;
}
/*----------------------------*/
.topRightHP {
    width: 40%;
}
.bigHP {
    height: 520px;
    width: 60%;
}
.topTopRight, .botTopRight {
    height:250px;
}
.topHP, .botHP {
    display: flex;
}
.botHP>div {
    width:50%;
    height:300px;
}
.bigBottomHP {
    height:520px;
    width:100%;
    display: flex;
    overflow: hidden;
}
h4.homeBigText {
    margin: 40px 0 -10px 5%;
    padding-left: 10px;
    color: #333;
    font-size: 4em;
}
.homeProjects {
    padding: 0 5% 40px;
}
.homeProjects h2 {
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    color:#fff;
    text-shadow:0 0 1px #000;
    font-weight: 500;
    font-size: 2em;
    margin: 0 !important;
    position: absolute;
    width: 100%;
    top: 40%;
    text-transform:uppercase;
}
.homeProjects>div>div {
    border: 10px solid #fff;
}
.topTopRight {
    border-bottom: 20px solid #fff;
}
.homeProjects .projBG {
    background: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
}
.homeProjects .projBG:hover, .homeProjects .projBG:focus {
    background: rgba(0,0,0,.8);
}
.homeProcess {
    background: url(/images/features-gigantic.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    padding:50px 2% 50px 2%;
}
h4.homeBigSkinny {
    margin: 0 0 60px;
    font-family: 'Open Sans', sans serif;
    font-size: 5vw;
    font-weight: 300;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 1em;
}
.homeProcess>.processes {
    display: flex;
}
.homeProcess>.processes>div {
    margin: 0 1%;
    text-align: center;
}
.processes .icon>i {
    font-size: 7em;
}
.processLg {
    font-size: 1.5em;
    font-weight: bold;
    margin: 30px 0 20px;
}
.processSm {
    line-height: 1.5em;
    font-size: 1.2em;
}
form#homeContact {
    display: flex;
    margin-top: 40px;
}
form#homeContact>div {
    width: 50%;
}
form#homeContact input, form#homeContact textarea {
    width: 90%;
    margin: 5px;
    border-radius: 4px;
    font-size: 1.4em;
    padding: 2px 5px;
}
form#homeContact textarea {
    height: 68px;
}
form#homeContact .contactButton {
    width:94%;
}
.item-pagecontactPage a {
    color: #4fccfc;
}
.fullWidth .main {
    margin: 120px 0 60px 0;
}
.fullWidth .pageSection {
    margin-top:100px;
}
.fullWidth .pageSection.first {
    margin-top:-20px;
}
.h2Wrap {
    text-align: center;
    background: #0000ff;
    margin: 0 -2.1% 10px;
}
.fullWidth .pageSection h2 {
    color: #0000ff;
    font-size: 3em;
    line-height: 1em;
    vertical-align: middle;
    text-transform: uppercase;
    display: inline-block;
    background: #fff;
    margin: -10px 0 -6px;
    padding: 0 10px;
}
.fullWidth .pageSection>i {
    font-size: 3em;
    color: #0000ff;
    text-align:center;
    display:block;
    margin-bottom:30px;
}
div.pageSection {
    padding: 5px 2% 0;
    color: #000;
    font-size: 1.2em;
}
.fullWidth p {
    margin:5px 0;
}
.hbMainLink {
    text-align: center;
    margin: 10px 0;
}
.hbMainLink>a {
    color: #fff;
    font-weight: bold;
    font-size: 1.5em;
    border: 2px solid #fff;
    padding: 2px 10px;
}
.hbMainLink>a:hover, .hbMainLink>a:focus {
    background:#0000ff;
    border:2px solid #fff !important;
}
.bottom {
    transition:margin-bottom 200ms linear;
    -webkit-transition:margin-bottom 200ms linear;
    width: 100%;
    height: 200px;
    background: rgba(255,255,255,.75);
    display: flex;
    bottom: 0;
    z-index: 999999;
    margin: 0 1%;
    color: #333;
}
.bottom>.bottomL {
    text-align:left;
    width:30%;
    line-height: 1.9em;
}
.bottom>.bottomM {
    line-height: 1.9em;
    width: 40%;
    border-left: 2px solid #555;
    border-right: 2px solid #555;
    text-align:center;
}
.bottom>.bottomR {
    text-align:center;
    width:30%;
}
.bottom h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 2em;
    margin: 10px 0 10px 0;
    color: #333;
}
.bottom a {
    color: #00597b;
    font-weight: bold;
}
.bottom>.bottomM h4 {
    margin-bottom:5px;
}
.botLogo {
    margin: 10px 0;
}
body.admin .bottom {
    display:none;
}
body.admin .mainWrapper.show {
    margin-bottom:0;
}
.customPage .icons {
    display:none;
}
.teamContainer {
    margin: 0 10px;
}
.teamContainer>.teamRow {
    display: flex;
    height:50vh;
}
.teamContainer>.teamRow>div {
    width: 50%;
    border: 10px solid #fff;
}
.teamLeft, .teamRight {
    display:flex;
}
.teamLeft>div, .teamRight>div {
    width:50%;
    position: relative;
}
.teamLeftPic, .teamRightPic {
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    overflow: hidden;
}
.teamLeftInfo, .teamRightInfo {
    background: rgb(64, 64, 64);
    color:#fff;
}
.teamLeftInfo {
    text-align:right;
}
.teamRightInfo {
    text-align:left;
}
.teamContainer .tName {
    font-family: 'Open Sans', sans-serif;
    font-size: 3em;
    font-weight: 300;
    line-height: .9em;
    border-bottom: 2px solid #fff;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.teamLeftInfo .tName {
    margin-right: -10px;
    padding-right: 10px;
}
.teamRightInfo .tName {
    margin-left: -10px;
    padding-left: 10px;
}
.teamContainer .tTitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 2em;
    font-weight: 300;
    line-height: .9em;
    margin-bottom: 12px;
}
.teamContainer .tPhone {
    font-family: 'Oswald', sans-serif;
    font-size: 1em;
    font-weight: 500;
}
.teamContainer .tEmail {
    font-family: 'Oswald', sans-serif;
    font-size: 1em;
    font-weight: 500;
}
.teamLeftInfo .insideInfo {
    margin-right: 20px;
    border-right: 2px solid #ffffff;
    padding-right: 10px;
}
.teamContainer .insideInfo {
    margin-top: 3.5vh;
}
.teamRightInfo .insideInfo {
    margin-left: 20px;
    border-left: 2px solid #ffffff;
    padding-left: 10px;
}
.teamLeft .teamLeftPic .teamOverlay {
    text-align: center;
    background:rgba(0,0,0,.75);
    height: 100%;
    width: 100%;
    position: absolute;
    left: -100%;
    transition:left 200ms linear;
    -webkit-transition:left 200ms linear;
}
.teamLeft:hover .teamLeftPic .teamOverlay {
    left:0;
    transition:left 200ms linear;
    -webkit-transition:left 200ms linear;
}
.teamRight .teamRightPic .teamOverlay {
    text-align: center;
    background:rgba(0,0,0,.75);
    height: 100%;
    width: 100%;
    position: absolute;
    right: -100%;
    transition: right 200ms linear;
    -webkit-transition: right 200ms linear;
}
.teamRight:hover .teamRightPic .teamOverlay {
    right:0;
    transition:right 200ms linear;
    -webkit-transition:right 200ms linear;
}
.teamOverlay>a {
    font-size: 5em;
    margin: 14vh 9%;
    display: inline-block;
    color: #fff;
}
.teamOverlay>a:hover {
    color: #0000ff;
}
div#inAction {
    margin: 0 1%;
}
.flexContainer {
    display: flex;
}
.flexContainer>div {
    width:50%;
}
#inAction .contentItem {
    transition:width 200ms linear;
    -webkit-transition:width 200ms linear;
    border: 10px solid transparent;
    position: relative;
}
.galleryPage.category .mainWrapper {
    margin-bottom: 600px;
}
.charitiesTop {
    float:right;
}
.charitiesTop>form {
    text-align:center;
    margin-bottom:50px;
}
body.galleryPage {
    background: #fff;
}
.subText {
    display:none;
    color: #000;
    text-shadow: 1px 1px 1px #fff;
    font-weight: bold;
    text-align: center;
    margin-top: -42px;
    background: rgba(255,255,255,.5);
    z-index: 999999;
    position: absolute;
    width: 100%;
    font-size: 1.2em;
    padding: 5px 0;
}
/*
.scrollDown {
    position: absolute;
    bottom: 108px;
    width: 100%;
    text-align: center;
}
*/
.scrollDown {
    transition:opacity 200ms linear;
    position:fixed;
    bottom:40px;
    width:100%;
    text-align:center;
    z-index: 99999;
    pointer-events:none;
    opacity:0;
}
.scrollDown.show {
    transition:opacity 200ms linear;
    opacity:1;
}
a.scrollLink {
    display: inline-block;
    width:36px;
    height:68px;
    background-image: url(/images/scroll-down.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*cursor:pointer;*/
    pointer-events:none;
    z-index:99999;
}
.fabSvcPage .fltRight {
    float:right;
    max-width:70%;
}
.fabSvcPage .fltRight img {
    max-height: 250px;
    width: auto;
    display: inline-block;
    border: 1px solid #fff;
    OPACITY: .8;
    cursor:pointer;
}
.fabSvcPage .fltRight img:hover {
    opacity:1;
}
.fabSvcPage .fsImages {
    text-align:center;
}
.fabSvcPage .fsImages.row1A>img {
    display: inline-block;
    max-height: 250px;
    width:23.9%;
    border-radius: 5px;
    border: 1px solid #fff;
}
.fabSvcPage .fsImages.row1B>img {
    display: inline-block;
    max-height: 250px;
    width:32%;
    border-radius: 5px;
    border: 1px solid #fff;
}
.fabSvcPage .fsImages.row2>img {
    display: inline-block;
    max-height: 300px;
    width: 32%;
    border-radius: 5px;
    border: 1px solid #fff;
}
.fabSvcPage a {
    color: #8fb7ff;
}
.fabSvcPage .contentArea h1 {
    color: #ddd;
}
.vid1Popup, .vid2Popup, .vid3Popup, .vid4Popup {
    opacity:0;
    pointer-events:none;
    max-width:100%;
}
.vid1Popup.show, .vid2Popup.show, .vid3Popup.show, .vid4Popup.show {
    position:fixed;
    top:0;left:0;right:0;bottom:0;
    background:rgba(0,0,0,.8);
    opacity:1;
    transition:opacity 800ms linear;
    pointer-events:initial;
}
.vid1Popup.show>iframe, .vid2Popup.show>iframe, .vid3Popup.show>iframe, .vid4Popup.show>iframe {
    margin: 105px auto 0;
    display: block;
    box-shadow: 0 0 10px #fff;
}
.vid1Popup p, .vid2Popup p, .vid3Popup p, .vid4Popup p {
    position: fixed;
    bottom: 0;
    text-align: center;
    width: 100%;
    font-weight: bold;
    background: #000;
}
.fltRight>div {
    display: inline-block;
    background: rgba(255,255,255,.5);
    border-radius:10px 10px 5px 5px;
    padding: 0 5px;
}
.fltRight p {
    margin: 0;
    text-align: center;
    font-size: .9em;
    font-weight: bold;
    color: #000;
}
div#modalSelectThumbnail {
    top: 15%;
}
body.catPage.metalsCatPage.homePg {
    position: relative !important;
    z-index: 0 !important;
    background-image: url(https://arizonaglassspecialists.com//images/bg/main-metal--2.jpg) !important;
    background-color: #ffffff !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}
.jg_element_cat {
    width: 99%;
    text-align: center !important;
}
.galleryPage .bottomContentWrapper {
    background: transparent;
    margin: 50px 0 0;
}
.jg_catelem_photo {
    display: block;
    text-align: center !important;
}
.jg_catelem_photo {
    float: none;
}
div#loginLink {
    margin-top: 15px;
}
div#loginLink>a {
    font-size: .9em;
}
.loginloginPage fieldset {
    border: 0 none;
}
.loginloginPage input, .loginloginPage label, .loginloginPage button {
    font-size: 1.4em;
}
.page-header>h1 {
	color: #fff;
	font-size: 2em;
	background: rgba(0,0,0,.4);
	padding: 5px 0 10px;
}