/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
div { position:relative } 
/* END RESET STYLES */



.portfolio-categ a {
    font-size: 16px;
    text-decoration: none;
    letter-spacing: 0.5px;
    font-family: 'Prompt', sans-serif;
    padding: 0.3em 1em;
    background-color: #999;
}
@media only screen and (max-width:768){
    .portfolio-categ a{
        display: block;
    }
}

.portfolio-categ a:hover {color: black;}
a:hover{color:#65a42d;}
.column-clear{ clear:both;}
.wrapper{ margin:0px auto; padding:0px;}
/*
.portfolio-content, .portfolio-area{width:1280px;}*/
.title-page{font-size:40px;margin:50px 0px 60px 0px;color:#151515;}
.goto{float:right;width:130px;margin:-80px 30px 0px 0px;}

/**** PORTFOLIO STYLES*****/
.portfolio-categ{margin-bottom:30px;margin-top: 30px;    width: 100%;
    text-align: center;}
.portfolio-categ li{display:inline;padding: 0px;}
.image-block{ position: relative;display: block;box-shadow: 0 4px 16px rgb(0 0 0 / 12%);padding: 2px;margin: 0;float: left;text-align: center;}
.image-block img{border: 1px solid #d5d5d5; border-radius: 4px 4px 4px 4px;background:#FFFFFF;padding:10px;width: 435px;
    height: 435px;}
.image-block img:hover{border: 1px solid #A9CF54;box-shadow:0 0 5px #A9CF54;}
.portfolio-area li{float: left;margin: 0;padding:0px;}
.home-portfolio-text{margin-top:10px;}
li.active a{ background: #333;border-radius: 0px;color: white;}
li.cat-item-1.active {
    background: none;
}
@media screen and (max-width: 768px){
    .image-block img  {
        min-width: 350px;
        height: 350px;
    }
    span.image-block {
        min-width: 350px;
        margin: 1px 20px;
    }
}



/**** END PORTFOLIO STYLES*****/

.portfolio-area .image-block:hover{
    transform: scale(0.9);
}
.portfolio-area .image-block {
    transition: transform 2s;
}
.image-block h4 {
    margin: 0.5em 0;
    font-weight: bold;
}
.gallery .portfolio-area {
    width: 1320px;
}
.gallery img {
    width: 435px;
    height: auto;
}
@media screen and (max-width: 800px){

	.gallery .portfolio-area {
		width: 0px; 
	}
	.portfolio-content, .portfolio-area {
		width: 100%; 
    }
    
}

@media screen and (max-width:500px) {
		
    ul.portfolio-categ.filter {
display: inline-grid;
}
.portfolio-content li.all.active {
    background: none;
}

}

.gallery {
    padding: 3em 0em;
    margin: 0 auto;
}