.hide { display: none !important; }
a:hover, a:focus, a:active { color: #999; }

.alt-icon-color { color: #fff !important; }

#contact a { color: #A59E6E;}
#contact a:hover, #contact a:focus, #contact a:active { color: #fff;}

.black-bg { background-color: #020202; }

.overlay-dark:before { background-color: rgba(34,34,34,0.5); }

/*-- HEADER -- */
.header { background-color: rgba(0, 0, 0, .85);  }
.header.header-prepare, .header.header-light.header-prepare { background-color: rgba(0, 0, 0, 1); }
.header.header-prepare .nav-menu ul.nav-menu-inner > li > a, .nav-menu ul.nav-menu-inner > li > a { color: #fff;  }
.header.header-light .nav-menu ul.nav-menu-inner > li:hover > a, .header.header-light .nav-menu ul.nav-menu-inner > li > a:hover, .header.header-prepare .nav-menu ul.nav-menu-inner li a.current, .header.header-prepare .nav-menu ul.nav-menu-inner li.current a { color: #A59E6E; }
.header.header-prepare .nav-menu ul.nav-menu-inner > li:hover > a, .header.header-prepare .nav-menu ul.nav-menu-inner > li > a:hover { color: #A59E6E; }
.header.header-fixed { border: 0px; }

.block-hdr, .block-ftr { display: block; width: 100%; height: 200px; }
.block-hdr { height: 100px; display: block; }

.logo a, .header-fixed .logo a { margin-top: 5px; margin-bottom: 0px; width: 167px; }
.header-fixed .logo a { width: 100px; }


/*-- FOOTER -- */
.footer .social li a { border-color: #fff; }
.footer a, .footer .social li a i { color: #fff; }
.footer a:hover, .footer a:focus, .footer a:active { color: #A59E6E; }
.footer .social li a:hover, .footer .social li a:focus, .footer .social li a:active { background-color: #fff; }
.footer .social li a:hover i, .footer .social li a:focus i, .footer .social li a:active i { color: #000;}



#los-angeles-website-design-and-development { margin-top: 50px; font-size: 8pt; }
.img-los-angeles-web-design { max-width: 75px; width: 100%; height: auto; margin: 5px 0px 0px 0px; border: 0px; }



.quote { font-size: 25pt; }


.counter-dollar:before { content: '$'; }


/*-- BIOS --*/
#team img { width: 100%; height: auto; margin: 0px 0px 10px 0px; }
#team h4.alt-title, #team h5.alt-title, .lightbox h4.alt-title, .lightbox h5.alt-title { margin-bottom: 0px !important; text-align: center;}
.lightbox h4.alt-title, .lightbox h5.alt-title { text-align: left; }
#team p.position-detail, #team p.position, .lightbox  p.position { font-style: italic; font-size: 13px; text-align: center; }
#team p.position-detail { text-align: left; }

.img-bio-detail { width: 100%; height: auto; max-width: 255px; border: 0px; float: left; margin: 0px 20px 20px 0px; }

.team-box:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    width: 100%;
}

.lightbox {  display: none; }




.g-recaptcha {
    margin: 15px auto !important;
   width: auto !important;
   height: auto !important;
   text-align: -webkit-center;
   text-align: -moz-center;
   text-align: -o-center;
   text-align: -ms-center;
    }




#news-archive { 
    display: none; 
    /*
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    */
}



.img-screening { width: 100%; height: auto; border: 0px; margin-bottom: 20px; }


.portfolio-item-content-detail li { font-size: 0.90rem; line-height: unset; padding-bottom: 8px; }
.txt-label { text-align: right; }



/*-- SLATE --*/
.portfolio-box { overflow: visible; }
.portfolio-item h5.alt-title { margin-top: 10px; text-align: center; }


/*-- TERMS --*/
#terms h1 { margin-bottom: 60px; }
#terms h2, #terms h3, #terms h4, #terms h5, #terms h6 { margin: 50px 0px 10px 0px; }






@media (min-width: 1024px) {
    .featherlight .featherlight-content { margin-left: 25%; margin-right: 25%; }
}

@media (max-width: 1023px) {
    .featherlight .featherlight-content { margin-left: 15%; margin-right: 15%; }
}

@media (max-width: 575px) {
    .txt-label { text-align: left;}
}