/* Body Background Color */

body {
	background: #101524;
}

/* Preloader Styles */

#preloader{
  background-color:#101524; 
}

.loader {
  background: url("https://lzadesign.com/wp-content/themes/lza/img/svg-loaders/puff.svg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}


/* Page Background images */

.page-container .single-page:first-of-type::after {
  background-image: url("https://lzadesign.com/wp-content/uploads/2015/09/fundo_perfil.jpg");
}

.page-container .single-page:nth-of-type(2)::after {
  background-image: url("https://lzadesign.com/wp-content/uploads/2015/09/sericos.jpg");
}

.page-container .single-page:nth-of-type(3)::after {
  background-image: url("https://lzadesign.com/wp-content/uploads/2015/09/Portfolio.jpg");
}

.page-container .single-page:nth-of-type(4)::after{
  background-image: url("https://lzadesign.com/wp-content/uploads/2015/09/spades2.jpg");
}

/* Page overlay colors */ 

.single-page:nth-child(1) {
  background-color: #027545;
}

.single-page:nth-child(2) {
  background-color: #ce0000;
}

.single-page:nth-child(3) {
  background-color:  #00617f;
}

.single-page:nth-child(4) {
  background-color: #f39200;
}


/* Theme Custom CSS */ 


.about-me .bio .buttons {display: none;}
.services {background: none repeat scroll 0 0 #0ABA97;}
.skills {background: none repeat scroll 0 0 #ce0000;}
.service-list .service span i {color: #207d90;}
.recognition {display: none;}
.address:after, .map-container {display: none;}
.address {min-height: 175px; width: 100%;background: none repeat scroll 0 0 #F39200;}
.location h4 {font-size: 10px;}
@media only screen and (min-width: 1024px){
    .location h4 {font-size: 21px;}
    .address {min-height: 300px;}
}
    .fun-facts ul li {width: 33%;}
    .page-container .single-page.is-loaded::after {opacity: .5;}
.employment ul li h4 {
    color: #838c95;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 50px 0;
    max-width:350px;
}
.education ul li h4 {
    color: #838c95;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 50px 0;
    max-width:350px;
    float:right;
}
.employment ul li h3 {
    color: #636368;
    font-family: pt sans,sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 5px 0;
    padding: 5px 0 0 0;
    text-transform: uppercase;
}
.education ul li h3 {
    color: #636368;
    font-family: pt sans,sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 5px 0;
    padding: 5px 0 0 0;
    text-transform: uppercase;
    clear: both;
}
.education ul li p, .employment ul li p,
.education ul li span, .employment ul li span
{display:none;}

.portfolio-container{padding:0;background: none repeat scroll 0 0 #fff;}
.white-popup {
    background: none repeat scroll 0 0 #111;
    color: #fff;
    max-width: 800px;
    padding-bottom: 0px;}
.project-url.btn {
    border-color: #777777;
    color: #777777;}
    
    button.filter.active {
    background: #007fff;
    color: #fff;
}
figure.effect-roxy h2 {display:none}
figure.effect-roxy figcaption::before {display:none;}
figure.effect-roxy {background:#FFDE17; border:none;}
.fig-effects figure img {opacity:1;}
button.filter {background: #e1e1e1;}

.fig-effects figure p {display:none;}

@media only screen and (max-width: 900px){
.portfolio-items figure.effect-roxy p {opacity: 0;}
.fig-effects figure {height: 250px;}
figure.effect-roxy img {width: 100%; height: auto;}
}
    figure.effect-roxy img {height: auto;}
    .project-desc {text-align: center;}